/***トップビュー***/




.mv .start-vis2 img{
width:100%}

.new-top-view{
height:calc(100vh - 110px - 53px)}



.new-top-view-inner{
padding:0px 0;
width:65%;
max-width:1000px;
margin:auto;
position:relative;}

.new-top-view img{
height:auto;
width:100%}



.mv-text{
position:absolute;
left:1.1%;
top:50%;
	font-size:clamp(10.2px, 0.96vw, 15px);
line-height:2.15;
color:#595757;
letter-spacing:0.11em;
font-weight:bold;}




@media (min-aspect-ratio: 17/10) {
.mv{
min-height:940px;
}
.new-top-view-inner{
width:67%}

.new-top-view{
padding:40px;}

.mv-text{
	font-size:clamp(10.2px, 0.93vw, 15px);}
}




@media screen and (max-width: 1199px){



.mv-text{
margin:auto;
font-size:15px;
position:relative;}

.new-top-view{
min-height:0
}

.mv-text-sp-logo{width:70%;
max-width:200px;
margin:40px auto}

.mv{
min-height:00px;}

.new-top-view-inner{
padding:6px;
width:65%;
max-width:480px;
min-height:100px;
padding-bottom:10px;}

.mv-text-sp-wrapper{
background:#d6ccb4;
padding-top:20px;
padding-bottom:93px;}

.mv:after{
display:none}

.mv{
height:calc(100dvh - 80px)}

.mv::after{
display:none}

.mv .mv-animate1, .mv .start-vis1, .mv .start-vis2, .mv .start-copy1, .mv .start-copy2{
height:calc(100dvh - 50px)}

.mv-animate1{
width:100%;
overflow:hidden}

.scroll{
bottom:0px}

.jubokuzu-wrapper{
padding-top:0px;
margin-top:-30px}

.jubokuzu-wrapper::before{content:"";
   width:100%;
   height:53px;
   background-color:#E2DBC9;
   position:absolute;
   top:-53px;
   left:0px;
border-radius:50% / 100% 100% 0 0}


.jubokuzu-main-title{
margin-top:2rem;
font-size:20px}

}




@media screen and (max-width: 600px){
.mv{min-height:500px!Important}

.new-top-view-inner{
max-height:500px;
overflow:over;}

.new-top-view-inner img{
max-height:500px;
object-fit:contain}

}




.bg-light-brown{
background:#E2DBCA}

#story{
background:#E2DBCA}

.mv:after{
background-color:#E2DBCA;
box-shadow:0 1px 0 0 #E2DBCA}

#purpose, #value{
background-color:#EAE5D9;
}

#purpose{border-bottom:#EAE5D9}


.val-box .val-txt h3{
color:#595757}


@media print, screen and  (min-width:1200px) {
.mv-only-sp{display:none !important;}
}

@media screen and (max-width:1199px) {
.mv-only-pc{display:none;}
}


/****十木図*****/

.jubokuzu-main-title{
text-align:center;}

.jubokuzu-main-title h2{
text-align:center;
font-weight:bold;
font-size:30px;
margin-bottom:1rem;
color:#595757}

.jubokuzu-main-title p{
max-width:900px;
margin:auto;
font-size:1.6rem}

.jubokuzu-main-title h3{
font-weight:500;
font-family:futura-pt, sans-serif;
font-size:24px;
margin-bottom:2rem;
color:#595757}


.jubokuzu-wrapper{
padding-top:60px;padding-bottom:60px;
height:calc(100vh);

min-height:1100px;
position:relative;
}

.jubokuzu-wrapper .ttl-sec{
margin-bottom:0}

.story .swiper-wrapper{
height:calc(100dvh - 110px)}

.jubokuzu-contents{
padding-top:0px;
height:100%;
display:flex;
 	display:-webkit-box;
  	display:-ms-flexbox;

justify-content: center; 
	-webkit-box-pack: center;
	-ms-flex-pack: center;

align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;}

.jubokuzu-image img{
width:100%;
max-width:150px;
display:block;
margin:auto;}

.jubokuzu-image article{
position:relative;
}



.jubokuzu-name{
text-align:center;
margin-top:3rem;
margin-bottom:1rem;
font-weight:bold;}

.jubokuzu-text{
font-weight:bold;
min-height:60px;
text-align:center;
line-height:1.7;
font-size:clamp(9px, 0.97vw, 15px);
margin-top:1rem;}

.story-btn{
padding-top:60px!important;
margin-top:60px;
display:block;
 border-top:1px #707070 solid;
text-align:center}


@media (min-aspect-ratio: 17/9) {
.jubokuzu-wrapper{
height:auto!important;}
.jubokuzu-contents{
padding:40px 0}
}


@media screen and (max-width: 1399px){

.jubokuzu-image img{
max-width:300px;
width:80%}

.jubokuzu-text{
min-height:60px;
text-align:center;
font-size:clamp(13px, 1.8vw, 15px);}

.jubokuzu-wrapper{
height:auto
}

}

@media screen and (max-width: 997px){

.story-btn{
text-align:center}
}

/****メインレイアウト****/


.modal_content th{
width:6em;
text-align:justify;
}

.modal_content dt{
padding-right:24px;
text-align:justify;
text-align-last:justify;}

.modal_content td{padding:15px 0}

.modal_content tr{
border-bottom:1px dashed #dcdee5}

.vertical-middle{
display:flex;
 	display:-webkit-box;
  	display:-ms-flexbox;



align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.orikaeshi{
display:inline-block;}

.contentBox{
position:relative}


.container{
max-width:1400px;
padding:0 120px;}

 .container-fluid{
padding:0 120px;}


.modal_body1{
max-width:750px}


@media screen and (max-width: 768px){

.modal_body1{
max-height:90%;}

.modal_content th{
width:6em;
text-align:justify;
}

.modal_content dt{
width:6em!important;
padding-right:4px;
text-align:left;
text-align-last:left;}


.container{
max-width:1400px;
padding:0 30px;}

 .container-fluid{
padding:0 30px;}

.container-rd{
background:transparent}

.vertical-slider{
height:calc(100dvh - 53px)}

.story .swiper-wrapper{
height:calc(100dvh - 53px)}

}


/***ボタン***/

.btn2{
font-size:28px;
font-family:futura-pt, sans-serif;
position:relative;
padding-left:60px;
padding-right:60px;
font-weight:500;
color:#595757!important;
cursor: pointer;
}



.btn2::before{content:"";
   width:50px;
   height:38px;
background: url('../img/icon/tane-mark.png');
background-size:contain;
background-repeat:no-repeat;
   position:absolute;
   bottom:0px;top:0;
   left:0px;
margin:auto;
transition-duration:0.3s}

.btn2::after{
font-family: "Font Awesome 5 Pro";
    content: "\f178";
    margin: auto;
    position: absolute;
    top: 0;bottom:0;
    right: 5px;
transition-duration:0.2s;
margin:auto;
    color: #333333;}

.btn2:hover::after{
right:0}



 @media screen and (max-width: 767px){

.btn2{
font-size:clamp(14px, 5.2vw, 22px);
padding-left:42px;
padding-right:42px;
}

.btn2::before{content:"";
   width:35px;
   height:26px;
background-size:contain;
background-repeat:no-repeat;
   position:absolute;
   bottom:0px;top:0;
   left:0px;
margin:auto;
transition-duration:0.3s}



}

/***bootstrap5カラム***/



@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
.col-15{
  width: 20%;
  flex: 0 0 20%;
}




/**提携企業corp**/



.corp-section{
background:#FEFCCC}

.corp-contents-wrapper .container{
max-width:600px;}

.corp-contents-wrapper{
transition-duration:0.3s;
transform:scale(0.6);
opacity:0;
visibility:hidden;
height:100dvh;width:100vw;
background:rgba(255,255,205,0.7);
position:fixed;
top:0;
display:flex;
 	display:-webkit-box;
  	display:-ms-flexbox;

justify-content: center; 
	-webkit-box-pack: center;
	-ms-flex-pack: center;

align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;}

.corp-active{visibility:visible;
transform:scale(1);
opacity:1;}

/**フェードインアニメーション**/







@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}









.delay1{
transition-delay:150ms!important}

.delay2{
transition-delay:300ms!important}


.delay3{
transition-delay:450ms!important}


.delay4{
transition-delay:600ms!important}


.delay5{
transition-delay:750ms!important}

.delay6{
transition-delay:900ms!important}

.delay7{
transition-delay:1050ms!important}

.delay8{
transition-delay:1200ms!important}

.delay9{
transition-delay:1350ms!important}



.fadein{ 
 animation: fadeIn 2s ease 0s 1 normal;}

.fade {
    opacity : 0.3;
    transform : translate(0, 100px);
    transition : all 1200ms;
}
.fade.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


.fade2 {
    opacity : 0;
　　　transform : translate(0, 0);
    transition : all 1200ms;
}


.fade2.scrollin2 {
    opacity : 1;
    transform : translate(0, 0);
}




/*****about　会社概要・提携企業*****/


.about .prof-container .prof-ryotaro, .about .prof-container .prof-sota {padding:20px 50px;
text-align:center;
max-width:700px;
}


.corp-logo{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
   flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: center;   
}

.corp-logo a{

width:12%;
  margin: 1.2%;

height:auto;
min-width:150px;}

.corp-logo img{
aspect-ratio:22/11;
object-fit:contain;
width:100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;}



.about .prof-container .prof-inner .prof-name p{
height:30px}

.prof-img{
max-width:280px;
margin:auto}

.about .prof-container .prof-img img{
width:100%}

.about .prof-container .prof-inner .prof-name h4{
font-size:3rem}


.prof-content-wrap{
position:fixed;
background:rgba(25,25,25,0.5);
top:0;
left:0;
height:100dvh;
width:100vw;
z-index:99999;
display:flex;
 	display:-webkit-box;
  	display:-ms-flexbox;

justify-content: center; 
	-webkit-box-pack: center;
	-ms-flex-pack: center;

align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;}


.prof-content-wrap{
visibility:hidden;
opacity:0;
transition-duration:0.2s}


.prof-active{
visibility:visible;
opacity:1}


.about .prof-content{
max-height:90dvh;
height:auto;
overflow:scroll}


.prof-content .prof-name{
text-align:left;
margin:2em 0}


 .prof-career h5{
text-align:left;}


#ryotaro::before{content:"➕";
   position:absolute;
width:80px;
height:30px;
   bottom:0px;top:0;
   left:0px;
margin:auto;
transition-duration:0.3s}


.prof-btn-active#ryotaro::before{
content:"➖";}

.prof-btn-active#sota::before{
content:"➖";}


#sota::before{content:"➕";
   position:absolute;
width:80px;
height:30px;
   bottom:0px;top:0;
   right:0px;
margin:auto;
transition-duration:0.3s}


.prof-head{
position:relative}


@media screen and (max-width: 997px){
.corp-logo a{
  margin: 2%;
height:auto;
width:15%;
min-width:70px;}

}


 @media screen and (max-width: 767px){

#ryotaro::before{content:"➕";
width:40px;
height:30px;
left:auto;right:0;}

#sota::before{content:"➕";
width:40px;
height:30px;right:0;}

.about .prof-container .prof-inner .prof-name:after{
display:none}



.about .prof-container .prof-inner .prof-content{display:block!important;
width:80%!Important;}

.about .prof-container .prof-inner ul li{text-align:left}

.about .prof-container .prof-ryotaro, .about .prof-container .prof-sota {padding:20px 20px 12px 20px;
text-align:left;
margin-bottom:0;
width:100%!Important;
margin-bottom:12px}

.about .prof-container .prof-inner .prof-name h4{
font-size:2.8rem}


.corp-logo a{
  margin:2% 3%;
height:auto;
width:26%;
min-width:00px;}
}





/*メンバープロフィール*/

.profile-card{
padding:10px}

.profile-card img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
border-radius:100%;}

.profile-card-name{
font-weight:bold;
text-align:center;
margin-top:12px;
line-height:1.5;
font-size:20px;}

.profile-card-name span{
font-size:1.8rem;
font-weight:500;
font-family:futura-pt, sans-serif}




@media screen and (max-width: 500px){
.corp-logo a{
  margin: 2% 4%;
height:auto;
width:40%;}
}


/*表示非表示切り替え*/

@media print, screen and  (min-width:998px) {
.only-sp{display:none !important;}
}

@media screen and (max-width:997px) {
.only-pc{display:none;}
}



.pickup-swiper.swiper {
    visibility: hidden;
}

.pickup-swiper.swiper.swiper-initialized{
  visibility: visible;
}

.release-slider-inner {
    display: block;
    width: 80%;
    margin: auto;
    opacity:1!important
}

.release-slider-img{
aspect-ratio:1/1;
overflow:hidden;
position:relative;}


.release-slider2-wrap .swiper-button-next, 
.release-slider2-wrap .swiper-button-prev{
    transform:translateY(-40px);
    top:0;
    bottom:0;
    margin:auto;
}


.release-slider2-wrap .swiper-button-next img, 
.release-slider2-wrap .swiper-button-prev img{
width:40px;
    height: auto;
}

.release-slider2-wrap .swiper-button-next:after, 
.release-slider2-wrap .swiper-button-prev:after {
    display: none;
}

.release-slider2 .swiper-slide img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: 0;
    padding: 0;
    display: block;
    transition-duration:0.3s;
    width: 100%;
    height: 100%;
}

.release-slider2 .swiper-slide:hover img{
    transform:scale(1.07)
}

.swiper-pagination {
  --swiper-pagination-color: gray; /* アクティブバレットの色 */
  --swiper-pagination-bullet-inactive-color: #ffffff; /* 非アクティブの色 */
  --swiper-pagination-bullet-size:10px; /* サイズ変更 */
  --swiper-pagination-bullet-horizontal-gap: 10px; /* 横間隔 */
  --swiper-pagination-bullet-inactive-opacity:1;
}

.release-slider2-wrap {
    position: relative;
}

.release-slider2-main .swiper-pagination {
    position: relative;
    padding: 20px 0;
}

.release-slider2-wrap {
    --swiper-navigation-sides-offset: -20px;
}


@media screen and (max-width: 768px){
.release-slider-inner {
width:90%;
}

.release-slider2-wrap .swiper-button-next{
left:auto;right:10%;}

.release-slider2-wrap .swiper-button-prev{
right:auto;left:10%;}


.release-slider2-wrap .swiper-button-next img, 
.release-slider2-wrap .swiper-button-prev img{
width:30px;
}

.contentBox-inner.top-slider-container{
padding-left:0;padding-right:0;}


}