@charset "UTF-8";

/* ============================================================
	ショールームページのスタイル

	対象      : /corporate/info/history/showroom/
	依存       : /assets/templates/2026/global.css（--gray-* などのカスタムプロパティ）
	読み込み順 : global.css → history.css → gallery.css
 ============================================================ */

.showroom {
	padding-block-end: 6rem;
}

/* ====================================
	施設ブロック
 ==================================== */
.showroom__section+.showroom__section {
	margin-block-start: 6rem;
}

.showroom__heading {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.5;
}

.showroom__body {
	display: grid;
	gap: 3rem;
	margin-block-start: 3rem;
}

.showroom__text {
	font-size: 1.5rem;
	line-height: 1.8;
}

/* 施設紹介のリード文 */
.showroom__lead {
	font-weight: 700;
}

/* ====================================
	施設情報
 ==================================== */
.showroom__info {
	margin-block-start: 3rem;
	border-block-end: 1px solid var(--gray-300);
}

.showroom__info dt {
	display: flex;
	align-items: center;
	padding-block: 1.6rem;
	border-block-start: 1px solid var(--gray-300);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}

.showroom__info dd {
	margin: 0;
	padding-block-end: 1.6rem;
	font-size: 1.4rem;
	line-height: 1.7;
}

/* ------------------------------------
	768px 境界
------------------------------------ */
@media print,
screen and (width >=768px) {
	.showroom {
		padding-block-end: 8rem;
	}

	.showroom__section+.showroom__section {
		margin-block-start: 10rem;
	}

	.showroom__heading {
		font-size: 3.2rem;
	}

	/* 本文と写真を横並びにする */
	.showroom__body {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: start;
		gap: 6rem;
		margin-block-start: 6rem;
	}

	.showroom__text {
		font-size: 1.6rem;
	}

	/* 項目名と内容を横並びにする */
	.showroom__info {
		display: grid;
		grid-template-columns: 1fr 2fr;
		margin-block-start: 6rem;
	}

	.showroom__info dt,
	.showroom__info dd {
		padding-block: 3.6rem;
		font-size: 1.6rem;
	}

	.showroom__info dd {
		padding-inline: 3rem 2rem;
		border-block-start: 1px solid var(--gray-300);
	}
}