/*--------------------------------------------------------------
# Container Layout (コンテナレイアウト)
--------------------------------------------------------------*/

.l-container {
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 0 var(--container-padding);
}

.l-section {
	padding: var(--spacing-xxl) 0;
}

.l-section--sm {
	padding: var(--spacing-lg) 0;
}

.l-section--lg {
	padding: 12.0rem 0; /* 120px */
}

/* Section Background Utilities (セクション背景ユーティリティ) */
.l-section-u-bg-secondary {
	background-color: var(--color-secondary);
}

.l-section-u-bg-beige {
	background-color: var(--color-beige);
}

/* Section Specific Styles (セクション固有スタイル) */
.l-section-service-list,
.l-section-manufacturers,
.l-section-flow,
.l-section-contact-form,
.l-section-company-info {
	/* 必要に応じて個別のスタイルを追加 */
}