@charset "utf-8";

.kv-area{margin:0 auto;border-radius:15px;overflow:hidden;width:96%;overflow:hidden;position:relative;}
.kv-area h1{line-height:0}
.kv-area h1 img{width:100%}
.fadeinmv{position:absolute;z-index:+1;top:0;left:0; 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%;left:28.2%;top:74%;}
.mvp2{width:42.8%;left:41.7%;top:40.5%;}
.mvp3{width:26.2%;left:55.4%;top:7.5%;}
.mvp4{width:26.2%;left:69%;top:40.7%;}
.mvp5{width:26.2%;left:80.5%;top:74.1%;}
.mvp6{width:26.2%;left:69%;top:-25%;}
.mvp7{width:26.3%;left:82.5%;top:7.5%;}

@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;}
.index-section03{padding-top:150px}

.loop-text-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  position:absolute;
  z-index:-1;
  top:50px;
  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 .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}
.kvpc{display:block;}
.kvsp{display:none}

@media screen and (max-width:1200px){
.double-content{font-size:15vw}
.index-section02{padding-top:50px}
.index-section03{padding-top:75px}
.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{top:100px}
.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}
}

@media screen and (max-width:768px){
.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}

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

@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%}
.loop-text-container{position:relative;top:-10vw}
.index-section03{padding-top:0}
.footer-ex{margin-bottom:50px}
.section-header h2{font-size:40px}
.index-section02{margin-top:35px;padding-top:35px}
}