
/* ══ 金継ぎ 追補スタイル（むすび総研サイト）2026-09-09 ══
   本体CSS（src/site.css）は1行も変更していません。
   <head> の site.css の「あと」に1行足すだけで当たります。
     <link rel="stylesheet" href="src/kintsugi-repair.css">

   ⚠ 前回（2026-09-08）の追補は site.css の中へ貼り込まれ、その後ろに約830行が
      追記されて上書きされました。今回は必ず「別ファイル・site.css のあと」に置いてください。

   直した3件:
     ① フッターのブランド板（依頼主の裁定 2026-09-09）
     ② 文字サイズの段数過多（本文15→16px・ボタン15/16→14px・ヘッダーの一文13→14px）
     ③ 似て非なる色（本文グレーの迷子 #5B625E → 役割色 #48554D）

   見送り:
     ・節の地色（#FFFFFF / #F1F6F2 / #2F664C）＝セクションの拍
     ・罫線 #E1E7E2 ＝統合すると表の行が読めなくなる
     ・#2F664C → #3E7C5B ＝装飾罫と本文・ボタンで役割が違う
*/

/* ── ① フッターのブランド板 ─────────────────────────
   名刺（91×55mm・入稿PDF実測）では MUSUBI RESEARCH INSTITUTE の幅が
   「むすび総研」と一致する（1.00×）。サイトでは英字がHTMLテキストのため
   169px となり、ロゴ92pxに対して 1.84× に膨らんでいた。
   英字を1.00×にするには 5.17px が必要でCSSでは解けない（版が別れているため）。

   依頼主の裁定 2026-09-09: 英字の行をフッターから外す。
   これでロゴを縛るものが無くなり、ロゴと一文を一緒に大きくできる。
     ロゴ 92→120px ／ 一文 9→12px ／ 一文の比 1.80×（名刺は1.72×）
     カードの縦余り 7.8px ／ 極小文字 2件→0件

   ※本番では display:none ではなく、HTMLから
     <p class="footer-brand-en">MUSUBI RESEARCH INSTITUTE</p> の行を削除してください
     （読み上げにも残さないため）。ここでは写しを壊さないためCSSで隠しています。 */
.footer-brand-en {
  display: none;
}
.footer-brand img {
  width: 120px;
  max-height: 105px;
}
.footer .footer-brand .footer-copy {
  font-size: 12px;
}

/* ── ② 文字サイズの段数過多 ─────────────────────────
   役割「本文」の 15px を本文の主値 16px へ寄せる。 */
.fee-course-copy,
.fee-row-content {
  font-size: 16px;
}

/* 役割「ボタン」の 15px・16px を 14px の1本へ。 */
.fee-toc-service-links a,
.fee-toc-policy-links a {
  font-size: 14px;
}

/* フッターの補足（住所まわり）を章サインと同じ 14px の段に載せる。 */
.footer .footer-location,
.footer .footer-location-label,
.footer-nav-title {
  font-size: 14px;
}


/* ヘッダーの一文「障害福祉事業者の事業運営支援」を14pxへ（依頼主の裁定 2026-09-09）。
   13pxは意図なく置かれた値で、フッターの一文12pxと1px差の別の段になっていた。
   14pxにすると本文の段が 12/14/16 の3段へ畳まれ、役割内の割れが0件になる。
   ※901〜1100pxはヘッダーが詰まる帯で、元CSSが意図的に12pxへ落としている。
     そこは触らず 1101px以上にだけ当てる（実測: 全幅ではみ出し0・折返し0）。 */
@media (min-width: 1101px) {
  .header-trust {
    font-size: 14px;
  }
}

/* ── ③ 似て非なる色（本文グレーの迷子）───────────────
   site.css が p.fee-premise にだけ #5B625E を直書きしている。
   同じ役割（本文）なので役割色 #48554D へ合流する。新しい色は作らない。 */
.fee-premise {
  color: #48554D;
}

/* ── 折り位置の保険 ─────────────────────────────
   文字サイズを揃えると行の折れ目が動く。本文は文節で折る。 */
p, li {
  word-break: auto-phrase;
}
