/* 写真上のリード文を濃い色と太字で明瞭にする。
   大きさも本文と同じ 17px では見出し 44px に対して細く、先生から
   「背景に負けている」とのご指摘があった（QAリスト項目3）。2026-10-13。
   上限 24px と 2.3vw は lead.css がリード文に使っている値と同じ。
   下限は 19px だと 390px で見出し 25px に対して 19px になり、色も太さも同じなため
   主従が消えた（実測）。16px（--fs-md の段）まで下げ、見出しとの比を 1.56 に保つ。 */
body.theme-b.page-top .hero p {
  color: #162d46;
  font-weight: 700;
  font-size: clamp(16px, 2.3vw, 24px);
}

body.theme-b.page-top :is(#corporate, #individual) {
  background: #fff;
  padding: clamp(16px, 3vw, 32px);
  border-radius: 16px;
}

body.theme-b.page-top .svc-group h3.group {
  font-size: clamp(22px, 2vw, 28px);
  letter-spacing: 0.03em;
}

/* TOPだけに適用し、公開済みの会社概要の構成は維持する。 */
body.theme-b.page-top .reason .num {
  justify-self: start;
  width: fit-content;
  padding: 2px 12px;
}
body.theme-b.page-top .fixed-cta {
  border: 2px solid var(--surface);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
@media (min-width: 961px) {
  body.theme-b.page-top .focus .inner { grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; row-gap: 16px; }
  body.theme-b.page-top .focus h2 { grid-column: 1; }
  body.theme-b.page-top .focus p { grid-column: 1; grid-row: 2; }
  body.theme-b.page-top .focus a { grid-column: 2; grid-row: 1 / 3; }
}

body.theme-b.page-top .focus p { text-wrap: balance; }

/* 署名を本文から離す。直前の段落にべたづけになっていた（2026-10-13 実測 0px）。
   3em（約51px）は出典のない自前の数字だったので、lead.css の縦の間隔の段
   （--gap-part、961px以上で56px）に寄せる。docs/verify/rhythm.mjs の検査対象に乗る。 */
body.theme-b.page-top .greeting-sign {
  margin-top: var(--gap-part);
  line-height: 1.9;
  color: var(--navy);
}

