/* FinalOwnerFix1: shared ArrowFillButton (Hyperiux Vault component given by the Owner, ported from React/Tailwind to HTML/CSS + arrow-fill.js;
   the original is kept as reference). Used by the TOP column list link (PC and mobile, 「コラムを全て読む」) and the TOP legal-counsel link.
   Markup: <a class="… hal-afb"><span class="afb-label">text</span><span class="afb-deco"><span class="afb-fill" aria-hidden="true"></span>
   <span class="afb-fill-text" aria-hidden="true"><span>text</span></span><span class="afb-icon" aria-hidden="true">2 × lucide ArrowRight</span></span></a>
   Pill #ff5f00 / #fff; a white fill grows from the arrow circle over the whole button and the label turns #ff5f00 (clip-path), the arrow
   leaves and a new one enters; 450ms cubic-bezier(.785,.135,.15,.86). Hover only on devices that can hover (as Tailwind v4 hover:); touch /
   pen press sets data-pressed (arrow-fill.js, released 450ms after the finger lifts). The link itself is untouched (href, target, rel).
   Selectors are scoped to the two hosts with an id so the column's all:revert reset and the theme's link rules for these links do not apply.
   The host rules at the end repeat that specificity (1 id, 4 classes, 1 element) and come later, so they set the size per host. */
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb{
  --btn-bg:#ff5f00;--btn-text:#fff;--btn-fill-bg:#fff;--btn-fill-text:#ff5f00;--btn-arrow:#ff5f00;--afb-focus:#fff;
  --afb-ease:cubic-bezier(.785,.135,.15,.86);--afb-dur:450ms;
  --afb-h:52px;--afb-fs:15px;--icon-circle:40px;--icon-right:6px;--afb-pad-l:24px;--afb-gap:14px;
  --circle-inset-y:calc((100% - var(--icon-circle)) / 2);
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;
  height:var(--afb-h);min-height:var(--afb-h);max-width:100%;padding:0 calc(var(--icon-circle) + var(--icon-right) + var(--afb-gap)) 0 var(--afb-pad-l);
  overflow:hidden;isolation:isolate;border:1px solid var(--btn-bg);border-radius:999px;background:var(--btn-bg);color:var(--btn-text);
  font-size:var(--afb-fs);font-weight:500;line-height:1;letter-spacing:.04em;white-space:nowrap;text-decoration:none;text-rendering:geometricPrecision;
  box-shadow:none;outline:none;opacity:1;transform:none;transition:none;cursor:pointer;-webkit-tap-highlight-color:transparent;word-break:normal}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb:is(:hover,:active,:focus,:focus-visible,:visited){
  background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text);text-decoration:none;opacity:1;transform:none;box-shadow:none}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb:focus-visible{outline:2px solid var(--afb-focus);outline-offset:3px}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-label{display:block;position:relative;z-index:1;padding-bottom:1px;color:inherit;transform:none}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-deco{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;transform:none}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-fill{display:block;position:absolute;z-index:1;border-radius:999px;background:var(--btn-fill-bg);
  inset:var(--circle-inset-y) var(--icon-right) var(--circle-inset-y) calc(100% - var(--icon-right) - var(--icon-circle));transition:all var(--afb-dur) var(--afb-ease)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-fill-text{display:flex;position:absolute;inset:0;z-index:2;align-items:center;justify-content:center;
  padding:0 calc(var(--icon-circle) + var(--icon-right) + var(--afb-gap)) 0 var(--afb-pad-l);color:var(--btn-fill-text);
  clip-path:inset(var(--circle-inset-y) var(--icon-right) var(--circle-inset-y) calc(100% - var(--icon-right) - var(--icon-circle)));transition:all var(--afb-dur) var(--afb-ease)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-fill-text>span{display:block;position:relative;padding-bottom:1px;white-space:nowrap}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-icon{display:inline-flex;position:absolute;right:var(--icon-right);top:50%;z-index:3;
  width:var(--icon-circle);height:var(--icon-circle);transform:translateY(-50%);align-items:center;justify-content:center;overflow:hidden;border-radius:50%;
  background:var(--btn-fill-bg);color:var(--btn-arrow);-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(white,black);
  transition:color var(--afb-dur) var(--afb-ease),background-color var(--afb-dur) var(--afb-ease)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-arrow{display:block;position:absolute;left:50%;top:50%;width:calc(var(--icon-circle) * .4);height:calc(var(--icon-circle) * .4);
  transform-origin:center;transition:transform var(--afb-dur) var(--afb-ease)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-arrow--in{transform:translate(-170%,-50%) scale(0)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb .afb-arrow--out{transform:translate(-50%,-50%)}
/* filled state: pressed (touch / pen) always; hover only where the device can hover */
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb[data-pressed=true] .afb-fill{inset:0}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb[data-pressed=true] .afb-fill-text{clip-path:inset(0 0 0 0)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb[data-pressed=true] .afb-arrow--in{transform:translate(-50%,-50%) scale(1)}
:is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb[data-pressed=true] .afb-arrow--out{transform:translate(70%,-50%) scale(0)}
@media (hover:hover){
  :is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb:hover .afb-fill{inset:0}
  :is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb:hover .afb-fill-text{clip-path:inset(0 0 0 0)}
  :is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb:hover .afb-arrow--in{transform:translate(-50%,-50%) scale(1)}
  :is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb:hover .afb-arrow--out{transform:translate(70%,-50%) scale(0)}
}
@media (prefers-reduced-motion:reduce){
  :is(#hal-column-review-v02 .all-columns,.hal-lp #hal-legal-counsel.lc-top a.lc-link,.hal-lp #hal-office a.hal-access__cardbtn,#hal-team-profile-v5-preview .ht-details>summary.ht-afb,.hal-lp.hal-sub a,.hal-lp.hal-sub .hsi-card span,.hal-lp.hal-column a,.hal-lp.hal-column .hal-column__card span,.hal-lp.hal-sub button.hal-afb--button,.hal-lp .hal-related__links a.hal-related__major).hal-afb :is(.afb-fill,.afb-fill-text,.afb-icon,.afb-arrow){transition:none}
}

/* host: column list (PC) - as wide as the article list (90% of the reading column), below the last article; the PC look is now the same
   orange / white button as on mobile and the label is 「コラムを全て読む」 on both */
#hal-column-review-v02 .column-reading>a.all-columns.hal-afb.hal-afb{display:flex;width:90%;margin:28px auto 0}
/* host: column list (mobile, column container 650px and below) - the width of the reduced cards (80%), on the white list */
@container hal-column-preview (max-width:650px){
  #hal-column-review-v02 .column-reading>a.all-columns.hal-afb.hal-afb{width:80%;margin:18px auto 0;--afb-h:44px;--afb-fs:13.5px;--icon-circle:32px;--icon-right:6px;--afb-pad-l:16px;--afb-gap:12px;--afb-focus:#111;letter-spacing:0}
}
/* host: TOP legal counsel (button only; background, heading, three body lines and the link's place are unchanged) */
.hal-lp #hal-legal-counsel.lc-top a.lc-link.hal-afb{--afb-fs:14px;letter-spacing:.06em}
@media (max-width:767.98px){
  .hal-lp #hal-legal-counsel.lc-top a.lc-link.hal-afb{display:flex;width:100%;--afb-h:48px;--icon-circle:36px;--afb-pad-l:18px;--afb-gap:12px;letter-spacing:.02em}
}

/* FinalOwnerFix2: two more hosts of the same component (same colours, motion, 450ms easing, touch press): the 「駅からの詳細案内を見る」
   button of the three station cards in OFFICE (§4-C; a link, href / aria-label unchanged) and the mobile 「プロフィールを見る」 buttons (§7;
   still the <summary> of the existing <details>: opening / closing stays native). Both are as wide as their card. As for the other
   hosts, the class is repeated so the host size (1 id, 4 classes, 1 element) comes after the shared rules with the same specificity. */
.hal-lp #hal-office a.hal-access__cardbtn.hal-afb.hal-afb{display:flex;width:100%;--afb-h:46px;--afb-fs:12px;--icon-circle:32px;--icon-right:6px;--afb-pad-l:12px;--afb-gap:8px;--afb-focus:#111;letter-spacing:.02em}
#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb.hal-afb{display:flex;width:100%;list-style:none;--afb-h:48px;--afb-fs:13px;--icon-circle:36px;--icon-right:6px;--afb-pad-l:18px;--afb-gap:12px;--afb-focus:#111;letter-spacing:.04em;user-select:none;-webkit-user-select:none}
#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb::-webkit-details-marker{display:none}
#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb::marker{content:''}
/* profile-mobile.css paints every span / svg of the old summary white (#…preview .ht-details summary span|svg); inside the button they follow the component's colours */
#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb .afb-label>span,#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb .afb-fill-text>span,#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb .afb-fill-text>span>span,#hal-team-profile-v5-preview .ht-details>summary.ht-afb.hal-afb .afb-arrow{color:inherit}

/* Subpages1（2026-10-13）：下層ページ（8調査詳細・港区・中央区）の相談・詳細リンクも同じ部品にした。上の共通規則の :is() に
   下層のホスト（.hal-lp.hal-sub a）を加えただけで、色・形・矢印・450ms の塗り・ホバー・押下（arrow-fill.js）は TOP と同一。
   TOP の4ホストの規則・寸法は変えていない（下層の要素は .hal-lp.hal-sub の中にしかない）。大きさは下の2種類。
   :not(#hal-afb-sub) は一致しない id で、TOP のホスト規則と同じ詳細度（id 1・クラス 4・要素 1）にして共通規則より後で効かせる。 */
:is(.hal-lp.hal-sub,.hal-lp.hal-column) a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub){display:inline-flex;--afb-h:52px;--afb-fs:15px;--icon-circle:40px;--icon-right:6px;--afb-pad-l:24px;--afb-gap:14px;--afb-focus:#111;letter-spacing:.04em}
:is(.hal-lp.hal-sub,.hal-lp.hal-column) a.hal-afb.hal-afb--sub-md:not(#hal-afb-sub){display:inline-flex;--afb-h:46px;--afb-fs:13.5px;--icon-circle:34px;--icon-right:6px;--afb-pad-l:20px;--afb-gap:12px;--afb-focus:#111;letter-spacing:.03em}
@media (max-width:767.98px){
  :is(.hal-lp.hal-sub,.hal-lp.hal-column) a.hal-afb.hal-afb--sub-lg:not(#hal-afb-sub){display:flex;width:100%;--afb-h:52px;--afb-fs:15px;--icon-circle:40px;--afb-pad-l:20px;--afb-gap:12px}
  :is(.hal-lp.hal-sub,.hal-lp.hal-column) a.hal-afb.hal-afb--sub-md:not(#hal-afb-sub){display:flex;width:100%;--afb-h:46px;--afb-fs:clamp(12px,3.45vw,13.5px);--icon-circle:34px;--afb-pad-l:14px;--afb-gap:8px;letter-spacing:0}
}
/* 下層の長いリンク文言（例：素行・行動調査で確認できることを見る）が狭い画面で欠けないよう、収まらないときだけ2行に折り返す
   （高さは最小 --afb-h のまま。1行に収まる幅では TOP と同じ1行の表示）。 */
:is(.hal-lp.hal-sub,.hal-lp.hal-column) a.hal-afb:is(.hal-afb--sub-lg,.hal-afb--sub-md):not(#hal-afb-sub){height:auto;white-space:normal;line-height:1.3;text-align:center}
:is(.hal-lp.hal-sub,.hal-lp.hal-column) a.hal-afb:is(.hal-afb--sub-lg,.hal-afb--sub-md):not(#hal-afb-sub) :is(.afb-label,.afb-fill-text>span){white-space:normal;word-break:normal;overflow-wrap:anywhere;line-break:strict}

/* Fix2（2026-10-13）：下層の地を白にしたため、下層の大きいボタンのフォーカス枠を濃色（#111）にした（Subpages1 の白は墨色の帯の上の前提）。
   調査項目一覧（/services/）の「詳しく見る」：カード全体が1つのリンクのため、ボタンはリンクの中の span（.hal-lp.hal-sub .hsi-card span.hal-afb）。
   上の共通規則の :is() に加えたこのホストの詳細度（クラス 3・要素 1）は既存ホストの最大（id 1・クラス 3・要素 1）を超えないため、TOP の4ホストの
   詳細度・寸法は変わらない。カードへポインターを重ねたとき（hover できる端末）とカードを押したときに、ボタンと同じ塗りの動きをする。 */
.hal-lp.hal-sub .hsi-card span.hal-afb.hal-afb--sub-md:not(#hal-afb-sub){display:inline-flex;--afb-h:42px;--afb-fs:13px;--icon-circle:32px;--icon-right:5px;--afb-pad-l:16px;--afb-gap:10px;--afb-focus:#111;letter-spacing:.03em;cursor:pointer}
@media (hover:hover){
  .hal-lp.hal-sub .hsi-card:hover span.hal-afb:not(#hal-afb-sub) .afb-fill{inset:0}
  .hal-lp.hal-sub .hsi-card:hover span.hal-afb:not(#hal-afb-sub) .afb-fill-text{clip-path:inset(0 0 0 0)}
  .hal-lp.hal-sub .hsi-card:hover span.hal-afb:not(#hal-afb-sub) .afb-arrow--in{transform:translate(-50%,-50%) scale(1)}
  .hal-lp.hal-sub .hsi-card:hover span.hal-afb:not(#hal-afb-sub) .afb-arrow--out{transform:translate(70%,-50%) scale(0)}
}
.hal-lp.hal-sub .hsi-card:active span.hal-afb:not(#hal-afb-sub) .afb-fill{inset:0}
.hal-lp.hal-sub .hsi-card:active span.hal-afb:not(#hal-afb-sub) .afb-fill-text{clip-path:inset(0 0 0 0)}
/* Fix3：コラム一覧のカードの「記事を読む」も同じ（ホスト .hal-lp.hal-column .hal-column__card span、詳細度 クラス 3・要素 1 で既存の最大を超えない） */
.hal-lp.hal-column .hal-column__card span.hal-afb.hal-afb--sub-md:not(#hal-afb-sub){display:inline-flex;--afb-h:42px;--afb-fs:13px;--icon-circle:32px;--icon-right:5px;--afb-pad-l:16px;--afb-gap:10px;--afb-focus:#111;letter-spacing:.03em;cursor:pointer}
@media (hover:hover){
  .hal-lp.hal-column .hal-column__card a:hover span.hal-afb:not(#hal-afb-sub) .afb-fill{inset:0}
  .hal-lp.hal-column .hal-column__card a:hover span.hal-afb:not(#hal-afb-sub) .afb-fill-text{clip-path:inset(0 0 0 0)}
  .hal-lp.hal-column .hal-column__card a:hover span.hal-afb:not(#hal-afb-sub) .afb-arrow--in{transform:translate(-50%,-50%) scale(1)}
  .hal-lp.hal-column .hal-column__card a:hover span.hal-afb:not(#hal-afb-sub) .afb-arrow--out{transform:translate(70%,-50%) scale(0)}
}
.hal-lp.hal-column .hal-column__card a:active span.hal-afb:not(#hal-afb-sub) .afb-fill{inset:0}
.hal-lp.hal-column .hal-column__card a:active span.hal-afb:not(#hal-afb-sub) .afb-fill-text{clip-path:inset(0 0 0 0)}

/* Fix3（2026-10-14）：コラムの一覧・記事（.hal-lp.hal-column、.hal-sub ではない）の相談ボタンも同じ部品にした。上の共通規則の :is() に
   ホスト .hal-lp.hal-column a を加え、下層の大きさの規則を :is(.hal-lp.hal-sub,.hal-lp.hal-column) にした（どちらも詳細度は同じ。TOP は不変）。 */

/* Fix4（2026-10-14）：ホストを 2 つ追加（上の共通規則の :is()。どちらも詳細度は既存の最大を超えない）。
   ① 相談ガイドの「すべて開いて読む」（<button>、.hal-lp.hal-sub button.hal-afb--button）：色・大きさは fix4-buttons.css（黒・md）。
   ② TOP 料金セクションの「料金モデルと見積条件を見る」（T03、.hal-lp .hal-related__links a.hal-related__major）：共通部品のオレンジ #ff5f00・中の構造・動きを使い、
      このボタンの既存の外形（幅は親いっぱい、高さ PC 64px／モバイル 60px、角 PC 10px／モバイル 8px、文字 PC 14px／モバイル 12px：OfficeFix1 を実測）は変えない。
      下の規則は共通規則と同じ詳細度（id 1 相当・クラス 4・要素 1）で後に置く。塗りは待機時は矢印の円（半径＝円の半分）、塗り切った状態は
      このボタンの角（PC 10px／モバイル 8px）に合わせる。pricing.css の古い「↗」（::after）は出さない。 */
.hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top){display:flex;width:100%;max-width:100%;--afb-h:64px;--afb-fs:14px;--icon-circle:44px;--icon-right:10px;--afb-pad-l:24px;--afb-gap:16px;--afb-focus:#111;
  height:64px;min-height:64px;border-radius:10px;letter-spacing:.04em;font-weight:500;white-space:normal;text-align:center;background-image:none}
.hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top) .afb-icon{border-radius:50%}
.hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top) .afb-fill{border-radius:22px}
.hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top)::after{content:none;display:none}
.hal-lp .hal-related__links a.hal-related__major.hal-afb[data-pressed=true]:not(#hal-afb-top) .afb-fill{border-radius:10px}
@media (hover:hover){.hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top):hover .afb-fill{border-radius:10px}}
.hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top):is(:hover,:focus,:focus-visible,:active){background-image:none}
@media (max-width:767.98px){
  .hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top){--afb-h:60px;--afb-fs:12px;--icon-circle:40px;--icon-right:8px;--afb-pad-l:14px;--afb-gap:10px;height:60px;min-height:60px;border-radius:8px;letter-spacing:.02em}
  .hal-lp .hal-related__links a.hal-related__major.hal-afb:not(#hal-afb-top) .afb-fill{border-radius:20px}
  .hal-lp .hal-related__links a.hal-related__major.hal-afb[data-pressed=true]:not(#hal-afb-top) .afb-fill{border-radius:8px}
}