/* =========================================================
   高額LP（/service/large-loan/）FV検証 F1（2026-10 FV検証）
   スマホの1画面目に「何が分かるか」と主ボタンを収める。

   既存CSS（style.css / common-v3.css / lp-v3.css）は書き換えず、この1枚を最後に読み込む。
   .figfv__stage は flex（縦並び）で、子の並びは order で決まっている。
   今：見出し→チェックリスト→人物(5)→そんなこと…(6)→実績(7)→ボタン(8)
   F1：見出し→チェックリスト→ボタン(5)→人物(6)→そんなこと…(7)→実績(8)
   根拠：主ボタンの手前まで来る人が42%（Clarity・スマホ・30日）。89.7%がどこにも進まず離脱（GA4）
   PC は変えない。

   セレクタは `.figfv .figfv__stage ...`（クラス3つ）で書く。
   上書きしたい lp-v3.css 側が `.figfv .figfv__cta { order: 8 }`（クラス2つ）なので、
   クラス2つで書くと詳細度が同点になり、**読み込み順だけで勝敗が決まってしまう**。
   この1枚が lp-v3.css より前に挿し込まれると order の入れ替えが無言で効かなくなり、
   追加コピーと人物の縮小だけが効いて「効いているのに並びは元のまま」になる。
   クラス3つにして、置き場所に依存せず必ず勝つようにしている。
   ========================================================= */
@media (max-width: 767px) {
  .figfv .figfv__stage .figfv__cta      { order: 5; margin-top: 14px; }
  .figfv .figfv__stage .figfv__person   { order: 6; }
  .figfv .figfv__stage .figfv__insight  { order: 7; }
  .figfv .figfv__stage .figfv__stats    { order: 8; }

  /* ボタンの直前に「押すと何が分かるか」を1行 */
  .figfv .figfv__stage .figfv__cta::before {
    content: "30分で、貴社の調達余地が分かります";
    display: block;
    margin: 0 0 10px;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
  }

  /* 人物はバストアップのまま小さく（首だけにしない） */
  .figfv .figfv__stage .figfv__person { margin-top: 18px; }
  .figfv .figfv__stage .figfv__person img { width: 62%; height: auto; margin: 0 auto; display: block; }
}