@charset "UTF-8";


/***************************************************

	STORY

***************************************************/

.block01{
	width: 1096px;
	margin: 0 auto 278px;
}

.block02{
	width: 1096px;
	margin: 0 auto 282px;
}

.block03{
	width: 1096px;
	margin: 0 auto 284px;
}

.block04{
	width: 1096px;
	margin: 0 auto 284px;
}

.block05{
	width: 1096px;
	margin: 0 auto 284px;
}

.block06{
	height:	845px;
	overflow: hidden;
	position: relative;
}

.block06 .block06_wrapp{
	width: 2276px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}



/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1280px){

.block01{
	width: 85.625vw;
	margin: 0 auto 21.71875vw;
}

.block02{
	width: 85.625vw;
	margin: 0 auto 22.03125vw;
}

.block03{
	width: 85.625vw;
	margin: 0 auto 22.03125vw;
}

.block04{
	width: 85.625vw;
	margin: 0 auto 22.03125vw;
}

.block05{
	width: 85.625vw;
	margin: 0 auto 22.03125vw;
}

.block06{
	height:	66.015625vw;
}

.block06 .block06_wrapp{
	width: 177.8125vw;
}




}


/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:750px){

.block01{
	width: auto;
	margin: 0 2.666667vw 21.333333vw;
}

.block02{
	width: auto;
	margin: 0 2.666667vw 21.333333vw;
}

.block03{
	width: auto;
	margin: 0 2.666667vw 21.333333vw;
}

.block03 .catch01{
	width: auto;
	margin: 0 2.666667vw 21.333333vw;
}

.block04{
	width: auto;
	margin: 0 2.666667vw 21.333333vw;
}

.block06{
	height:	66.015625vw;
}

.block06 .block06_wrapp{
	width: 177.8125vw;




}