/* 2026-07-28: html{scroll-behavior:smooth} を撤去。テーマ function.js の jQuery .animate({scrollTop}) と競合し、
   サブナビを押しても最初の約0.5秒ほぼ動かない（実測 170ms:22px→488ms:143px・目標11425px／auto なら 180ms:4119px で490ms着地）。
   金型4本(airpods/aquos/apple-machine/ipad)とテーマ原典 style.css は scroll-behavior を1つも宣言していない。 */
/* ============================================================
   beginners-guide / extra.css
   theme-porter 追加分のみ。テーマ css/style.css は編集しない。
   使用トークン（theme-tokens.md）:
     --color9 #224995 / --color4 #14355D / --color10 #EBF0F6
     角丸 5px（最頻）/ ボタンのみピル999px / Noto Sans JP
   色は #224995 / #14355D / #EBF0F6 + 白 + #333 + 補助罫(#C8D4E4) + 強調赤#E94F4F + LINE緑#06C755 に限定。

   方針:
   ・delivery-purchase/extra.css の crafted 器（worry / compare-table / compare-pick /
     network-popup(box/grey-box/imei) / info-list / apply-nudge / cta-band / section-todo / 共通スケール）
     を「class/CSS（視覚の器）だけ」流用。本文は wireframe-content の beginners 固有コピー。
   ・beginners 固有の追加は最小:
       .topbanner.fv-todo（FVプレースホルダ枠・作り込まない）
       .bg-feat .fc（選ばれる理由 特長4カード）
       .matrix（やること順番 早見表）
       .branch（トラブル別分岐カード／❌→craft）
       .dual（二重消去の2列図解／❌新規）

   ── bg-v3（?v=bg-v3 / 捏造ゲート是正・CSS変更なし） ──
   ・index.html のみ更新。法人カード・法人買取の流れの「データ消去（の）証明に対応します」断定を是正。
     消去（行為）は断定可だが証明書発行可否は本番未掲載のため「証明書の発行有無は［要確認］」を付与し、line619 の既存表現に統一。
     extra.css のスタイルは無変更。
   ============================================================ */

/* ============================================================
   統一スペーシングスケール（delivery と同値）
   ============================================================ */
:root{
  --sp-1: 8px;
  --sp-2: 10px;
  --sp-3: 12px;
  --sp-4: 18px;
  --sp-5: 30px;
  --card-board: #EBF0F6;
}

.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il-num,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-table td,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix td,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .needcheck{
  font-variant-numeric: tabular-nums;
}

/* ---- ❌ プレースホルダ枠（section-todo） ------------------- */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .section-todo{ margin: var(--sp-5) auto; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .section-todo .thisinner{
  border: 2px dashed #C8D4E4;
  border-radius: 5px;
  background: #FAFCFF;
  padding: 28px 20px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .section-todo .todo-note{
  color: #14355D;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .section-todo .todo-note small{
  display: block;
  margin-top: 6px;
  font-weight: 500;
  color: #224995;
  font-size: 11px;
}

/* ---- 共通: ［要確認］インライン表記 ----------------------- */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .needcheck{
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #14355D;
  background: #EBF0F6;
  border-radius: 5px;
  padding: 1px 7px;
  margin: 0 2px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ---- 共通 CTAボタン配置（item-btn 中央寄せ・上余白） ------- */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .item-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  margin: 18px auto 0;
}

/* ---- 汎用: section 内 補助本文（line-content 補完） -------- */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sub-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.8;
  margin-top: 10px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sub-note a{ color: #224995; }

/* line-btitle（h3）の上マージン（情報ブロック直後の区切り余白） */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .info-list + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sec-body + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .compare-table + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .compare-note + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .matrix + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .branch-list + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .dual + .line-btitle,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .item-btn + .line-btitle,
/* 2026-09-04: #guarantee の promise-card 直後 h3 が 0px だった既存欠陥（担当の実測で発見・統括が是正）。他の情報ブロック直後と同じ 20px に揃える */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .promise-card + .line-btitle{
  margin-top: 20px;
}

/* 汎用: 通常本文段落（line-btitle 配下） */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sec-body{
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  margin: var(--sp-2) 0 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sec-body a{ color: #224995; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sec-body b{ color: #14355D; }

/* ============================================================
   01 FV（🔶 topbanner 土台 ／ 作り込まない＝.fv-todo プレースホルダ）
   100点鉄則2：FVは先方デザイン前提。bespoke 偽装せず想定要素のラベルのみ。
   token: bg --color4・見出し白・アクセント淡青#9DB8E6・破線枠
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo > .thisinner{
  width: calc(100% - 30px);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-inner{
  background: #14355D;
  border: 2px dashed #9DB8E6;
  border-radius: 5px;
  padding: 24px 18px;
  color: #fff;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-eyebrow{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #9DB8E6;
  margin-bottom: 8px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-title{
  font-size: 22px; /* 2026-08-27: clamp→gold接地(下部 retrofit ブロック参照) */
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-note{
  font-size: 11px;
  line-height: 1.6;
  color: #CFE0F4;
  background: #1C3E6C;
  border-radius: 5px;
  padding: 10px 12px;
  margin-bottom: 14px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots li{
  font-size: 12px;
  line-height: 1.6;
  color: #CFE0F4;
  padding-left: 14px;
  position: relative;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .6em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9DB8E6;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots li b{ color: #fff; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots .needcheck{
  color: #C2D2E6;
  background: rgba(255,255,255,.12);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-quick-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0 0 var(--sp-2);
  color: #fff;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-quick-table th,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-quick-table td{
  border: 1px solid #9DB8E6;
  padding: 8px;
  font-size: 11px;
  line-height: 1.6;
  vertical-align: top;
  text-align: left;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-quick-table th{
  width: 40%;
  color: #fff;
  font-weight: 700;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-quick-table td{
  color: #CFE0F4;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-cta-links{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-cta-links a{
  display: block;
  border: 1px solid #9DB8E6;
  border-radius: 5px;
  padding: 10px 12px;
  color: #9DB8E6;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}

/* ============================================================
   A02 worry（🔶 ／ delivery extra.css「A02 worry」器を流用）
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-list{
  list-style: none;
  margin: var(--sp-4) 0 0;
  padding: 4px var(--sp-3);
  background: var(--card-board);
  border-radius: 5px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-list li{
  display: flex;
  align-items: flex-start;
  gap: var(--sp-1);
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.6;
  padding: 11px 0;
  border-top: 1px solid #C8D4E4;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-list li:first-child{ border-top: none; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-list li img{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-pivot{
  display: flex;
  align-items: flex-start;
  gap: var(--sp-2);
  margin: var(--sp-3) 0 var(--sp-4);
  background: #224995;
  border-radius: 5px;
  padding: 14px var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-pivot i{
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 1px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-pivot p{
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
  margin: 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-pivot p b{ color: #fff; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points .wp{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points .wp .wp-t{
  display: flex;
  align-items: baseline;
  gap: var(--sp-1);
  font-size: 14px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.5;
  margin: 0 0 6px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points .wp .wp-t .wp-n{
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: #224995;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points .wp .wp-d{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points .wp .wp-d a{ color: #224995; }
/* 2026-08-27: 明地の強調は color9 一色（完了ゲート V-1）。#14355D(color4) は割れ＝14ページで同じドリフトだった。
   正値の出典: 唯一「証拠付き DONE」の beginners-guide extra.css:270（#224995）／apple-machine:540 も color9。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-points .wp .wp-d b{ color: var(--color9); }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card{
  margin-top: var(--sp-3);
  background: #14355D;
  border-radius: 5px;
  padding: var(--sp-4) var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-t{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  margin: 0 0 12px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-list li{
  display: flex;
  align-items: flex-start;
  gap: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-list li img{
  flex-shrink: 0;
  width: 18px;
  height: 15px;
  margin-top: 4px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-list li span{
  font-size: 12px;
  line-height: 1.6;
  color: #CFE0F4;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-list li span b{ color: #fff; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card .pc-list li span a{ color: #9DB8E6; }

/* ============================================================
   02b reasons（🔶 特長4カード ／ delivery .feat .fc を beginners 用 .bg-feat .fc に翻訳）
   board に白カードを2×2で載せる（テーマ .point-list 作法・影なし・締めpadding）。
   token: radius5・見出し--color4・本文#333・地--color10
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .bg-feat{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-2);
  margin-top: var(--sp-4);
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .bg-feat .fc{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .bg-feat .fc .ft{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.45;
  margin-bottom: 6px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .bg-feat .fc .fd{
  font-size: 12px;
  line-height: 1.65;
  color: #333;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .bg-feat .fc .fd a{ color: #224995; }

/* ============================================================
   03 methods / 09 後半（🔶 ／ delivery extra.css「A04 compare」器を流用）
   ============================================================ */
/* 2026-08-27 撤去（canon= build/_shared/components.css が唯一の実体・_INDEX §3）: grid型 compare-table のページ実装（border-collapse/全セル実線/thead紺/tbody th 淡青）。
   canon は破線区切り＋偶数行ゼブラ＋角丸/影で同じ役割を担う */

.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin-bottom: 14px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-note a{ color: #224995; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin: var(--sp-3) 0;
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp{
  border-left: 4px solid #224995;
  border-radius: 0 5px 5px 0;
  background: #fff;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-t{
  font-size: 14px;
  font-weight: 700;
  color: #14355D;
  margin-bottom: 2px;
  line-height: 1.5;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-situation{
  font-size: 11px;
  font-weight: 700;
  color: #224995;
  line-height: 1.5;
  margin-bottom: 6px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-d{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-d a{ color: #224995; }

/* ============================================================
   05 prepare（🔶 ／ やること順番 早見表 .matrix ＝beginners 固有・最小追加）
   token: th bg --color4・白文字 / td罫 #C8D4E4 / 番号od --color9 / 必須reqd 強調赤
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix{
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin: var(--sp-4) 0 8px;
  border: 1px solid #C8D4E4;
  border-radius: 5px;
  overflow: hidden;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix th,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix td{
  border: 1px solid #C8D4E4;
  padding: 9px 7px;
  text-align: left;
  vertical-align: top;
  line-height: 1.55;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix thead th{
  background: #14355D;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix thead th:first-child{ width: 34px; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix thead th:last-child{ width: 52px; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix tbody tr:last-child td{ border-bottom: 1px solid #C8D4E4; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix td .od{
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #224995;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix td.who{ color: #5A7386; white-space: nowrap; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix td.reqd{ color: #E94F4F; font-weight: 700; }

/* ============================================================
   05b trouble（❌→craft ／ トラブル別分岐カード .branch＝beginners 固有・最小追加）
   design-references の brandrevalue 不安解消ブロックの情報設計（症状→対処→ルート）を navy へ翻訳。
   token: 症状ヘッダ淡青地＋左赤バー / 症状ピル 強調赤 / ルート --color9 / radius5
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch-list{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin-top: var(--sp-4);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch{
  border: 1px solid #C8D4E4;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bh{
  background: #EBF0F6;
  border-left: 4px solid #E94F4F;
  padding: 11px 13px;
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  display: flex;
  gap: var(--sp-1);
  align-items: flex-start;
  line-height: 1.5;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bh .sym{
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #E94F4F;
  border-radius: 5px;
  padding: 2px 8px;
  margin-top: 1px;
  white-space: nowrap;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bb{
  padding: 12px 13px;
  font-size: 12px;
  color: #333;
  line-height: 1.6;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bb b{ color: #14355D; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bb .route{
  display: block;
  font-size: 11px;
  color: #224995;
  font-weight: 700;
  margin-top: 6px;
}

/* ============================================================
   06 secure（🔶 ／ ① network-popup 器を流用、② 二重消去図 .dual＝❌新規・最小追加）
   network-popup の box/grey-box/buttons/imei は delivery extra.css「B01 network」器を流用。
   ============================================================ */
/* .dual 二重消去の2列図解（❌新規） */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual{
  display: grid;
  grid-template-columns: 1fr 16px 1fr;
  gap: 6px;
  align-items: stretch;
  margin: var(--sp-2) 0 4px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual .dcol{
  border: 1px solid #C8D4E4;
  border-radius: 5px;
  padding: 12px 11px;
  background: #fff;
  text-align: center;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual .dcol .dn{
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #fff;
  background: #224995;
  border-radius: 999px;
  padding: 2px 9px;
  margin-bottom: 7px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual .dcol .dt2{
  font-size: 12px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.4;
  margin-bottom: 4px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual .dcol .dd2{
  font-size: 11px;
  color: #333;
  line-height: 1.6;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual .arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #224995;
  font-size: 18px;
  font-weight: 700;
}

/* network-popup（delivery extra.css「B01 network」器を流用） */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box{
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
  margin-top: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .article{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 12px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .article .red{ color: #D01F00; font-weight: 700; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .buttons{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .buttons .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #fff;
  color: #14355D;
  border: 1px solid #C8D4E4;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  padding: 11px 8px;
  text-align: center;
  transition: opacity .3s;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .buttons .btn:hover{ opacity: .7; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .buttons .btn .icon img{ width: 13px; height: auto; display: block; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .grey-box{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
  margin-bottom: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .grey-box dl{
  display: flex;
  gap: 8px;
  align-items: baseline;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.6;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .grey-box dl dt{
  font-weight: 700;
  color: #14355D;
  white-space: nowrap;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .grey-box dl dd{ color: #333; display: flex; gap: 4px; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .grey-box dl .icon{ color: #224995; font-weight: 700; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei{
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
  margin-top: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei .imei-lead{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 10px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei dl{
  border-top: 1px solid #C8D4E4;
  padding: 10px 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei dl:first-of-type{ border-top: none; padding-top: 0; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei dl dt{
  font-size: 13px;
  font-weight: 700;
  color: #224995;
  margin-bottom: 3px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei dl dd{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin: 8px 0 0;
}

/* ============================================================
   汎用 info-list（02b補助 / 05 prepare / 07 docs / 08 tips / 10 glossary / 10b voices）
   delivery extra.css「汎用 info-list」器を流用。
     ・既定         : 番号ピル付き（順序のある手順）
     ・--accent     : 左ネイビーバー（順不同の項目）
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin: var(--sp-4) 0 0;
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list--accent .il{
  border-left: 4px solid #224995;
  border-radius: 0 5px 5px 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-head{
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  margin-bottom: 6px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-num{
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #224995;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-t{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.5;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-d{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-d a{ color: #224995; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-d b{ color: #14355D; }

/* ============================================================
   10b voices（PROOF GATE 補助注記）
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .voice-sample-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin-top: 10px;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .voice-sample-note a{ color: #224995; }

/* ============================================================
   帯CTA cta-band（各節内インライン帯／delivery extra.css「cta-band」器を流用）
   独立 section 化しない。テーマ画像CTA（linktouch）を2カラムで。
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band{
  background: #224995;
  border-radius: 5px;
  padding: var(--sp-4) var(--sp-3);
  text-align: center;
  margin: var(--sp-4) 0 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band .t{
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band .b{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-1);
  max-width: 400px;
  margin: 0 auto;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band .b .linktouch{ display: block; transition: opacity .3s; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band .b .linktouch:hover{ opacity: .7; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band .b .linktouch img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;
}

/* ============================================================
   ch-nudge インライン帯（apply-nudge器を流用／delivery extra.css「C15 form」の .apply-nudge）
   worry前倒し・prepare末・trouble末で使用。電話/LINE 近道（淡青破線ボード）。
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge{
  background: var(--card-board);
  border: 1px dashed #224995;
  border-radius: 5px;
  padding: var(--sp-3);
  margin: var(--sp-4) 0;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-t{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.6;
  margin-bottom: var(--sp-2);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-1);
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  padding: 13px 8px;
  min-height: 46px;
  text-align: center;
  transition: opacity .3s;
}
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b a:hover{ opacity: .7; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b a.tel{ background: #224995; color: #fff; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b a.line{ background: #06C755; color: #fff; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b a .iconarrow{ width: 0.8em; height: 0.8em; display: inline-flex; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-b a .iconarrow svg{ width: 100%; height: 100%; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin: var(--sp-2) 0 0;
}

/* ============================================================
   PC（≥751）— 特長カード/早見表の間延び防止（テーマ流儀の控えめ拡張）
   ============================================================ */
@media (min-width: 751px){
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .bg-feat{ gap: var(--sp-3); }
}

/* ============================================================
   unlockingsimlock 追加分（clone元=beginners-guide kit / 2026-06-28）
   landmine是正: line-height 1.7→1.6 / line-btitle上30→20 / off-scale 11.5・10.5→整数 /
                 compare-table th=13(golden th≧td) / promise-card de-scope /
                 .nowrap util / scroll-hint(theme ScrollHint) / PC本文拡大
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .nowrap{ white-space: nowrap; }

/* compare-table th = golden 13px（td=12・th≧td） */
/* 2026-08-27 撤去（canon= build/_shared/components.css が唯一の実体・_INDEX §3）: th=13px は canon components.css:84 と同値 */

/* ---- scroll-hint（theme ScrollHint・compare-table を横スクロール化）gold=airpods-reset:796-851 を再scope ---- */
/* 2026-08-27: scroll-hint ラッパーの実装は canon components.css:118-132 へ委譲。
   ページ側に残すのは文脈差分＝表ごとの min-width だけ（_INDEX §3）。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-table-scroll.wide5 .compare-table{ min-width: 560px; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-table-scroll.wide2 .compare-table{ min-width: 420px; }

/* ============================================================
   PC（≥751）本文拡大（memory pc-typography-bespoke-scaling-golden）
   bespoke 12/13px固定→PCで本文15・カードタイトル16・補足13・td14/th15 に拡大（テーマPC golden）
   ============================================================ */
@media (min-width: 751px){
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-list li,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .promise-card .pc-list li span,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-d,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-d,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bb,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .box .grey-box dl,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei .imei-lead,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei dl dd,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .dual .dcol .dd2{ font-size: 15px; }
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .promise-card .pc-t,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .info-list .il .il-t,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-t,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .branch .bh,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei dl dt{ font-size: 16px; }
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sub-note,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-note,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .network-popup .imei-note,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .apply-nudge .an-note,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .voice-sample-note,
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .compare-pick .cp .cp-situation{ font-size: 13px; }
  /* 2026-08-27: compare-table の PC tier は canon components.css:185-186 へ委譲。
     .matrix は同名の**別部品**（やること順番早見表）なのでページ側に残す */
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix td{ font-size: 14px; }
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .matrix th{ font-size: 15px; }
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .sec-body{ font-size: 15px; }
}

/* ============================================================
   harness 是正 v2（2026-06-28）
   - .line-btitle 行間 = 見出しtier 1.3（テーマは line-height未指定で1.6継承＝heading標準1.3へ）
   - 明地の inline 強調(b/strong/.kw)は color9(#224995)一色（V-1）。navy地(promise/pivot/cta)は白維持。
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .line-btitle{ line-height: 1.3; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part b, .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part strong, .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .part .kw{ color: #224995 !important; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card b, .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .promise-card strong,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .worry .worry-pivot p b,
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band b, .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .cta-band strong{ color: #fff !important; }


/* === fix1 2026-06-29: テーブル不可視バグ修正 ===
   素のデータ td が ScrollHint 注入の .scroll-hint-shadow-wrap{color:#FFF} を継承し
   白文字on白セル＝不可視（=「空欄」の正体）になっていた。金型 airpods は td{color:#333} を持つ。
   td に明示色を与えて継承を上書き（td.ok の navy は (0,3,1) で優先され不変／th は thead/tbody th の明示色が優先）。 */
/* 2026-08-27 撤去（canon= build/_shared/components.css が唯一の実体・_INDEX §3）: td{color:#333}=canon:85 / td.ok=canon:88（beginners-guide 正本）と同値 */
/* FVプレースホルダの参照リンク（lin.ee / 電話）が紺地に暗色で不可視だったので淡青に */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots a{ color: #9DB8E6; text-decoration: underline; }


/* ledger#36 (2026-07-10): theme `.connection p{color:#DE4A9B}`(style.css:5470 ピンク) の native漏れ打ち消し。
   gold canon = navy #14355D（corporate extra.css:160 corp-clone3 と同手本・airpods/aquos/delivery も全打ち消し済）。
   検出器 = page-qa-audit.js K_palette。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .connection p{ color:#14355D; }

/* ============================================================
   2026-08-27 retrofit（欠陥クラス横断一括・harness 4幅）
   ------------------------------------------------------------
   [1] closing CTA の自己区切り（harness A_divider「白×白・自己区切りなし」）
       白節の直後に置かれた非 partbg の closing CTA は白×白で境目が消える
       （refer/spacing-divider-craft-rules.md §1・線色は節区切りの var(--color7)。.line-title 左罫 #8DB0D0 とは別物）。
       罫と呼吸はセットで持つ＝罫だけ足すと帯先頭が線にびた付く（ledger#26⑤ の実害）。
       出典: 非移行 gold build/airpods-reset/extra.css:882(border-top) + :885(padding-top:30px !important) の2行を1クラスへ溶接。
             canon build/_shared/components.css:56 `.main .connection.divided` と同値（本頁は _shared 未移行＝ledger#61）。
       !important の理由: テーマ SP 段 `.connection:not(.partbg){padding:0 !important}`
             （refer/linxas-sp-0407/css/style.css:5592-5594）に通常宣言では必ず負けて呼吸が消えるため。
   [2] FV プレースホルダのトークン是正（harness C_font / K_palette）
       - .fv-todo-title は clamp(20px,6vw,24px) で 375→22.5px / 390→23.4px＝FONT_SCALE 外だった。
         gold の同役割 build/airpods-reset/extra.css:146-148（SP 22px）/ :161-163（PC 26px）へ接地。
       - .fv-todo-slots li の #E7EEF8 は「トークンに似た手打ち色」＝allowlist 外（_INDEX §3 文字色の確定）。
         濃地の明文字は gold fv-sub の #CFE0F4（page-qa-audit.js K_palette allowlist 収載）へ統一。
   ============================================================ */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .connection.divided{ border-top:1px solid var(--color7); padding-top:30px !important; }
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-title{ font-size:22px; }
@media (min-width:751px){
  .main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-title{ font-size:26px; }
}

/* [3] line-title 入れ子 .nowrap の装飾二重適用 guard（harness I_craft・ledger#26③）
   テーマ `.line-title span{border-left:2px solid #8DB0D0; padding-left:7px}`（refer/linxas-sp-0407/css/style.css:3442）が
   入れ子の <span class="nowrap"> にも当たり、見出し語中に縦罫が混入する／帯が分裂する。
   出典: gold aquos extra.css:632-634 ＝ canon build/_shared/components.css:29 と同値（本頁は _shared 未移行＝ledger#61）。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }

/* [B1-C5] 2026-09-08 SEO 監査 C5/C11-b: FV 主見出しを唯一の h1 に変更。値は build/knack-to-sell/extra.css:148-154 と同値。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-title{ font-size:22px; line-height:1.4; font-weight:700; color:#fff; margin:0 0 12px; }
/* [B1-C7] 2026-09-08 SEO 監査 C7: 装飾番号 strong→span.num 用。値は build/corporate/extra.css:369 と同値。現物再照合では対象 strong なし。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .reason .reason-point .point-list .point .point-num .num{ font-size:1.95em; margin-left:3px; font-weight:bold; }

/* [B1-C5r1] 2026-09-08 統括検収: Codex b1 の FV CTA 行（.fv-todo-note > a）が濃紺地に既定リンク色＝F_contrast 1.18（不可視）。既存 .fv-todo-slots a（extra.css:881・#9DB8E6 下線）と同値で明色化。 */
.main.akarom-zansai-kaitori:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-note a{ color:#9DB8E6; text-decoration:underline; font-weight:700; }


/* ==== WP統合(port_page.py 自動追加) ==== */
.main.akarom-zansai-kaitori{ background:#fff; }
/* 自前FVがあるためテーマ自動FV(page-bg)とタイトル帯(.pages)を隠す。無スコープだが mu-plugin の is_page() ゲートでこのページのみ読込 */
.page-bg.bg-photo, .pages{ display:none !important; }