/* case.css — 制作サンプル「サンプル社労士事務所」。:root のトークンだけを書く。
   読み込み順: base.css → layout.css → hero.css → case.css
   深い緑（P004より少し青みと深さを足した緑）＋生成りの紙＋朱。 */
:root{
  /* 色 */
  --paper:#faf9f4;       /* ページの地 */
  --ink:#1a4538;         /* 主色。サイドバー・見出し・閉じた窓・帯 */
  --ink-hover:#2b6352;
  --seal:#9b4630;        /* 差し色（朱） */
  --window-shade:#0d261f;/* 開いた窓の下の暗がり */
  --body:#33423c;        /* 本文 */
  --pale:#f0efe6;        /* セクションの淡い面 */
  --line:#c9c5b6;        /* 罫線（装飾） */
  --muted:#55645c;       /* 補助文字 */
  --focus:#9b4630;
  --slot-line:#9eaa9f;
  --slot-bg:#e6e8de;
  --slot-hover:#e0e6dd;
  --slot-label:#50675d;
  --numeral-ink:#6b7b70;

  /* 書体（ローカルフォントのみ） */
  --serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;
  --sans:'Yu Gothic','Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;
  --numeral:'Times New Roman','Yu Mincho',serif;
}


/* gbumps-site docs/PAGE_RULES.md 第4-6節：日本語の折り返し */
p,li,dd,dt,h1,h2,h3,summary{word-break:auto-phrase}
p,li,dd{text-wrap:pretty}

/* 問い合わせの見出しは短いので、<wbr> と句読点の位置でだけ折り返す（語の途中で折れないように） */
.contact h2{word-break:keep-all}