/**
 * 02_layout.css (Monochrome Refresh)
 *
 * グローバルレイアウト
 * (配色は 01_base.css の変数を参照)
 */

/* --- グローバルレイアウト --- */
.container {
	max-width: var(--layout-width-max);
	margin: 0 auto;
	padding: 0 40px;
}

#main-content {
	/* * ヘッダーの高さがレスポンシブで変わるため、
	 * 共通のpadding-topは削除し、
	 * 各ページ固有のCSS (front-page.css など) や
	 * レスポンシブCSS (08_responsive.css) で管理します。
	 */
}

/* --- コンテンツセクション共通 --- */
.content-section {
	padding: 120px 0;
	border-bottom: 1px solid var(--color-border);
}

/* 特定のセクションの背景色など */
.contact-form-section {
	/* 元の --color-surface (暗色) から --color-bg-light (明色) に変更 */
	background-color: var(--color-bg-light);
}