/* B案URL(/lp/202610/2)だけの追加分(2026-10-09 B案ブラッシュアップ)。2.blade.php が $isB のときだけ読む。
   ⚠️ トップ・C は同じテンプレートなので、ここ以外(2/styles.css・3/c.css)に B 専用の見た目を書かない。
   FV の画像・ロゴ・余白・色は変えず、CTA の下に短い案内を足すだけにする。 */
.lp-c .b-fv-trial{margin:10px 0 4px;display:grid;gap:6px;text-align:center}
.lp-c .b-fv-free{font-size:16px;font-weight:700;color:var(--ink);margin:0}
.lp-c .b-fv-free strong{color:var(--g);font-size:20px;margin-left:4px;white-space:nowrap}
.lp-c .b-fv-scope{font-size:13px;line-height:1.6;color:#2b3a43;margin:0}
.lp-c .b-fv-scope small{display:block;font-size:12px;color:var(--muted)}
.lp-c .b-fv-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin:2px 0 0;padding:0;list-style:none}
.lp-c .b-fv-steps li{font-size:13px;font-weight:700;color:#007545;background:#edf8f2;border-radius:999px;padding:2px 10px}
.lp-c .b-fv-steps li+li{margin-left:18px;position:relative}
.lp-c .b-fv-steps li+li:before{content:'→';position:absolute;left:-15px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:400}
.lp-c .b-fv-note{font-size:12px;color:var(--muted);margin:0}

/* 3つの使い方(お悩みの直後) */
.b-uses{background:#fff}
.b-uses-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;max-width:1080px;margin:18px auto 0}
.b-uses-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.b-uses-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.b-uses-no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;font-size:15px}
.b-uses-list h3{font-size:19px;margin:0 0 2px}
.b-uses-list p{font-size:14px;line-height:1.7;color:#2b3a43;margin:0}
.b-uses-shot{margin:0}
.b-uses-cta{text-align:center;margin:24px 0 0;display:grid;justify-items:center;gap:8px}
.b-uses-cta small{font-size:13px;color:var(--muted)}

/* フォーム: 同意欄は折りたたみの外。電話番号の使い道と受付後の流れを短く添える */
.lp-c .field-hint{font-size:12px;color:var(--muted);margin:2px 0 0;line-height:1.5}
/* 既存CSSは .field に order を付けて項目順を決めている。B の同意欄は .field にせず、ここで順番を決める:
   入力項目 → 同意欄 → 利用目的 → 受付後の案内 → 申込ボタン → 無料利用の条件(折りたたみ) */
.lp-c[data-lp-version] .trial-form>.b-privacy{grid-column:1/-1;order:6}
.lp-c[data-lp-version] .trial-form>.privacy-text{order:7;margin:0}
.lp-c[data-lp-version] .trial-form>.b-form-note{order:8}
.lp-c[data-lp-version] .trial-form>.btn{order:9}
.lp-c[data-lp-version] .trial-form>.application-terms{order:10}
.lp-c .b-privacy label{font-size:13px}
.lp-c .trial-form .privacy-text{font-size:12px}
.lp-c .b-form-note{grid-column:1/-1;font-size:13px;color:#2b3a43;background:#f3faf6;border-radius:8px;padding:8px 12px;margin:4px 0 0;text-align:center}

@media(max-width:767px){
  .lp-c .b-fv-free{font-size:15px}
  .lp-c .b-fv-free strong{font-size:18px}
  /* 4つの手順は1行の4列に収め、長い手順は枠の中で折り返す(矢印が行頭に来ないように) */
  .lp-c .b-fv-steps{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;align-items:stretch;gap:0 14px}
  .lp-c .b-fv-steps li{font-size:12px;padding:3px 7px;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1.35}
  .lp-c .b-fv-steps li+li{margin-left:0}
  .lp-c .b-fv-steps li+li:before{left:-12px}
  .b-uses-grid{grid-template-columns:1fr;gap:16px}
  .b-uses-list li{grid-template-columns:36px 1fr;gap:10px;padding:12px 14px}
  .b-uses-no{width:36px;height:36px;font-size:13px}
  .b-uses-list h3{font-size:17px}
}