/**
 * ALVARA — 全ページ共通フォント（prototype/css/fonts.css 準拠）
 */

:root {
	--font-sans: "Noto Sans JP", system-ui, sans-serif;
	--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
	--font-serif: "Cormorant Garamond", "Lora", "Times New Roman", serif;
	--font-latin: "Lora", Georgia, "Times New Roman", serif;
	--font-brand: "Cormorant Garamond", serif;
}

body,
#body_wrap {
	font-family: var(--font-sans);
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

/* 見出し — セリフ（TOP・下層ヒーロー・本文ブロック共通） */
:is(h1, h2, h3, h4, h5, h6),
.post_content :is(h1, h2, h3, h4, h5, h6),
.editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6),
.c-pageTitle,
.c-pageTitle__inner,
.l-topTitleArea .c-pageTitle,
.l-topTitleArea h1,
.p-pageHead .c-pageTitle,
.page-hero h1,
.alvara-top-sec-title,
.fv-title,
.fv-kicker,
.sec-title,
.page-kicker {
	font-family: var(--font-serif);
}

/* ブランドロゴ */
.brand,
.brand-sub,
.footer-brand,
.alvara-top-loader__brand {
	font-family: var(--font-brand);
}

/* 本文・UI（明示的にサンス指定していた箇所の上書き） */
.post_content,
.post_content p,
.post_content li,
.post_content td,
.post_content th,
.post_content figcaption,
.gnav,
.util-link,
.btn-register-sm,
.footer-nav a,
.footer-legal,
.page-lead,
.alvara-top-sec-lead,
.fv-lead,
.step-desc,
.feature-list p,
.faq-a,
.cta-band__lead {
	font-family: var(--font-sans);
}

@media (min-width: 721px) {
	body,
	#body_wrap,
	.post_content,
	.alvara-site-page #body_wrap {
		font-weight: 400;
	}
}