/* ===========================================================
   Layout / Main
   ヘッダー直下のメインコンテンツ領域。
   固定ヘッダー（c-header / position: fixed）と被らないよう、
   ここで padding-top を確保する。
   =========================================================== */

.l-main {
	display: block;
	padding-top: var(--header-h-sp);
}

@media (min-width: 768px) {
	.l-main {
		padding-top: var(--header-h-pc);
	}
}