/* Fix4（2026-10-14、Owner 統合修正 v01）：下層ページの修正。各ページの CSS・sub-ground.css より後に読む（hal_fix4_enqueue_lower、優先度 1002）。
   港区（/minato/）は「枠以外すべて維持」：このファイルで港区に当てるのは A03 の外枠の色だけ（本文の整列 G01 ほかは当てない）。
   PC は既存の PC 判定（1024px 以上：固定CTA を出さない幅）。黒枠は色だけを #000 にし、太さ（すべて 1px：変更前を隔離 WordPress で実測）は変えない。 */
:root{--f4-black:#000;--f4-beige:#F5F0E8}

/* ---------- G01：本文ブロックは中央、中の段落・箇条書き・説明文は左揃え（見出し・ボタンの文字は対象外） ----------
   1 つで立つ導入・注記の段落：ブロックを文字の幅（最大は既存の読み幅）にして中央へ置き、行は左揃え（1 行の文は見た目が中央のまま、
   複数行は各行の左端がそろう）。まとまり（定義リスト・事例の本文・役割の説明）は、既存の列の幅のまま左揃え。 */
html body .hal-lp.hal-sub :is(.hal-faq1__lead,.hal-chuo-fv__sub),
html body .hal-lp.hal-services-index :is(.hsi-lead,.hsi-note,.hsi-cta>p),
html body .hal-lp.hal-case-studies :is(.hal-tc__lead,.cs-permission),
html body .hal-lp.hal-contact-page :is(.hal-formbridge__text,.progress-note),
html body .hal-lp.hal-column .hal-column__consult>p{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
html body .hal-lp.hal-sub .hal-sub__lead,
html body .hal-lp.hal-case-studies :is(.cs-reading p,.cs-voice blockquote,.cs-voice blockquote p,.cs-fact p,.cs-note),
html body .hal-lp.hal-legal-counsel :is(.lc-p,.lc-role dt,.lc-role dd,.lc-role-name,.lc-supervision,dl dd,dl dt){text-align:left}
html body .hal-lp.hal-legal-counsel .lc-prose-block{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
html body .hal-lp.hal-legal-counsel .lc-hero .lc-supervision{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
html body .hal-lp.hal-legal-counsel .lc-copy-line{text-align:left}
html body .hal-lp.hal-sub .hal-chuo-fv__sub .hal-chuo-fv__copy-line{text-align:left}
/* 相談導線のボタンの下の電話・受付時間の行、中央区の FV の引用の行、相談者の声のカードの本文（Fix4 の確認で中央揃えのまま残っていたもの。港区には無い class） */
html body .hal-lp :is(.hal-sub1-cta__info,.hal-sub3-cta__info,.hal-chuo-cta__note,.hal-chuo-fv__subp):not(#hal-f4-a):not(#hal-f4-b){width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
html body .hal-lp.hal-case-studies .hal-tc__card:not(#hal-f4-a):not(#hal-f4-b){text-align:left}

/* ---------- 黒枠（G02）：外枠の色だけ ---------- */
/* D01 相談ガイド：枠で囲った情報・注意・案内・目次・手順・相談の箱 */
html body .hal-lp.hal-sub--guide :is(.hal-guide-toc,.hal-guide-step,.hal-guide__list,.hal-guide__emergency,.hal-guide-fv__assurance,.hal-sub3-cta__box):not(#hal-f4-a):not(#hal-f4-b){border-color:var(--f4-black)}
/* S02 調査項目一覧：各項目（カード）の外枠 */
html body .hal-lp.hal-services-index a.hsi-card:not(#hal-f4-a):not(#hal-f4-b),html body .hal-lp.hal-services-index a.hsi-card:not(#hal-f4-a):not(#hal-f4-b):is(:hover,:focus,:focus-visible,:active){border-color:var(--f4-black)}
/* S04・C04 料金モデルのカード（調査詳細・料金ページ）、C01 行動調査料金（PC、下の C01 で）、C03 料金の決まり方 4 種類 */
html body .hal-lp.hal-sub .hal-lc-card:not(#hal-f4-a):not(#hal-f4-b){border-color:var(--f4-black)}
html body .hal-lp.hal-sub1--cost .hal-cc-m23__method:not(#hal-f4-a):not(#hal-f4-b){border-color:var(--f4-black)}
/* V01・V03 相談者の声のカード（列のカードは testimonials-columns.css）・CASE の全文の声の箱 */
html body .hal-lp.hal-case-studies .cs-voice:not(#hal-f4-a):not(#hal-f4-b){border-color:var(--f4-black)}
/* A03 中央区・港区：既存の外枠（Editorial Service List の外枠）。港区はこの規則だけ */
html body .hal-lp.hal-sub :is(.hal-esl--chuo,.hal-esl--minato):not(#hal-f4-a):not(#hal-f4-b){border-color:var(--f4-black)}

/* ---------- 薄いベージュ（G03 #F5F0E8：ChatGPT が具体化した値）：料金の金額ブロック・料金方式 4 カードだけ ---------- */
html body .hal-lp.hal-sub .hal-lc-card .hal-lc-card__amount:not(#hal-f4-a):not(#hal-f4-b){display:inline-block;max-width:100%;box-sizing:border-box;margin:2px 0 0;padding:4px 12px;border-radius:8px;background:var(--f4-beige);white-space:normal}
html body .hal-lp.hal-sub1--cost .hal-cc-m23__method:not(#hal-f4-a):not(#hal-f4-b){background:var(--f4-beige)}

/* ---------- S04・C04：「詳しい条件を見る」「見積条件を見る」（<summary>）の Interactive Hover の置き場所 ---------- */
/* linear-carousel.css の .hal-lc-card__summary（padding 8px 0 0・両端揃え・gap 12px・フォーカス時の角 4px）が部品の内側の余白に勝って、
   黒い点が文字に重なり文字が切れていたため、部品の値（fix4-buttons.css の .hal-ihb）をここで指定し直す。 */
html body .hal-lp.hal-sub .hal-lc-card__summary.hal-ihb{display:inline-flex;width:auto;margin-top:12px;font-size:14px;
  justify-content:center;gap:0;min-height:44px;padding:8px 24px 8px 34px;line-height:1.45;border-radius:9999px}
html body .hal-lp.hal-sub .hal-lc-card__summary.hal-ihb:focus-visible{border-radius:9999px;outline-offset:3px}
html body .hal-lp.hal-sub .hal-lc-card__summary.hal-ihb>:not(.hal-ihb__dot):not(.hal-ihb__label):not(.hal-ihb__hover){display:none}

/* ---------- C04：調査の種類から探す（分類の選択のリンク）＝Interactive Hover。選択中は塗った状態 ---------- */
html body .hal-lp.hal-sub1--cost .hal-sub2-cats__link.hal-ihb{display:inline-flex;gap:0;min-height:44px;padding:8px 22px 8px 32px;font-size:14px}
html body .hal-lp.hal-sub1--cost .hal-sub2-cats__link.hal-ihb .hal-ihb__label{display:inline-flex;align-items:baseline;gap:6px}
html body .hal-lp.hal-sub1--cost .hal-sub2-cats__link.hal-ihb .hal-sub2-cats__count{font-size:12px;font-weight:500;opacity:.7}
html body .hal-lp.hal-sub1--cost .hal-sub2-cats__link.hal-ihb[aria-current="true"]{border-color:var(--ihb-primary)}

/* ---------- C02：問題解決のカルテの案内 2 つ（Interactive Hover のリンク） ---------- */
html body .hal-lp.hal-sub1--cost .hal-cc-fv__index :is(.hal-cc__kickersub,.hal-cc__chooser){margin:10px 0 0}
html body .hal-lp.hal-sub1--cost .hal-cc-fv__index .hal-ihb{font-size:14px}

/* ---------- C01（PC）：FV を TOP と同じ固定背景の方式（切り抜きの箱＋画面に固定した写真の層）にし、料金ページの既存の FV 写真を背景に。
   指定の文言（見出し・導入・行動調査料金・初回 3 時間・案件制ほか・カルテの案内）を背景の中の白いパネルに収める。
   FV の 4:3 の写真の枠は PC では出さない（同じ写真を背景に使う）。モバイルは Fix3 のまま。TOP の FV の文字の演出・長いスクロールは複製しない ---------- */
@media (min-width:1024px){
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero{position:relative;isolation:isolate;overflow:hidden;background:transparent;padding:124px 28px 80px}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-sub-bg-clip{display:block;position:absolute;inset:0;z-index:-2;-webkit-clip-path:inset(0);clip-path:inset(0);pointer-events:none}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-sub-bg-fixed{display:block;position:fixed;inset:0;width:100%;height:100vh;
    background:url('../../../photos/service/hal-akasaka-lower-page-typewriter-bright-monochrome.jpeg.s8-1536.webp') right center/cover no-repeat;pointer-events:none}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc-fv{display:block;box-sizing:border-box;max-width:860px;margin:0 auto;padding:44px 56px 40px;
    background:#fff;border-radius:16px;box-shadow:0 30px 60px -24px rgba(10,10,12,.45)}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc-fv__media{display:none}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc-fv__heading{margin:0 0 20px;text-align:center}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc-fv__lead{max-width:none}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc__leadtext{width:fit-content;max-width:100%;margin:0 auto 20px;text-align:left}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc-fee{border-color:var(--f4-black)}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero :is(.hal-cc-fee__label,.hal-cc-fee__band,.hal-cc-fee__unit){font-weight:700;color:#1b1813}
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-cc-fv__index{margin-top:24px;text-align:center}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){
  html body .hal-lp.hal-sub.hal-sub1--cost .hal-cc__hero .hal-sub-bg-fixed{position:absolute;height:100%}
}

/* ---------- D02 相談ガイド「すべて開いて読む」：黒の ArrowFillButton（fix4-buttons.css）。置き場所は中央 ---------- */
html body .hal-lp.hal-sub--guide .hal-guide-toc__actions{text-align:center}
/* D04 判断材料の 3 つのリンク（Interactive Hover）：箇条書きの点を出さず縦に並べる */
html body .hal-lp.hal-sub--guide .hal-guide__listitem--ihb{list-style:none;margin:10px 0}
html body .hal-lp.hal-sub--guide .hal-guide__listitem--ihb::before,html body .hal-lp.hal-sub--guide .hal-guide__listitem--ihb::marker{content:none}

/* ---------- D03（PC）：PHASE 01〜03 の写真を出さず、見出しと説明を Dot Pattern 1 / Quote の構造で表示（枠は黒、背景は原作の点の模様） ----------
   原作：1px の枠＋四隅の 12px の四角、枠の中は 5px 間隔・半径 0.5px の点（slate-500 の 50〜70%）、小さなラベルの下に大きな文。
   モバイル：包む要素は display:contents（無いのと同じ）で、写真・見出し・説明は従来のまま */
.hal-guide__phase-corner{display:none}
@media (max-width:1023.98px){html body .hal-lp.hal-sub--guide .hal-guide__phase-quote{display:contents}}
@media (min-width:1024px){
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote{position:relative;box-sizing:border-box;margin:8px 0 36px;padding:44px 52px 40px;border:1px solid var(--f4-black);
    background-color:#fff;background-image:radial-gradient(circle at 1px .5px,rgba(100,116,139,.6) .5px,rgba(100,116,139,0) .75px);background-size:5px 5px;text-align:left}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-corner{display:block;position:absolute;z-index:2;width:12px;height:12px;background:var(--f4-black)}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-corner--tl{left:-6px;top:-6px}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-corner--tr{right:-6px;top:-6px}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-corner--bl{left:-6px;bottom:-6px}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-corner--br{right:-6px;bottom:-6px}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__figure{display:none}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__phase-head{position:relative;z-index:1;margin:0 0 18px;padding:0;border:0;background:none;text-align:left}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__phase-head::before,html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__phase-head::after{content:none}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__phase-label{display:block;margin:0 0 10px;font-size:14px;letter-spacing:.14em}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__phase-name{display:block;font-size:clamp(30px,2.8vw,42px);font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#1b1813}
  html body .hal-lp.hal-sub--guide .hal-guide__phase-quote .hal-guide__phase-lead{position:relative;z-index:1;margin:0;font-size:18px;line-height:2;color:#1b1813;text-align:left}
}

/* ---------- V01 相談者の声を FV に（写真の FV を削除：空の写真の枠・最小の高さ・旧の地の色を残さない） ---------- */
html body .hal-lp.hal-case-studies .cs-hero.cs-hero--voices{min-height:0;padding:40px 0 0;overflow:visible;background:#fff;background-image:none;color:#1b1813}
html body .hal-lp.hal-case-studies .cs-hero.cs-hero--voices h1{color:#1b1813}
html body .hal-lp.hal-case-studies .cs-hero.cs-hero--voices .hal-tc{padding-top:32px}
@media (max-width:767.98px){html body .hal-lp.hal-case-studies .cs-hero.cs-hero--voices{padding:24px 0 0}html body .hal-lp.hal-case-studies .cs-hero.cs-hero--voices .hal-tc{padding-top:20px}}
/* V03 CASE の見出し・小見出しに影（白い地の濃い文字に合わせた 1 重の薄い影。太字や別の文言には置き換えない） */
html body .hal-lp.hal-case-studies .cs-case :is(.cs-case-head h2,.cs-number,.cs-reading h3,.cs-voice h3){text-shadow:0 1px 3px rgba(27,24,19,.22)}

/* ---------- L01 弁護士：見出し・小見出しの影（写真の上は白い文字の濃い影、白い地の上は濃い文字の薄い影） ---------- */
html body .hal-lp.hal-legal-counsel .lc-hero :is(h1,.lc-h1,.lc-kicker){text-shadow:0 2px 12px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5)}
html body .hal-lp.hal-legal-counsel :is(.lc-section .lc-h2,.lc-cta .lc-h2,.lc-h3,.lc-role-name){text-shadow:0 1px 3px rgba(27,24,19,.22)}
/* L02「探偵と弁護士の役割」：小見出し（dt）は黒・太字、本文（dd）は既存の濃い色。2 列・間隔は既存のまま */
html body .hal-lp.hal-legal-counsel .lc-role dt{color:#000;font-weight:700}
html body .hal-lp.hal-legal-counsel .lc-role dd{color:#3d3931}

/* ---------- R01 相談フォーム（/contact/）：選択・ラジオ・チェック・選択中・フォーカスの旧生成り／金を白・中立の色へ（既存の白地の仕様の残件）。
   入力の処理・必須・文言・送信先・送信の操作は変えない ---------- */
html body .hal-lp.hal-contact-page :is(.hal-input,.hal-select,.hal-textarea):not(#hal-f4-a){background:#fff;border-color:#d4d4d4}
html body .hal-lp.hal-contact-page :is(.hal-input,.hal-select,.hal-textarea):not(#hal-f4-a):is(:hover,:focus){background:#fff}
html body .hal-lp.hal-contact-page :is(.hal-input,.hal-select,.hal-textarea):not(#hal-f4-a):focus-visible{outline:2px solid #1b1813;outline-offset:2px;border-color:#1b1813}
html body .hal-lp.hal-contact-page :is(.hal-radio,.hal-radio__mark,.hal-check__mark):not(#hal-f4-a){border-color:#a3a3a3}
html body .hal-lp.hal-contact-page .hal-radio:not(#hal-f4-a):has(input:checked){border-color:#1b1813;background:#f5f5f5}
html body .hal-lp.hal-contact-page .hal-radio:not(#hal-f4-a) input:checked+.hal-radio__mark{border-color:#1b1813}
html body .hal-lp.hal-contact-page .hal-radio:not(#hal-f4-a) input:checked+.hal-radio__mark::after{background:#1b1813}
html body .hal-lp.hal-contact-page .hal-check:not(#hal-f4-a) input:checked+.hal-check__mark{border-color:#1b1813;background:#1b1813}
html body .hal-lp.hal-contact-page .hal-check:not(#hal-f4-a) input:checked+.hal-check__mark::after{border-color:#fff}
html body .hal-lp.hal-contact-page :is(.hal-radio,.hal-check):not(#hal-f4-a) input:focus-visible~:is(.hal-radio__mark,.hal-check__mark){outline-color:#1b1813}
html body .hal-lp.hal-contact-page .hal-check:not(#hal-f4-a) a{color:#1b1813;border-bottom-color:#a3a3a3}
html body .hal-lp.hal-contact-page .form-progress-fill:not(#hal-f4-a){background:#1b1813}
html body .hal-lp.hal-contact-page .progress-step.active:not(#hal-f4-a){color:#1b1813}

/* ---------- R02 中央区：開いた行の「情景」「地域条件」「設計」の見出しの旧紙色の面（#ece7db）と単独の金の縦線（左 2px）を外す。
   見出しの文字は残し、新しい枠は足さない。港区には当てない ---------- */
html body .hal-lp.hal-sub .hal-chuo-gate__label:not(#hal-f4-a){background:none;border-left:0;padding-left:0;color:#1b1813;font-weight:700}