:root{
--font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
--font-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
--font-mono:"JetBrains Mono","SFMono-Regular",monospace;

/* 見出し＝明朝（ロゴのタグライン組に合わせる）、本文＝ゴシック */
--font-display:var(--font-serif);
--font-heading:var(--font-serif);
--font-body:var(--font-sans);
--font-label:var(--font-sans);

--fs-display:clamp(34px,4.4vw,56px); /* @kind font */
--fs-h1:clamp(28px,3.2vw,40px); /* @kind font */
--fs-h2:28px; /* @kind font */
--fs-h3:21px; /* @kind font */
--fs-h4:18px; /* @kind font */
--fs-lead:18px; /* @kind font */
--fs-body:17px; /* @kind font */ /* 発達障がい・高齢の読み手を想定し可読性を優先 */
--fs-sm:14px; /* @kind font */
--fs-xs:12px; /* @kind font */
--fs-eyebrow:11px; /* @kind font */

--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-bold:700; /* @kind font */

--lh-tight:1.28; /* @kind font */
--lh-heading:1.45; /* @kind font */
--lh-body:1.9; /* @kind font */      /* 和文本文はゆったり */
--lh-dense:1.65; /* @kind font */

--ls-display:.04em; /* @kind font */
--ls-heading:.03em; /* @kind font */
--ls-body:.02em; /* @kind font */
--ls-eyebrow:.22em; /* FUKUCHI GROUP のような欧文小見出し */
--ls-caps:.14em; /* @kind font */
}
.fk-eyebrow{font-family:var(--font-label);font-size:var(--fs-eyebrow);font-weight:var(--fw-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--fk-grey-500)}
.fk-display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:var(--fw-medium);line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--text-strong)}
.fk-h1{font-family:var(--font-heading);font-size:var(--fs-h1);font-weight:var(--fw-medium);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--text-strong)}
.fk-h2{font-family:var(--font-heading);font-size:var(--fs-h2);font-weight:var(--fw-medium);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--text-strong)}
.fk-h3{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:var(--fw-medium);line-height:var(--lh-heading);color:var(--text-strong)}
.fk-lead{font-family:var(--font-body);font-size:var(--fs-lead);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--text-body)}
.fk-body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--text-body)}
.fk-sm{font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-dense);color:var(--text-muted)}