/* #marble（スケーリング設定）
-------------------------------------- */
/* #小型スマホ（412px未満）: 412pxのレイアウトをベースに */
@media screen and (max-width: 411.9px) {
	.marble {
		width: 412px;
		max-width: 100%;
		transform-origin: top center;
		transform: scale(calc(100vw / 412));
		min-height: calc(100vh * (412 / 100vw));
	}
}

/* #通常スマホ（412px以上744px未満）: レスポンシブレイアウト */
@media (min-width: 412px) and (max-width: 743.9px) {
	.marble {
		width: 100%;
		max-width: 100%;
		transform: none;
	}
}

/* #タブレットと小型PC（744px以上1440px未満）: 1440pxのレイアウトをベースに */
@media (min-width: 744px) and (max-width: 1439.9px) {
	.marble {
		width: 1440px;
		max-width: 100%;
		transform-origin: top center;
		transform: scale(calc(100vw / 1440));
		min-height: calc(100vh * (1440 / 100vw));
	}
}