body#main #wrap{padding-top:0;}







.mainVisual-v{position:relative;  height:100vh; overflow:hidden; margin-bottom:50px;}
/* .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:after{position:absolute; top:0; left:0; width:100%; height:100%; box-shadow: inset 0 100px 50px -10px rgba(0,0,0,0.3); content:""; z-index:11;}
.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-width:768px){
  .mainVisual-v{margin-bottom:100px;}
  .mainVisual-v .img:after{box-shadow: inset 0 150px 50px -10px rgba(0,0,0,0.3);}
}




.main-1{box-sizing:border-box; padding:0 15px;}
.main-1>.in{max-width:1200px; margin:0 auto;}
.main-1 ul{ }
.main-1 ul + ul{margin-top:30px;}
.main-1 ul li{}
.main-1 ul li.img{margin-bottom:15px;}
.main-1 ul li.img img{width:100%; height:200px; object-fit:cover; object-position:center;}
.main-1 ul li.txt{box-sizing:border-box;}
.main-1 ul li.txt h2{font-size:17px; margin-bottom:15px;}
.main-1 ul li.txt p{font-size:13px; margin-bottom:15px;}
.main-1 ul li.txt a{font-size:11px; border:1px solid #aaa; display:inline-block; padding:5px 10px; transition:0.3s;}
.main-1 ul li.txt a:hover{background:#333; color:#fff;}




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

  .main-1 ul{display:flex; align-items:center; max-width:1000px; margin-left:auto; margin-right:auto;}
  .main-1 ul + ul{margin-top:200px;}

  .main-1 ul li.img{width:40%; margin:0;}
  .main-1 ul li.img img{height:auto;}
  .main-1 ul li.txt{width:60%;  padding:0 5% 10% 10%;}
  .main-1 ul li.txt h2{font-size:25px; margin-bottom:15px;}
  .main-1 ul li.txt p{font-size:15px; margin-bottom:50px;}
  .main-1 ul li.txt a{font-size:13px; padding:5px 20px;}

  .main-1 ul.reverse{flex-direction:row-reverse; max-width:100%;}
  .main-1 ul.reverse li.img{width:50%; ;}
  .main-1 ul.reverse li.txt{width:50%;  padding:0 5%;}

  .main-1 ul:nth-child(3){padding-left:20%;}
  .main-1 ul:nth-child(3) li.img{width:30%; margin:0;}



}
































 /*  */