@charset "utf-8";


/*
html,body{overflow:hidden;}
*/
#wrap{padding:0;}
body #contents{padding:0;}
.header .bottom-in{display:none;}
body #footer{margin-top:0;}
body #section2{margin-top:0;}





#mainVisual{position:relative; box-sizing:border-box; padding:0 15px;  background-position:center; background-size:cover; background-image:url('/imgs/main-01.jpg');  overflow:hidden;}
#mainVisual>.in{max-width:1400px; margin:0 auto; position:relative; z-index:11; box-sizing:border-box; padding:110px 0; min-height:600px;  text-align:center;}
#mainVisual .txt{position:relative; margin-bottom:60px; z-index:11;}
#mainVisual .txt h2{font-size:25px; margin-bottom:5px; color:#fff; }
#mainVisual .txt p{font-size:14px; margin-bottom:20px; color:#fff; }
#mainVisual .img{}
#mainVisual .img img{}

.mainVisual-v{position:relative;  overflow:hidden; background-position:center; background-size:cover; _background-image:url('/imgs/main-01.jpg'); }
.mainVisual-v>.in{position:relative;  max-width:1400px; margin:0 auto; height:100%;}
.mainVisual-v:after{  position:absolute; top:0; left:0; width:100%; height:100%; background:#000; content:""; opacity:0.4; z-index:11;}
.mainVisual-v .in-center{ position:relative;  min-height:100vh;   box-sizing:border-box; padding:150px 15px; display:flex; justify-content:center; align-items:center; z-index:13;}
.mainVisual-v .in-center .wrap{text-align:center;}
.mainVisual-v .item{}
.mainVisual-v .vimeo-area{position:static;}
.mainVisual-v .vimeo-area iframe{min-height:102vh; min-width:180vh;  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;}
.mainVisual-v .txt{margin-bottom:40px; }
.mainVisual-v .txt span{display:inline-block; background:var(--c1); font-size:11px; margin-bottom:10px; border-radius:5px; color:#fff; padding:2px 15px;}
.mainVisual-v .txt h2{font-size:35px; font-weight:600; margin-bottom:10px; line-height:1.3; color:#fff; }
.mainVisual-v .txt h2 b{font-weight:800; }
.mainVisual-v .txt p{font-size:14px;  color:#fff; }

.mainVisual-v ul{display:flex; justify-content:center; flex-wrap:wrap; background:rgba(0,0,0,0.5); box-sizing:border-box; padding:20px; border-radius:10px;}
.mainVisual-v ul li{width:calc(100% / 2);  margin-bottom:40px;}
.mainVisual-v ul li a{color:#fff; display:block; box-sizing:border-box; padding:10px; transition:0.3s;}
.mainVisual-v ul li a:hover{opacity:0.8;}
.mainVisual-v ul li .icon{margin-bottom:10px;}
.mainVisual-v ul li .icon img{width:70px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.mainVisual-v ul li h3{font-size:17px;}
.mainVisual-v ul li p{font-size:14px;}


.mainVisual-v .swiper{position:absolute; top:0; left:0; width:100%; height:100%;}
.mainVisual-v .swiper-container{height:100%; }
.mainVisual-v .swiper .item{  height:100%;}
.mainVisual-v .swiper .item img{width:100%; height:100%; object-fit:cover; object-position:center;}





@media all and (min-width:768px){
  .mainVisual-v{  }
  .mainVisual-v .txt{margin-bottom:50px; }
  .mainVisual-v .txt span{font-size:15px; margin-bottom:15px;}
  .mainVisual-v .txt h2{font-size:45px; margin-bottom:15px;}
  .mainVisual-v .txt p{font-size:20px; }

  .mainVisual-v ul{padding:30px 40px; align-items:center;}
  .mainVisual-v ul li{position:relative;}
  .mainVisual-v ul li + li:after{position:absolute; top:25%; left:0; width:1px; height:50%; background:#fff; content:""; z-index:11; opacity:0.1;}
  .mainVisual-v ul li a{padding:0 35px;}
  .mainVisual-v ul li h3{font-size:17px;}
  .mainVisual-v ul li p{font-size:14px;}

  .mainVisual-v ul li{width:calc(100% / 4); margin:0;}

}




.main-01{ box-sizing:border-box; padding:0 15px; margin-bottom:100px;}
.main-01>.in{position:relative; max-width:1400px; margin:0 auto;}
.main-01 .title-txt{margin-bottom:30px;}
.main-01 .title-txt p{font-size:14px; margin-bottom:10px;  color:var(--c1); font-weight:bold; }
.main-01 .title-txt h2{font-size:20px;  font-weight:bold;  }
.main-01 .img-1{box-sizing:border-box;  }
.main-01 .img-1 .img{margin-bottom:10px;}
.main-01 .img-1 .txt{ ;}
.main-01 .img-1 .txt h2{width:100%; font-weight:normal; font-size:15px;}
/* .main-01 .img-1 .txt p{width:70%; font-size:13px; color:#999;} */
.main-01 .img-2{display:none;}
.main-01 img{}

.main-01 .btn-{margin-top:20px;}
.main-01 a{display:inline-block; padding:10px 25px; font-size:15px;  background:#f9f9f9;  border-radius:5px;}
.main-01 a i{margin-left:5px;}

@media all and (min-width:768px){

  .main-01{   margin-bottom:100px;}
  .main-01 .title-txt p{font-size:17px; margin-bottom:15px;}
  .main-01 .title-txt h2{font-size:30px;}
  .main-01 .img-1{max-width:650px;}
  .main-01 .img-1 .img{margin-bottom:20px; }
  .main-01 .img-1 .txt h2{font-size:22px;}
  .main-01 .img-1 .txt p{font-size:19px;}

  .main-01 .btn-{margin-top:40px;}
  .main-01 a{font-size:20px;}
}

@media all and (min-width:1000px){
  .main-01 .img-2{display:inline-block; position:absolute; top:0; right:0; width:calc(100% - 670px); text-align:right;}
}








.main-02{box-sizing:border-box; }
.main-02>.in{position:relative; max-width:1400px; margin:0 auto;}
.main-02 .title-txt{margin-bottom:30px; text-align:center;}
.main-02 .title-txt h2{font-size:17px;  font-weight:normal;  line-height:1.3;}
.main-02 .title-txt h2 b{}

.main-02 .cont{}
.main-02 .cont ul{}
.main-02 .cont ul li{position:relative; width:100%;  height:200px;  background:var(--c1);  background-position:center; background-size:cover; text-align:center;}
.main-02 .cont ul li + li{ }
.main-02 .cont ul li a{position:relative; display:block; width:100%; height:100%; z-index:11; }
.main-02 .cont ul li:after{ position:absolute; bottom:0; left:0; width:100%; height:100%; opacity:0.7; transition:0.3s; background: rgb(255,255,255);  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); content:""; z-index:10;}
.main-02 .cont ul li:nth-child(1){background-image:url('/imgs/main2-1.jpg');}
.main-02 .cont ul li:nth-child(2){background-image:url('/imgs/main3-2.jpg');}
.main-02 .cont ul li:nth-child(3){background-image:url('/imgs/main3-3.jpg');}
.main-02 .cont ul li .img{}
.main-02 .cont ul li .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
.main-02 .cont ul li .txt{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:30px 0; color:#fff; transition:0.3s;}
.main-02 .cont ul li .txt h2{font-size:20px;}
.main-02 .cont ul li .txt p{font-size:14px;}
.main-02 .cont .icon{margin-bottom:30px; }
.main-02 .cont .icon img{width:70px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.main-02 .cont ul li:hover .txt{ opacity:0.7;}



@media all and (min-width:768px){

  .main-02 .title-txt{margin-bottom:50px;}
  .main-02 .title-txt h2{font-size:30px;}
  .main-02 .cont ul li .txt{padding:0 0 50px 0; }
  .main-02 .cont ul li .txt h2{font-size:30px;}
  .main-02 .cont ul li .txt p{font-size:17px;}
  .main-02 .cont ul li{width:calc(100% / 3); height:500px;}



}
















#main #footer-section1{display:block;}
#main #section2{display:none;}
#main #bottom-banner{margin-top:0;}















/**/