@charset "UTF-8";


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

	STORY

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

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

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

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

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

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

.block05{
	height:	847px;
	overflow: hidden;
	position: relative;
}

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




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

@media(max-width:1280px){

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

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

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

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

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

.block05{
	height:	66.171875vw;
}

.block05 .block05_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: 5auto;
	margin: 0 auto 4.8vw;
}

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

.block05{
	height:	74.133333vw;
}

.block05 .block05_wrapp{
	width: 198.933333vw;
}





}

