/* HIROGERU ホームページ制作 共通トークン（サービス資料・無料相談ページ共通）
   ビジュアル案A「藍と紙」。値はワイヤー 2-2 / 2-3 のとおり */
:root {
  color-scheme: light;
  --paper: #FFFFFF;
  --paper-2: #F4F5F3;
  --ink: #1F2328;
  --ink-2: #4C535C;
  --line: #D3D7DC;
  --ai: #1F3A5F;
  --ai-dark: #152A45;
  --ai-tint: #EDF1F6;
  --shu: #A8432A; /* 1画面に1か所だけ */
  --kin: #F4B91F; /* 黄のアクセント（資料・各ページ共通） */

  --font-head: "BIZ UDPMincho", "Yu Mincho", serif;
  --font-body: "BIZ UDPGothic", "Yu Gothic", "Meiryo", sans-serif;
  --font-num: "BIZ UDGothic", "BIZ UDPGothic", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-body); }
img { max-width: 100%; height: auto; }

/* 日本語の改行ルール（ナレッジ 2026-10-29 の共通CSSをそのまま） */
h1, h2, h3, h4, summary, legend, th, dt, figcaption, button, label, .btn, .lead, .sub-lead { word-break: auto-phrase; text-wrap: balance; }
p, li, dd, td { word-break: auto-phrase; text-wrap: pretty; }
.section-lead, .hint { word-break: auto-phrase; text-wrap: balance; }
a[href^="tel:"], a[href^="mailto:"] { white-space: nowrap; }

/* テキストロゴ（仮置き・ワイヤー 2-5） */
.logo { display: inline-flex; align-items: center; gap: .6em; color: var(--ai); text-decoration: none; font-family: var(--font-body); }
.logo-main { white-space: nowrap; font-weight: 700; letter-spacing: .14em; }
.logo-sub { white-space: nowrap; font-weight: 400; font-size: .75em; color: var(--ink-2); padding-left: .6em; border-left: 1px solid var(--line); letter-spacing: 0; }

/* 数字（幅のそろう BIZ UDゴシック） */
.num { font-family: var(--font-num); font-weight: 700; }