/* Fix7（2026-10-15、Owner 指示 v04「有効化済みFix3からのOwner追加修正」）：TOP と全下層で fix5.css の後に読む。対象を限定した規則だけ。
   1) PC-01 TOP の地図・駅案内の到達点（#hal-office-access）：PC の MENU から来たとき、固定ヘッダー（77px）の 20px 下に地図の先頭が出る。
      ログイン中の管理バー（32px）は WordPress 本体が html の scroll-padding-top で足すので、ここでは足さない。
   2) PC-03 調査詳細 8 ページの FV の電話（PC、1024px 以上）：料金の後・末尾の電話と同じ外観（白い地・濃色の文字・#d4d4d4 の輪と影・電話アイコン）と
      同じホバー（影が深く・アイコンの入れ替わり・光の帯）。周囲の光の輪と下の光は出さない。外形の寸法・位置・FV のフォームと LINE は変えない。
   3) MOBILE-01 調査詳細 8 ページの相談導線 3 か所（モバイル、767.98px 以下）：LINE＝PC の料金の後・末尾と同じ緑 #06C755 の地・白い文字・影、
      電話＝白い地・濃色の文字・輪と影・静止した電話アイコン、フォーム＝既存の ArrowFillButton のオレンジ。主（cta-order.js が先頭にした 1 つ）は
      横幅いっぱい・高さ 56px、補助は下の段（入りきらない幅では縦に積む）・高さ 48px。タブレット・PC・ほかのページの相談導線は対象外。
      → Fix8 ②（2026-10-15）で置き換え：主 52px・補助 44px の 2 列（縦に積まない）、LINE は白い地＋緑の輪郭＋緑の文字、末尾もフォームが主（下の 3) の注記）。
      → Fix9 ②（2026-10-15）：末尾だけ電話を主に戻した（下段は左 LINE・右 フォーム。下の 4) の注記）。 */

/* ---------- 1) PC-01 ----------
   地図を含む枠（.hal-office-info .hal-container.hal-reveal）は、画面に入るまで既存の演出で 10px 下にずれている（hal-akasaka-ui-upgrade.css の
   .hal-reveal：translateY(10px) → .is-visible で 0）。ブラウザはずれた位置に合わせて止まり（読み込み中は何度か合わせ直す）、演出の後で 10px 上がって
   ヘッダーの 10px 下になっていた。地図が URL の行き先（:target）のときだけ、その枠のずれとずれの移り変わりをなくす（フェードの演出は同じ）。 */
@media (min-width:1024px){
  #hal-office-access{scroll-margin-top:97px}
  .hal-reveal:has(#hal-office-access:target){transform:none;transition:opacity .45s ease}   /* ずれの移り変わり（.45s）も止める：:target は読み込みの途中で有効になる */
}

/* ---------- 2) PC-03 ---------- */
@media (min-width:1024px){
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b),
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b):is(:link,:visited,:hover,:focus,:focus-visible,:active){
    position:relative;isolation:isolate;overflow:visible;background:#fff;background-image:none;border-color:transparent;color:#1b1813;text-decoration:none;opacity:1;cursor:pointer;
    box-shadow:0 0 0 1px #d4d4d4,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transform:none;
    transition:box-shadow .3s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1)}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b):hover{
    box-shadow:0 0 0 1px #d4d4d4,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b):active{transform:scale(.95)}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b):focus-visible{outline:2px solid #1b1813;outline-offset:3px}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b)::after,
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b)::before{content:none;display:none;animation:none}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--hero .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]{transition:none}
}

/* ---------- 3) MOBILE-01 → Fix8 ② ----------
   Fix8（2026-10-15、Fix4 からの追加修正指示 ②「強調を1つに絞る」）：調査詳細 8 ページの相談導線 3 か所（モバイル、767.98px 以下）を、上の段に主 1 つ
   （横幅 100%・高さ 52px）、下の段に補助 2 つ（2 列・高さ 44px）にした。並びは FV＝LINE／左 フォーム・右 電話、料金の後と末尾＝フォーム／左 LINE・右 電話
   （末尾は hal_service_cta_order() を更新。cta-order.js が同じ要素を並べるだけ）。
   ・LINE：主・補助とも白い地＋緑の輪郭（#06C755、1.5px）＋緑の文字（#05873A：白い地で文字のコントラスト 4.5:1 以上になる濃さ）。Fix7 の緑の塗りをやめた。
     押したとき・ホバーのときも地は白のまま（輪郭を内側に 1px 足し、文字を濃くするだけ）。影は Fix7 と同じ弱い影（電話と揃える。新しく足していない）。
   ・電話：既存の白い地・濃色の文字・#d4d4d4 の輪と影・静止した電話アイコン（補助の大きさ 16px）。
   ・フォーム：既存の ArrowFillButton のオレンジと中身（矢印の円・塗り）。FV では補助の大きさ、料金の後・末尾では主の大きさ。
   ・補助 2 つは常に 2 列：両方が入る幅では同じ幅、入りきらないときは長い文言の側が文字の幅を確保する（縦に積まない）。320px でも文言とアイコンが
     欠けないよう、補助の文字を clamp(11px, 3.45vw, 13px)（320px で 11px、377px 以上で 13px）・字間 0・左右の余白 7px・列の間 8px・フォームの矢印の円 28px にした
     （隔離 WordPress・Chrome の 320px の実測：文字の幅に必要な合計は、FV のフォーム＋電話＋間で 271.7px／使える幅 280px、料金の後・末尾の LINE＋電話＋間で 238.6px／254px）。
   ・新しい光・点滅・拡大・強い影は足さない。文言・電話番号・LINE・フォームの URL・位置と手段の計測属性は同じ。タブレット・PC・固定 CTA・ほかのページは対象外。 */
@media (max-width:767.98px){
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta .hal-sub1-cta__subs{display:flex;flex-wrap:nowrap;gap:8px}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta .hal-sub1-cta__subs>*{flex:1 1 0;min-width:max-content}
  /* 補助（LINE・電話）：高さ 44px。主か補助かで色は変えない */
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub:not(#hal-f7-a):not(#hal-f7-b),
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub:not(#hal-f7-a):not(#hal-f7-b):is(:link,:visited,:hover,:focus,:focus-visible,:active){
    gap:5px;min-height:44px;padding:0 7px;font-size:clamp(11px,3.45vw,13px);letter-spacing:0;border-color:transparent;white-space:nowrap;text-decoration:none;opacity:1}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="line"]:not(#hal-f7-a):not(#hal-f7-b),
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="line"]:not(#hal-f7-a):not(#hal-f7-b):is(:link,:visited,:hover,:focus,:focus-visible){
    background:#fff;background-image:none;border:1.5px solid #06c755;color:#05873a;
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:box-shadow .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="line"]:not(#hal-f7-a):not(#hal-f7-b):active{
    background:#fff;background-image:none;border:1.5px solid #06c755;color:#046d2f;
    box-shadow:inset 0 0 0 1px #06c755,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b),
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="tel"]:not(#hal-f7-a):not(#hal-f7-b):is(:link,:visited,:hover,:focus,:focus-visible,:active){
    background:#fff;color:#1b1813;box-shadow:0 0 0 1px #d4d4d4,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub:not(#hal-f7-a):not(#hal-f7-b):focus-visible{outline:2px solid #1b1813;outline-offset:3px}
  /* 電話のアイコン：調査詳細の相談導線の中だけ表示（fix4-buttons.css の 1023.98px 以下の非表示はほかでは変えない）。静止したアイコン 1 個だけ */
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="tel"] .hal-bac__icon{display:inline-flex!important;position:relative;flex:0 0 auto;width:16px;height:16px;overflow:hidden;color:inherit}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="tel"] .hal-bac__i--1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:1;transform:none;transition:none}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta a.hal-sub1-cta__sub[data-hal-cta-channel="tel"] .hal-bac__i--1 svg{width:16px;height:16px}
  /* フォームが補助のとき（FV）：ArrowFillButton の構造とオレンジのまま、補助の大きさ */
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta .hal-sub1-cta__subs>a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub){display:inline-flex;width:auto;
    --afb-h:44px;--afb-fs:clamp(11px,3.45vw,13px);--icon-circle:28px;--icon-right:4px;--afb-pad-l:10px;--afb-gap:6px;letter-spacing:0;white-space:nowrap}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta .hal-sub1-cta__subs>a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub) :is(.afb-label,.afb-fill-text>span){white-space:nowrap}
  /* 主：横幅 100%・高さ 52px（LINE は FV、フォームは料金の後・末尾） */
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta.is-cta-mobile a.is-cta-primary.hal-sub1-cta__sub:not(#hal-f7-a):not(#hal-f7-b){display:flex;width:100%;min-height:52px;padding:0 14px;font-size:15px}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta.is-cta-mobile a.is-cta-primary.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub){display:flex;width:100%;--afb-h:52px}
}

/* ---------- 4) Fix9 ② 末尾（.hal-sub1-cta--final）：電話が主、下段は左 LINE・右 フォーム ----------
   Fix9（2026-10-15、Fix5 からの追加修正指示 ②）：hal_service_cta_order() の末尾を tel,line,form に戻し、cta-order.js が同じ要素を並べる。主の電話は横幅 100%・52px
   （既存の白い地・濃色の文字・#d4d4d4 の輪・電話アイコン 20px）、下段の LINE（白い地・緑の輪郭・緑の文字）とフォーム（オレンジの ArrowFillButton）は 44px。
   末尾の箱は内側の余白があるので、FV・料金の後より使える幅が狭い（320px で 254px）。末尾の下段だけ、LINE とフォームを 1：1.3 で分け（LINE は文字の幅より
   細くしない。フォームは残りの幅。両方が 1 行に入る 385px 以上はほぼ同じ幅）、フォームの
   矢印の円 26px・左の余白 9px・円との間 5px にした。それでも 1 行に入らない幅では、ArrowFillButton の既存の決まり（arrow-fill.css：収まらないときだけ 2 行に
   折り返す）どおりフォームの文字をボタンの中で 2 行にする（ボタンの高さ 44px・縦に積まない・文字と矢印は欠けない）。FV・料金の後・PC・タブレット・固定 CTA は変えない。 */
@media (max-width:767.98px){
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--final.is-cta-mobile a.is-cta-primary[data-hal-cta-channel="tel"] .hal-bac__icon,
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--final.is-cta-mobile a.is-cta-primary[data-hal-cta-channel="tel"] .hal-bac__i--1 svg{width:20px;height:20px}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--final.is-cta-mobile .hal-sub1-cta__subs>a.hal-sub1-cta__sub[data-hal-cta-channel="line"]{flex:1 1 0;min-width:max-content}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--final.is-cta-mobile .hal-sub1-cta__subs>a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub){flex:1.3 1 0;min-width:0;
    --icon-circle:26px;--icon-right:4px;--afb-pad-l:9px;--afb-gap:5px;white-space:normal;line-height:1.2}
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--final.is-cta-mobile .hal-sub1-cta__subs>a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub) :is(.afb-label,.afb-fill-text>span){white-space:normal}
}
/* 両方が 1 行に入る幅（385px 以上）では、中間のユニットと同じくほぼ同じ幅に分ける（どちらも文字の幅より細くしない） */
@media (min-width:385px) and (max-width:767.98px){
  .hal-lp:is(.hal-sub1--service,.hal-sub1--chuo) .hal-sub1-cta--final.is-cta-mobile .hal-sub1-cta__subs>a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub){flex:1 1 0;min-width:max-content}
}
/* Fix17（2026-10-25）：下層共通の相談導線の規則（上の .hal-sub1--service の規則すべて）の対象に中央区（.hal-sub1--chuo）を加えた（:is() なので調査詳細の詳細度・表示は同じ）。中央区の相談導線を調査詳細と同じ部品・同じ見た目にする。 */