@charset "utf-8";
/*#contents {display:none;}
*/

.main_visual2{
	
	text-align: center;
	width: 100%;
	height: 100vh;
	z-index: 10000;
	background:#FFF;
	overflow:hidden;
	
}
.main_visual2 ul{
	background:#FFF;
}

.main_visual2 ul li,.main_visual2 p{
	position: absolute;
	
	/*bottom:0;
	left: 0;*/
	width: 100%;
}

.main_visual2 img{
	width: 100% !important;
}

.main02,.main03,.main04,.main05,.main06,.main06_1,.main06_2,.main07,.main08,.main_sp{
	display:none;

}
.main_visual2_sp {
	display:none;
}
.main_visual_sp {
	display:none;
}
.main01 {
	background:url(../../images/op_bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100vh;
}

.main_visual2 ul li.main02 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.main_visual2 ul li.main08 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.main_visual2 ul li.main03,.main_visual2 ul li.main04,.main_visual2 ul li.main05 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.main06 {
	width:100%;
	height:100vh;
}
.main06 img {
	position:absolute;
	bottom:-60%;
	left:0;
	
}
.main06.sky img {
	position:absolute;
	bottom:0%;
	left:0;
	transition: 4s all ease;width: 100%;
}
.main06_2 {
	width:100%;
	height:100vh;
}
.main06_2 img {
	position:absolute;
	bottom:0%;
	left:0;
	transition: 4s all ease;width: 100%;
	
}

.main_visual2 ul li.main06_1 {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:350px;
}	

.main_visual2 ul li.main07 {
	width:100%;
	position:absolute;
	bottom:0%;
	left:0;
}
.main_visual2 ul li.main07 img {
	width:auto;

}
.skip {
	border:1px solid #FFF;
	padding:2px 10px;
	display:none;
	position: fixed !important;
	right:10px !important;
	top:10px !important;
	bottom:auto;
	left:auto;
	width:50px !important;
	font-weight:bold;
	color:#FFF;
}
.skip_sp {
	display:none;
}
.main_visual2_sp .cap {
	display:none;
}
@media only screen and (max-width: 768px){
#contents {display: block;}


.main_visual2_sp{
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	height: auto;
	/*! padding-top:69.5%; */
	z-index: 98;
	background:#FFF;
	overflow:hidden;
	background:url(../../images/op_bg.jpg) no-repeat;
	background-size:cover;
	top: 0;

	/*! display: none; */
}

.main01 {
	background:none;
	background-size:cover;
	width:100%;
	height:auto;
}

.main_visual2_sp:before {
    content: "";
    display: block;
    padding-top: 90%; /* 1:1 */
}

.main_visual2_sp.no:before {
    content: "";
    display:none;
    padding-top: 100%; /* 1:1 */
}


.main_visual2_sp li{
	position: absolute;
	
}

.main_visual2_sp ul li.main02 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:90%;
}
.main_visual2_sp ul li.main08 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:90%;
}
.main_visual2_sp ul li.main03,.main_visual2_sp ul li.main04,.main_visual2_sp ul li.main05 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:90%;
}



.main06 {
	width:100%;
	height:auto;
}
.main06 img {
	position:absolute;
	bottom:-60%;
	left:0;
	
}
.main06.sky img {
	position:absolute;
	bottom:0%;
	left:0;
	transition: 4s all ease;width: 100%;
}
.main06_2 {
	width:100%;
	height:auto;
}
.main06_2 img {
	position:absolute;
	bottom:0%;
	left:0;
	transition: 4s all ease;width: 100%;
	
}

.main_visual2_sp ul li.main06_1 {
	position:absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:200px;
}	
.main_visual2_sp ul li.main06_1 img {
	
}
.main_visual2_sp ul li.main07 {
	width:100%;
	position:absolute;
	bottom:0%;
	left:0;
}
.main_visual2_sp ul li.main07 img {
	width:auto;

}
.skip {
	display:none;
}
.skip_sp {
	border:1px solid #FFF;
	padding:2px 10px;
	display:none;
	position: fixed !important;
	right:10px !important;
	top:65px !important;
	bottom:auto;
	left:auto;
	width:50px !important;
	font-weight:bold;
	color:#FFF;
}



.main_sp {
	width:100%;
	
}
.main_sp img {
	position:absolute;
	bottom:-35%;
	left:0;
	
}
.main_sp img {
	position:absolute;
	bottom:0%;
	left:0;
	transition: 4s all ease;width: 100%;
}

.main_visual2_sp .cap {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color:#FFF;
	font-weight:bold;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
	font-size:10px;
	z-index:100;
	display:none;
}
}

.mv {/*! margin-top: 60px; */top: 140px;margin-bottom: 140px;}


.mv_sp{display: none;}
@media only screen and (max-width: 768px){
.mv {display: none;}
.mv_sp{display:block;position: relative;top: 0;}	
}