@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
.mtm {
	margin-top: 6rem;
}

/* サブセクション */
.sub-title {
	font-weight: bold;
}

.label-room {
	font-weight: 500;
}

/* ====================================
	1023px以下専用スタイル
===================================== */
@media only screen and (max-width: 1023px) {

	/* メインビジュアル */
	.main-visual {
		background-image: url(images/main-visual_sp.jpg);
	}

	/* サブセクション */
	.sub-section {
		padding: 4rem 0;
	}

	.sub-title {
		margin-bottom: 2rem;
	}

	.img-container {
		margin-top: 2rem;
	}

	.label-room {
		width: 7em;
		margin-bottom: 2rem;
		padding: .5em;
		font-size: 1.4rem;
		text-align: center;
	}

	.flex-container.half .sub-title {
		margin-bottom: 1em;
		font-size: 1.6rem;
	}

	.text-container {
		font-size: 1.4rem;
	}



	/* 注釈セクション */
	.caption-section {
		padding: 4rem 0;
	}

}

/* ====================================
	568px以上1023px以下専用スタイル
===================================== */
@media only screen and (min-width: 568px) and (max-width: 1023px) {}

/* ====================================
	567px以下専用スタイル
===================================== */
@media only screen and (max-width: 567px) {}

/* ====================================
	1024px以上印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 1024px) {

	/* メインビジュアル */
	.main-visual {
		background-image: url(images/main-visual.jpg);
	}

	/* サブセクション */
	.sub-section {
		padding: 8rem 0;
	}

	.sub-title {
		margin-bottom: 4rem;
	}

	.img-container {
		margin-top: 4rem;
	}

	.label-room {
		width: 7em;
		margin-bottom: 3rem;
		padding: .5em;
		text-align: center;
	}

	.flex-container.half .sub-title {
		margin-bottom: 2rem;
	}

	/* 注釈セクション */
	.caption-section {
		padding: 0 0 8rem;
	}
}