@charset "UTF-8";
/* CSS Document */

/* =========================
   タイムテーブル画像
========================= */

.timetable-image {
	display: block;

	width: 100%;
	max-width: 480px;

	height: auto;

	margin: 35px auto 50px;

	border-radius: 16px;

	box-shadow:
		0 6px 18px
		rgba(0, 0, 0, 0.10);
}

/* ==================================================
   校内マップ画像
================================================== */

.school-map-box {
	width: 100%;
	max-width: 720px;

	margin: 30px auto 0;
	padding: 20px;

	background-color: #ffffff;

	border-radius: 24px;

	box-shadow:
		0 8px 24px
		rgba(0, 0, 0, 0.10);
}


/* 校内マップ本体 */

.school-map-image {
	display: block;

	width: 100%;
	max-width: 650px;

	height: auto;

	margin: 0 auto;

	object-fit: contain;

	border-radius: 14px;
}

/* ==================================================
   タブレット・スマートフォン
================================================== */

@media screen and (max-width: 768px) {

	.school-map-box {
		width: 90%;
		max-width: 600px;

		padding: 15px;
	}


	.school-map-image {
		width: 100%;
		max-width: 100%;
	}

}


/* ==================================================
   小さいスマートフォン
================================================== */

@media screen and (max-width: 480px) {

	.school-map-box {
		width: 100%;

		padding: 10px;

		border-radius: 18px;
	}


	.school-map-image {
		border-radius: 10px;
	}

}