/*
 * /services/(サービス紹介)を、広告 LP と同じ新しいデザインの本体で出すときの合わせ込み。
 *
 * 広告 LP は html.cb-lpm-document と body.cb-lpm-page に、色・書体の変数と本文の組みを置いている。
 * /services/ は共通の header.php に包むので、その 2 つの class が付かない。同じ指定をここで本体の外枠
 * (.cb-lpm--site)に置く。広告 LP の見た目を変えないよう、ここの指定はすべて .cb-lpm--site の下に限る
 * (css/lp-modern.css には、見出しの段落 .cb-lpm-h2 を h2 と同じ見た目にする並べ書きだけを足している)。
 * 読み込みは inc/lp-modern.php(切り替え「サービス紹介」が新しいデザインのときだけ)。
 */
.cb-lpm.cb-lpm--site {
  --blue: var(--cb-blue);
  --deep: var(--cb-deep);
  --ink: var(--cb-ink);
  --sub: var(--cb-sub);
  --muted: #5976a3;
  --line: var(--cb-line);
  --yellow: var(--cb-yellow);
  --paper: var(--cb-soft);
  --stroke: var(--cb-border-soft);
  --radius: 26px;
  --font-body: "CB LP Zen Maru", sans-serif;
  --font-script: "CB LP Caveat", cursive;
  --font-mono: "CB LP Mono", monospace;
  background: #fff;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .025em;
  font-synthesis: none;
  text-autospace: no-autospace;
  -webkit-font-smoothing: antialiased;
}

/*
 * ページ内リンク(トップの理由のカード・本文の「費用の目安を見る」・※)の飛び先を、共通ヘッダーの下に出す。
 * 共通ヘッダーは上に固定で、高さは新しいナビが PC 114px・スマホ 97px、従来のナビが PC 104px・スマホ 97px(2026-10-10 実測)。
 * どちらのナビでも隠れない値にしている(下の 3 タップ診断の 136px も同じ)。
 */
.cb-lpm--site [id],
.cb-lpm.cb-lpm--site #cta {
  scroll-margin-top: 136px;
}

/* 3 タップ診断の左側(PC で上に貼り付く)。広告 LP は自前のヘッダーに合わせて 96px。ここでは共通ヘッダーの下に出す */
.cb-lpm.cb-lpm--site .cb-lpm-diag-copy {
  top: 136px;
}

/*
 * セクションの見出し(inc/lp-modern.php の cebridge_v2_modern_lp_h2)。h2 は主題の語の小見出し、キャッチは h2 の外の段落 .cb-lpm-h2。
 * 段落は css/lp-modern.css の h2 の指定をそのまま持つ(色も同じ)。共通 CSS の .cb-h2-display が足す text-wrap だけ、h2 と同じに戻す。
 * 小見出しには広告 LP の h2 の大きさが当たるので、ほかの新しいデザインのページ(style.css の h2.cb-h2-label)と同じ 13px に戻す。色はキャッチと同じ。
 */
.cb-lpm.cb-lpm--site .cb-lpm-h2 {
  text-wrap: wrap;
}

.cb-lpm.cb-lpm--site h2.cb-h2-label {
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .08em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.cb-lpm.cb-lpm--site h2.cb-h2-label + .cb-lpm-h2 {
  margin-top: 6px;
}

/* 注記だけを残した帯。広告 LP の固定の相談ボタンぶんの下の余白は要らない */
.cb-lpm.cb-lpm--site .cb-lpm-footer {
  padding-bottom: 32px;
}

.cb-lpm.cb-lpm--site .cb-lpm-footnotes {
  padding-bottom: 0;
  border-bottom: 0;
}

@media (max-width: 650px) {
  .cb-lpm--site [id],
  .cb-lpm.cb-lpm--site #cta {
    scroll-margin-top: 112px;
  }

  .cb-lpm.cb-lpm--site .cb-lpm-footer {
    padding-bottom: 28px;
  }
}