@charset "utf-8";

/* ****************************************************
Title: index.css
---------------------------------------------------------------------------- */
.slider img {width: 100%;height: auto;}
.single-item {max-width: 100%;margin: 0 auto 50px;}

#va {position: relative; width: 100%; height:750px;}
#va .main_va {width:100%; height:750px; position:absolute;}
#va .main {width:100%; height:750px; position:absolute;}
#va .mscroll {position: absolute; bottom:20px; right:50%; z-index:2;width: 23px;}


#pagebody article .bg_l .pagecont {padding: 0;}
#pagebody article section {margin-bottom:0;}

/* =============================
 .section1
==============================*/
.sec01 .catch {margin-bottom:65px;padding-top: 77px}
.sec01 ul li {margin-bottom:50px;}
.sec01 ul li:nth-child(4),
.sec01 ul li:nth-child(5),
.sec01 ul li:nth-child(6) {margin-bottom:0;}
.sec01 ul li img:hover {opacity:0.7;}



@media screen and (max-width:767px){
	video {width:100% !important; top:40.5vw !important;}
#va {padding-top:12.5vw; height:56vw !important;}

#va .main_va,
#va .main {padding-top:0 !important; height:56vw;}
#va .main div { background-size:100% !important; background-position: 50% 0 !important;}
#va .main div video {display:none !important;}

.yt {padding-top:30px;}

.sec01 {padding:0 1em;}
.sec01 .catch{padding-top: 77px;}
.sec01 .catch img{width:100%;}
.sec01 ul li {width:48%;}
.sec01 ul li img {width:100%;}

#pagebody article .bg_l .tohead {bottom: -10%;}

}