@charset "UTF-8";


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

	STORY

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

.page_head{
    width: 1104px;
}

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

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

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

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



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

@media(max-width:1280px){

.page_head{
    width: 86.25vw;
}

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

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

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

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






}


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

@media(max-width:750px){

.page_head{
    width: auto;
}

.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 auto 4.8vw;
}

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




}