@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:#555; 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;  height:100vh; overflow:hidden;}
.mainVisual-v:after{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; content:""; opacity:0.3; z-index:11;}
.mainVisual-v .img{position:absolute;  top:0; left:0; width:100%; height:100%; z-index:10; }
.mainVisual-v .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
.mainVisual-v .in-center{position:absolute;  top:50%; left:0; width:100%;  transform:translateY(-50%); text-align:center; z-index:13;}
.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{}
.mainVisual-v .txt h2{font-size:25px; font-weight:500; margin-bottom:15px; line-height:1.3; color:#fff; }
.mainVisual-v .txt h2 b{font-weight:800; }
.mainVisual-v .txt p{font-size:14px;  color:#fff; }

@media all and (min-aspect-ratio:16/9){
  .mainVisual-v .vimeo-area iframe{width:102vw; height:180vw;}
}

@media all and (max-width:1300px){

  @media all and (min-aspect-ratio:16/9){
    .mainVisual-v .vimeo-area iframe{width:220vw; height:120vw;}
  }

  @media all and (max-aspect-ratio:16/9){
    .mainVisual-v .vimeo-area iframe{width:300vh; height:200vh;}
  }

}

@media all and (min-width:768px){
  .mainVisual-v .txt h2{font-size:40px;}
  .mainVisual-v .txt p{font-size:20px; }
}

@media all and (min-width:1000px){
  .mainVisual-v .txt h2{font-size:50px;}
}



#mainVisual .pc{display:none;}
#mainVisual .mo{display:block;}

#main-ico{margin-top:30px; position:relative; box-sizing:border-box;  padding:0 30px; z-index:11;}
#main-ico>.in{background:rgba(255,255,255,0.15); max-width:460px; margin:0 auto; border-radius:30px; padding:15px;}
#main-ico ul{ text-align:center; }
#main-ico ul li{ width:calc(100% / 3 ); box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); }
#main-ico ul li:nth-child(1),
#main-ico ul li:nth-child(4){border-left:0;}
#main-ico ul li:nth-child(n+4){border-bottom:0;}
#main-ico ul li a{display:block; padding:10px 0; width:100%; height:100%; color:#fff; transition:0.2s;}
#main-ico ul li a span{  box-sizing:border-box;  display:block; margin-bottom:5px; transition:0.3s;}
#main-ico ul li:hover a{opacity:0.7;}
#main-ico ul li a span img{max-width:50px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#main-ico ul li a p{}




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



  #mainVisual{padding:0 20px;}
  #mainVisual>.in{min-height:1000px; }

  #mainVisual .img{text-align:right;}
  #mainVisual .img.pc{display:block;;}
  #mainVisual .img.mo{display:none;}
  #mainVisual .txt{position:absolute; text-align:left; top:50%; left:0; transform:translateY(-50%);}
  #mainVisual .txt h2{font-size:40px;}
  #mainVisual .txt p{font-size:20px; margin-bottom:60px;}

  #mainVisual .pc{display:block;}
  #mainVisual .mo{display:none;}



  #main-ico{margin-top:60px; }
  #main-ico>.in{padding:30px;}
  #main-ico ul{ }
  #main-ico ul li{}
  #main-ico ul li a{padding:20px 0; box-sizing:border-box; }
  #main-ico ul li a p{font-size:17px;}

  @media all and (max-height:680px){
    #main-ico{display:none;}
  }



}






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















/**/