@charset "utf-8";

.kv-area{margin:0 auto;border-radius:15px;overflow:hidden;width:96%;overflow:hidden;position:relative;margin-top:100px;overflow:hidden;}
.kv-area h1{line-height:0}
.kv-area h1 img{width:100%}
.fadeinmv{position:absolute;z-index:+1; opacity: 0;
  animation-name: fadeinmv;
  animation-duration: 1.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  transition:0.3s
  }

.mvanime{width:100%;position:absolute;height:100%;overflow:hidden;border-radius:15px;left:0;top:0}
.mvanime img{position:absolute;filter:brightness(1.2)}
.mvp1{width:26.2%;right:28.2%;top:74%;}
.mvp2{width:42.8%;right:41.7%;top:40.5%;}
.mvp3{width:26.2%;right:55.4%;top:7.5%;}
.mvp4{width:26.2%;right:69%;top:40.7%;}
.mvp5{width:26.2%;right:80.5%;top:74.1%;}
.mvp6{width:26.2%;right:69%;top:-25.7%;}
.mvp7{width:17.5%;right:82.6%;top:7.9%;}

@keyframes fadeinmv {
  0% {
     opacity: 0;
     transform:rotate3d(0,1,0,360deg);
  }
  100% {
     opacity: 1;
     transform:rotate3d(0,0,0,0deg);
  }
}
.index-section{margin-top:130px;}

.index-section01{margin-top:100px}
.index-section02{position:relative;padding-bottom:200px;}
.index-section03{padding-top:0px;margin-top:50px}

.loop-text-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  position:absolute;
  z-index:-1;
  bottom:0px;
  width:100%
}
.loop-text-wrapper {
  display: flex;
  animation: loop-text 20s linear infinite;
}
.double-content {
  display: inline-block;
  font-size: 300px;
  white-space: nowrap;
  font-weight:500;
  font-family: "Jost", sans-serif;color:#f0f4fc;
}
@keyframes loop-text {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.index-section03 .two-col-wrapper > div:nth-child(1){display:flex;justify-content:space-between;padding-right:20px}
.index-section03 .two-col-wrapper > div:nth-child(2){padding-left:4.5%;font-weight:500}
.index-section03 .two-col-wrapper > div figure{width:32.5%;}
.index-section03 .two-col-wrapper > div figure img{width:100%}
.index-section03 .two-col-wrapper > div figure:nth-child(2){margin-top:75px}
.index-section03 .two-col-wrapper > div figure:nth-child(3){margin-top:38px}

.index-section h3{font-size:30px;font-weight:bold;/*color:#07328c;*/color: #001d58;line-height:1.6;margin-bottom:30px;margin-top:30px}
.index-section p.section-txt {margin-bottom:35px;line-height:1.7}

.index-section04 {background:#f0f3fa;margin-top:100px;padding-top:80px;padding-bottom:80px}
.index-section04 h2,.index-section05 h2{font-size:90px;font-weight:400;  font-family: "Jost", sans-serif;}
.index-section04 .section-header{text-align:center;}

.index-section04 .two-col-wrapper > div:nth-child(1){min-height:409px;width:58%;position:relative;}
.index-section04 .two-col-wrapper > div:nth-child(2){width:41%;padding-left:7%;}

.index-section04 .two-col-wrapper > div:nth-child(1) figure:nth-child(1){position:absolute;left:0;bottom:0;width:25%;z-index:+1}
.index-section04 .two-col-wrapper > div:nth-child(1) figure:nth-child(2){position:absolute;right:0;top:0;width:84%}
.index-section04 .two-col-wrapper > div:nth-child(1) figure img {width:100%}

.index-section04 .two-col-wrapper > div:nth-child(2) a{ display:flex;justify-content:space-between;
align-items:center;height:75px;font-weight:500;font-size:18px;border-bottom:1px solid #aaa;/*color:#07328c;*/color: #001d58;}
.index-section04 .two-col-wrapper > div:nth-child(2) a span{font-family: "Oswald", sans-serif;font-size:18px;width:2em;height:2em;display:flex;align-items:center;justify-content:center;background:#001d58;color:#fff;border-radius:50%;transition:0.2s}

.index-section04 .two-col-wrapper > div:nth-child(2) a:hover span{width:2.2em;height:2.2em}

.index-section05{margin-top:0px;padding-bottom:100px}
.index-section05 h2{margin-bottom:0px;line-height:1;margin-top:70px;margin-bottom:-20px}
.index-section05 h2 small{line-height:1;margin-bottom:30px}

.flow-notice{display:block;text-align:center;padding:70px 10px 0px 10px}

.company-table-wrapper{display:block;width:100%;}
.company-table-wrapper > li{display:flex;}
.company-table-wrapper > li h3{width:25%;color:#001d58;border-top:1px solid #001d58;;padding:1.5em;margin:0;font-size:16px;display:block;min-width:8em}
.company-table-wrapper > li:last-child h3{border-bottom:1px solid #001d58}
.company-table-wrapper > li > p,.company-table-wrapper > li > div{width:75%;border-top:1px solid #ccc;display:flex;align-items:center;padding-left:1.5em;}
.company-table-wrapper > li > div ol{padding-left:0;margin-left:1.5em;margin-top:1.5em;margin-bottom:1.5em;}
.company-table-wrapper > li > div ol li{list-style:decimal;margin-bottom:0.7em;}
.company-table-wrapper > li > div ol li:last-child{margin-bottom:0}
.company-table-wrapper > li:last-child p{border-bottom:1px solid #ccc}


.kvpc{display:block;}
.kvsp{display:none}

@media screen and (max-width:1200px){
.double-content{font-size:15vw}
.index-section02{padding-top:50px;padding-bottom:40px}
.index-section03{padding-top:0px}
.index-section h3{font-size:22px;margin-top:0}
.index-section p.section-txt{margin-bottom:1.8vw}
.index-section{margin-top:70px;}
.loop-text-container{bottom:-50px}
.index-section04 .two-col-wrapper > div:nth-child(1){min-height:350px}
.index-section.footer-ex{margin-top:120px}
.index-section04 .two-col-wrapper > div:nth-child(2) a{font-size:16px}

}

@media screen and (max-width:1000px){
.index-section04 .two-col-wrapper > div:nth-child(1){min-height:36vw}
.index-section02{padding-bottom:50px}
}

@media screen and (max-width:768px){
.index-section05 h2 small{margin-bottom:20px}
.index-section02{padding-bottom:50px;margin-bottom:20px}
.two-col-wrapper{flex-wrap:wrap;}
.two-col-wrapper > div{width:100%;}
.index-section03 .two-col-wrapper > div:nth-child(2){padding:0 2%;}
.inner{margin:0 auto;}
.index-section04 .two-col-wrapper > div:nth-child(1){width:100%;margin-bottom:40px}
.index-section04 .two-col-wrapper > div:nth-child(2){width:100%;padding-right:7%}
.index-section04 .two-col-wrapper > div:nth-child(1) figure:nth-child(2){height:100%;width:auto;right:10%;}
.index-section04 .two-col-wrapper > div:nth-child(1) figure:nth-child(2) img{height:100%;width:auto;}
.index-section04 .two-col-wrapper > div:nth-child(1) figure:nth-child(1){left:5%;bottom:-20px}
.index-section03 .two-col-wrapper > div figure:nth-child(2){margin-top:9.7vw}
.index-section03 .two-col-wrapper > div figure:nth-child(3){margin-top:5vw}
.double-content{font-size:22vw}
.index-section03{padding-top:0;margin-top:0}
.index-section04 h2,.index-section05 h2{font-size:60px}

}
@media screen and (max-width:700px){
.kvpc{display:none;}
.kvsp{display:block}
.mvp1{width:25.2%;right:20.2%;top:87%;}
.mvp2{width:47.8%;right:33.7%;top:71.5%;}
.mvp3{width:31.2%;right:49.4%;top:54.9%;}
.mvp4{width:31.2%;right:66%;top:71.6%;}
.mvp5{width:31.2%;right:80.5%;top:88.2%;}
.mvp6{width:31.2%;right:66%;top:38.3%;}
.mvp7{width:21.3%;right:82.5%;top:54.9%;}


.company-table-wrapper > li{flex-wrap:wrap}
.company-table-wrapper > li h3{width:100%;background:rgba(255,255,255,0.7)}
.company-table-wrapper > li:last-child h3{border-bottom:0px solid #001d58}
.company-table-wrapper > li:last-child{border-bottom:1px solid #001d58}
.company-table-wrapper > li > p{padding-top:2em;padding-bottom:2em;width:100%;}
.company-table-wrapper > li > div{width:100%;}
.company-table-wrapper > li > p,.company-table-wrapper > li > div{border-top:0px solid #fff;}

}

@media screen and (max-width:550px){
.index-section01 .inner .section-header{display:flex;flex-wrap:nowrap;}
.index-section01 .inner h2{width:50%;}
.index-section01 .inner .section-header > div{width:50%}
.index-section03{margin-top:-50px;}
.loop-text-container{position:relative;top:-50px;}
.flow-notice{font-size:12px;padding: 30px 10px 0px 10px;}
.footer-ex{margin-bottom:50px}
.section-header h2{font-size:25px}
.index-section02{margin-top:20px;padding-top:35px;padding-bottom:0px}
.company-table-wrapper{font-size:15px}
.index-section04 h2,.index-section05 h2{font-size:40px}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pcc { display: block !important; }
.spp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
    .pcc { display: none !important; }
    .spp { display: block !important; }
}