.slide-in {
  overflow: hidden;
  display: block;
}


/************ 2024-10-03 TOPスライダーコンセプト変更css ************/
.slide-in_inner {
  display: block;
    /*background: var(--accent);*/
    background-color: rgba(255, 255, 255, 0.51);!important; 
    /*color: var(--main-r);*/
    color: #000000!important; 
    padding: 1rem;
}

.slide-in:nth-child(2) .slideAnimeRightLeft,
.slideAnimeLeftRight:nth-child(2){
	animation-delay:0.2s;
}

.leftAnime {
  
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;

}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);

  }
  to {
    transform: translateX(0);

  }
}


#mv_item{
	position:relative;
}

#mv_content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 10vw;
}

#mv_content h2 span{
    font-size: 5rem;
    margin-bottom: 2rem;
	margin-right:9rem;
    display: block;
}

#mv_content h2 span:last-child{
	margin:0;
}

#top_concept,
#top_reason,
#top_news{
	position:relative;
}

#top_concept:after,
#top_reason:after,
#top_news:after{
content: "";
    width: 5vw;
    height: 100%;
    position: absolute;
    top: 50%;
	transform:translatey(-50%);
    z-index: -1;
}

#top_concept:after{
    right: 0;
    background: url(../images/bg-concept.svg) no-repeat center right / contain;
}

#top_reason:after{
    right: initial;
	left:0;
    background: url(../images/bg-reason.svg) no-repeat center left / contain;	
}

#top_news:after{
    right: initial;
	left:0;
    background: url(../images/bg-news.svg) no-repeat center left / contain;	
}

#top_reason_inner{
	position:relative;
}

#top_reason_inner .flex-r{
    display: flex;
    gap: 2rem;
}

#top_reason_inner .flex-r .top-reason-img{
    width: calc(100% / 2 - 1rem);
    height: 40vw;
}

#top_reason_inner .flex-r .top-reason-img img{
    display: block;
    height: 100%;
    object-fit: cover;
}

#top_reason_inner .flex-r .top-reason-img:nth-child(1){
	margin-bottom: -8rem;
	margin-top:8rem;
}

#top_reason_inner .flex-r .top-reason-img:nth-child(2){
	margin-top: -8rem;
	margin-bottom: 8rem;
}

#top_reason{
	position:relative;
    color: var(--main-r);
}

#top_reason:before{
content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--accent);
    position: absolute;
	z-index:-5;
}

#top_reason .sec-title-en span:first-child,
#top_news .sec-title-en span:first-child{
    color: #BBBBBB;
}

#top_news{
    background: var(--accent);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(14,22,116,1) 100%);
    color: var(--main-r);
    z-index: -1;
}

#top_news .more{
	color:var(--accent)!important;
	background:var(--main-r);
	margin-top:3rem;
}

#top_news .l-flex .flex-l{
    width: calc(20% - 5rem);
}

#top_news .l-flex .flex-r{
    width: calc(80% - 5rem);
}

#top_news_inner{
	align-items:flex-start;
}

@media screen and (max-width:1400px) {
#mv_content h2 span {
    font-size: 4rem;
}
#mv_content {
    left: 5vw;
}
}

@media screen and (max-width:1200px) {
#top_reason_inner .flex-r .top-reason-img:nth-child(1) {
    margin-bottom: -5rem;
    margin-top: 5rem;
}
#top_reason_inner .flex-r .top-reason-img:nth-child(2) {
    margin-top: -5rem;
    margin-bottom: 5rem;
}
#mv_content h2 span {
    font-size: 3.5rem;
}
#top_news .l-flex .flex-l {
    width: calc(25% - 3.5rem);
}
#top_news .l-flex .flex-r {
    width: calc(75% - 3.5rem);
}
}

@media screen and (max-width:960px) {
#top_concept{
	margin-top:calc(10rem + 5rem);
	}
#top_reason_inner{
	align-items:center;
	}
#top_reason_inner .flex-l{
	padding:10rem 0;
	}
#top_reason_inner .flex-r .top-reason-img:nth-child(1) {
    margin-bottom: -8rem;
    margin-top: 8rem;
    height: 50vw;
}
#top_reason_inner .flex-r .top-reason-img:nth-child(2) {
    margin-top: -8rem;
    margin-bottom: 8rem;
    height: 50vw;
}
#top_reason{
	margin-bottom:calc(10rem + 5rem);
	}
#top_concept:after, #top_reason:after, #top_news:after, #contact_area:after  {
    width: 6vw;
    
}
}

@media screen and (max-width:767px) {
#mv{
    margin-top: 50px;
	}
#mv_content h2 span {
    font-size: 2rem;
    margin-bottom: 1rem
}
#mv_item {
    height: 100%;
}
#top_concept {
    margin-top: 7rem;
}
#top_reason_inner .flex-r .top-reason-img:nth-child(1),
#top_reason_inner .flex-r .top-reason-img:nth-child(2) {
    margin-bottom: -8rem;
    margin-top: 0;
    height: 70vw;
}
#top_reason_inner .flex-l {
    padding: 7rem 0 0 0;
}
#top_news .l-flex .flex-l {
    width: 100%;
}
}



/******* 2024/04/18 *******/


.reason_SE-line > .l-inner > .title-wrap {
    margin-top:5rem!important;
    margin-botoom:0!important;
}
.reason_SE-line {
    border-top: 1px solid #abb8c3;
    margin:5rem 0 0;
}
.top_reason_SE {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin:2rem 0 0;
}

.SE-item1 {
  margin:0 0 3rem;
}


.SE-item1 img {
  width: ;
}

.SE-item2 > .more{
    width: 60%!important;
    margin: 0 auto!important;
    padding:2rem 15rem 1rem;
}
.SE-item2 > p {
    margin: 0 0 3rem;
}