@charset "UTF-8";
/* =====================================
	index
===================================== */

.visual{
	position:relative;
	z-index:1;
}

.visual ul li{
	width:100%;
	height:calc(100vh - 135px);
}

.visual ul .slid01{
	background:url(../img/index/visual01.jpg);
	background-size:cover;
}

.visual ul .slid02{
	background:url(../img/index/visual02.jpg);
	background-size:cover;
}

.visual ul .slid03{
	background:url(../img/index/visual03.jpg);
	background-size:cover;
}

.visual ul .slid04{
	background:url(../img/index/visual04.jpg);
	background-size:cover;
}

.visual ul .slid05{
	background:url(../img/index/visual05.jpg);
	background-size:cover;
}

@media screen and (max-width:768px){

.visual ul li{
	height:calc(100vh - 16.927vw);
}

.visual ul .slid01{
	background:url(../img/index/sp/visual01.jpg);
	background-size:cover;
}

.visual ul .slid02{
	background:url(../img/index/sp/visual02.jpg);
	background-size:cover;
}

.visual ul .slid03{
	background:url(../img/index/sp/visual03.jpg);
	background-size:cover;
}

.visual ul .slid04{
	background:url(../img/index/sp/visual04.jpg);
	background-size:cover;
}

.visual ul .slid05{
	background:url(../img/index/sp/visual05.jpg);
	background-size:cover;
}

}