:root{
	/* ページ固有色 */
	--template: #313E2A;
}


@layer page {
	/* smp用css */
	@media screen and (max-width: 1024px) {
		/* キービジュアル */
		.template-hero {
			background-position: center;
			background-image: url(/big/pickup/bp5/images/main_visual_sp.jpg);
		}
	}



	/* tb用css */
	@media screen and (min-width: 767px) and (max-width: 1024px) {
		/* キービジュアル */
		.template-hero {
			background-position: 0px -550px;
		}
	}



	/* pc用css */
	@media screen and (min-width: 1025px) {
		/* キービジュアル */
		.template-hero {
			background-position: center;
			background-image: url(/big/pickup/bp5/images/main_visual_pc.jpg);
		}
	}
}