/* ==========================================================================
   コーポレート — 本文の基本（書体・文字の色）と l-main
   - 書体: Barlow Condensed（英字）＋ Zen Kaku Gothic New（inc/setup.php で読み込む）
   - トークンにない Figma の値（140px・96px など）は、そのまま書いてコメントを付ける
   ========================================================================== */

:root {
	--header-height: 96px; /* l-header の高さ（ページ内リンクの位置合わせ。foundation の scroll-padding-top） */
}

body {
	font: var(--text-body);
	letter-spacing: var(--ls-body);
	color: var(--color-text-primary);
	background: var(--color-bg-canvas);
}

.l-main {
	display: block;
}

/* 透過のヘッダー（トップ）はヒーローの上に重ねるので、main を下げない */
body.has-header-transparent .l-main {
	margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1099px) {
	:root {
		--header-height: 136px; /* タブレットはナビを2段目に出す */
	}
}

@media (max-width: 767px) {
	:root {
		--header-height: 64px;
	}
}