/* =========================================================
   v3.css — SG教育移住サイト v3 デザイン案（261020）
   方向＝report/261020_v3_デザイン方向.md（SANU／里山十帖／Green School の実測値から）
   ★v3 テンプレ（tpl/v3_*.html）のページだけが読む。既存の sg.css には依存しない
   BP＝840px 1本（SP≦840）。SP基準390px
   ========================================================= */

:root {
  --ink: #3A3631;
  --ink-2: #57534C; /* R5：注記を1段濃く（旧 #6B665E） */
  --line: #D8D4CA;
  --paper: #FFFFFF;
  --sand: #F7F3EA; /* R6：砂を少し明るく・黄みを抑えて水色と喧嘩しない地に（旧 #F7F1E6） */
  --sand-2: #ECE5D6;
  --char: #4E5B4C; /* R5：文字・細線だけ（帯・グラフは --chart） */
  /* R6 10/21 採用＝B「カトンの水色」：帯・グラフの主色をカトンのショップハウスの窓枠・空の水色に。
     旧R5の青緑#2E9D8Fは朱と並ぶと旧デザイン（青緑×赤茶×紙色）に戻るため。別案＝下の [data-pal] と R6_配色案.md */
  --chart: #5B9BCB;   /* 文字なしの帯・グラフ */
  --chart-dk: #2F6C9C; /* 白文字を載せる面（白文字 5.6:1） */
  --chart-lt: #E8F1F9;
  /* R6 10/21：帯・グラフの段階色もトークン化（案の切替はトークンだけ＝下の [data-pal]） */
  --chart-t1: #DDEBF6; --chart-t2: #C3DBEE; --chart-t3: #A7C9E5; --chart-t4: #D0E3F2;
  --chart-md: #8BBBE0; --chart-rule: rgba(47,108,156,.22);
  --mute: #A9B6C2; --mute-dk: #6C7D8D;
  --accent: #C2553B;
  --accent-dk: #A84630;

  --f-jp: "Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --f-min: var(--f-jp);
  --f-en: "Cormorant Garamond", "Times New Roman", serif; /* ロゴ・MENUの欧文だけ */
  /* 数字＝本文と同じゴシックの太字（R1 10/20：細いセリフ体の数字は読みにくい→台帳10/20） */
  --f-num: "Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;

  --wrap: 1040px;
  --gut: 40px;
  --pad-l: 200px;
  --pad-m: 140px;
  --pad-s: 96px;
}
/* R6 10/21 配色案（帯・グラフ・地）。?pal=a|b|c|d で切替（v3.js）。比較＝night/261020_v3夜間/R6_配色案.md */
:root[data-pal="a"] { /* A：R5の明るい青緑 */
  --sand: #F7F1E6; --sand-2: #EEE4D2; --line: #D8D3C6;
  --chart: #2E9D8F; --chart-dk: #1F7469; --chart-lt: #E3F3EF;
  --chart-t1: #D9EFEA; --chart-t2: #BFE3DB; --chart-t3: #A6D6CC; --chart-t4: #CDE9E3;
  --chart-md: #7CC3B7; --chart-rule: rgba(31,116,105,.22); --mute: #9AA596; --mute-dk: #6F7B6B;
  --accent: #C2553B; --accent-dk: #A84630;
}
:root[data-pal="b"] { /* B：カトンの窓枠と空の水色（写真から） */
  --sand: #F7F3EA; --sand-2: #ECE5D6; --line: #D8D4CA;
  --chart: #5B9BCB; --chart-dk: #2F6C9C; --chart-lt: #E8F1F9;
  --chart-t1: #DDEBF6; --chart-t2: #C3DBEE; --chart-t3: #A7C9E5; --chart-t4: #D0E3F2;
  --chart-md: #8BBBE0; --chart-rule: rgba(47,108,156,.22); --mute: #A9B6C2; --mute-dk: #6C7D8D;
  --accent: #C2553B; --accent-dk: #A84630;
}
:root[data-pal="c"] { /* C：砂の濃淡だけ＋強調は朱1点 */
  --sand: #F7F1E6; --sand-2: #EEE4D2; --line: #D8D3C6;
  --chart: #BFAE90; --chart-dk: #7A6A55; --chart-lt: #F2EBDE;
  --chart-t1: #EFE6D6; --chart-t2: #E1D3BC; --chart-t3: #D1BFA1; --chart-t4: #E8DCC8;
  --chart-md: #CDBB99; --chart-rule: rgba(122,106,85,.25); --mute: #C9BDA8; --mute-dk: #8C7E69;
  --accent: #C2553B; --accent-dk: #A84630;
}
:root[data-pal="d"] { /* D：白と石の灰＋苔の緑1色（SANU・里山十帖の色の少なさ） */
  --sand: #F3F2EE; --sand-2: #E6E4DD; --line: #D9D6CE;
  --chart: #86A27F; --chart-dk: #4A6447; --chart-lt: #ECF1E9;
  --chart-t1: #E4EBE0; --chart-t2: #CFDCCB; --chart-t3: #B7CAB1; --chart-t4: #DAE4D6;
  --chart-md: #A2B99B; --chart-rule: rgba(74,100,71,.22); --mute: #B6B8AE; --mute-dk: #74776D;
  --accent: #2F7652; --accent-dk: #255F42;
}
@media (max-width: 840px) {
  :root { --gut: 20px; --pad-l: 104px; --pad-m: 80px; --pad-s: 64px; }
}

/* ---- base ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.v3 {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: var(--f-jp); font-size: 17px; line-height: 1.95; letter-spacing: .02em;
  font-feature-settings: "palt" 0; -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  word-break: auto-phrase; line-break: strict; text-wrap: pretty;
}
:where(.v3) img { display: block; max-width: 100%; height: auto; }
:where(.v3) a { color: inherit; }
:where(.v3) :where(h1, h2, h3, p, ul, ol, dl, dd, figure) { margin: 0; padding: 0; }
:where(.v3) :where(ul, ol) { list-style: none; }
:where(.v3) strong { font-weight: 700; }
.v3-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.v3-sp { display: none; }
@media (max-width: 840px) {
  body.v3 { font-size: 16px; line-height: 1.9; }
  .v3-sp { display: inline; }
  .v3-pc { display: none; }
}

.v3-wrap { width: 100%; max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: 0 var(--gut); }

/* テスト帯（check.py が存在を見る） */
.proto-flag { background: var(--ink); color: #fff; font-size: 12px; line-height: 1.5; text-align: center; padding: 6px 12px; letter-spacing: .04em; }

/* ---- type ---- */
.v3-h2, .v3-h3, .v3-stmt, .v3-fv__ttl, .v3-end__ttl, .v3-cta2__ttl, .v3-band__txt, .v3-lead__txt, .v3-rowlinks a, .v3-qa summary, .v3-tile__txt { word-break: auto-phrase; text-wrap: pretty; }
.v3-h2 { font-size: 34px; font-weight: 700; line-height: 1.5; letter-spacing: .03em; }
.v3-h3 { font-size: 21px; font-weight: 700; line-height: 1.5; letter-spacing: .02em; }
.v3-body { font-size: 17px; line-height: 1.95; }
.v3-note { font-size: 14px; line-height: 1.8; color: var(--ink-2); margin-top: 20px; }
.v3-en { font-family: var(--f-en); font-weight: 500; font-size: 26px; line-height: 1.2; letter-spacing: .01em; color: var(--ink-2); }
.v3-en i { font-style: italic; }
.v3-num { font-family: var(--f-num); font-weight: 700; letter-spacing: -.01em; }
@media (max-width: 840px) {
  .v3-h2 { font-size: 25px; }
  .v3-h3 { font-size: 19px; }
  .v3-body { font-size: 16px; line-height: 1.9; }
  .v3-en { font-size: 22px; }
}

/* ---- buttons（ピル1種類。塗り＝無料相談だけ） ---- */
.v3-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 14px;
  min-height: 52px; padding: 0 30px; border-radius: 999px; border: 1px solid transparent;
  font-size: 16px; font-weight: 700; letter-spacing: .06em; line-height: 1.3; text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
.v3-btn--primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.v3-btn--primary:hover { background: var(--accent-dk); border-color: var(--accent-dk); }
.v3-btn--line { background: transparent; color: var(--ink); border-color: var(--ink); }
.v3-btn--line:hover { background: var(--ink); color: #fff; }
.v3-btn--lg { min-height: 60px; min-width: 300px; padding: 0 36px; font-size: 18px; }
.v3-arrow { display: inline-block; width: 18px; height: 1px; background: currentColor; position: relative; flex: none; }
.v3-arrow::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
.v3-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 16px; font-weight: 700; text-decoration: none; border-bottom: 1px solid currentColor; }
.v3-link--light { color: #fff; }
@media (max-width: 840px) {
  .v3-btn--lg { min-width: 0; width: 100%; }
}

/* ---- header ---- */
.v3-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(42,41,34,.08); }
.v3-header__in { max-width: 1440px; margin: 0 auto; padding: 0 40px; height: 80px; display: flex; align-items: center; gap: 28px; }
.v3-logo { display: flex; flex-direction: column; justify-content: center; min-height: 48px; text-decoration: none; line-height: 1.1; margin-right: auto; }
.v3-logo__en { font-family: var(--f-en); font-size: 28px; font-weight: 600; letter-spacing: .02em; line-height: 1; }
.v3-logo__ja { font-size: 12px; font-weight: 500; letter-spacing: .12em; margin-top: 6px; color: var(--ink-2); }
.v3-gnav ul { display: flex; gap: 26px; }
.v3-gnav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; font-size: 15px; font-weight: 500; text-decoration: none; letter-spacing: .06em; white-space: nowrap; }
.v3-gnav a:hover { text-decoration: underline; text-underline-offset: 6px; }
.v3-header__cta { min-height: 46px; padding: 0 26px; font-size: 15px; }
.v3-menu { display: none; }
@media (max-width: 1000px) and (min-width: 841px) {
  .v3-header__in { gap: 18px; padding: 0 24px; }
  .v3-gnav ul { gap: 16px; }
  .v3-gnav a { font-size: 14px; letter-spacing: .02em; }
  .v3-logo__ja { display: none; }
}
@media (max-width: 840px) {
  .v3-header__in { height: 64px; padding: 0 0 0 20px; gap: 0; }
  .v3-logo__en { font-size: 24px; }
  .v3-logo__ja { font-size: 11px; margin-top: 5px; letter-spacing: .06em; }
  .v3-gnav, .v3-header__cta { display: none; }
  .v3-menu { display: block; }
  .v3-menu > summary { list-style: none; width: 64px; height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; cursor: pointer; }
  .v3-menu > summary::-webkit-details-marker { display: none; }
  .v3-menu__bar { display: block; width: 24px; height: 1.5px; background: var(--ink); transition: transform .2s; }
  .v3-menu__label { font-family: var(--f-en); font-size: 12px; line-height: 1; letter-spacing: .06em; margin-top: 2px; }
  .v3-menu[open] .v3-menu__bar:nth-child(1) { transform: translateY(3.75px) rotate(20deg); }
  .v3-menu[open] .v3-menu__bar:nth-child(2) { transform: translateY(-3.75px) rotate(-20deg); }
  .v3-menu__panel { position: fixed; left: 0; right: 0; top: 64px; bottom: 0; overflow-y: auto; background: var(--sand); padding: 24px 20px 120px; }
  .v3-menu__cta { width: 100%; margin-bottom: 8px; }
  .v3-menu__ttl { font-size: 13px; color: var(--ink-2); margin-top: 28px; letter-spacing: .1em; }
  .v3-menu__panel ul { border-top: 1px solid var(--line); margin-top: 8px; }
  .v3-menu__panel li a { display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid var(--line); text-decoration: none; font-size: 16px; font-weight: 500; }
  .v3-menu__small { display: flex; gap: 20px; border-top: 0 !important; margin-top: 28px !important; }
  .v3-menu__small li a { border: 0 !important; font-size: 14px !important; color: var(--ink-2); min-height: 44px !important; }
}

/* ---- 1 FV（R3 10/21：人が主役・見出し700を地の上に・PC900pxに相談ボタン） ---- */
/* 共通：左に地の上の文字／右に親子の写真を大きく裁ち落とし／マリーナベイの小さな写真で「どこか」を添える */
.v3-hero { position: relative; background: var(--sand); }
.v3-hero__in { position: relative; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 13fr) minmax(0, 11fr); height: min(620px, calc(100svh - 250px)); min-height: 540px; }
.v3-hero__copy { align-self: center; padding: 40px 48px 56px max(var(--gut), calc((min(100vw, 1440px) - var(--wrap)) / 2)); }
.v3-hero__name { font-size: 15px; font-weight: 700; letter-spacing: .1em; color: var(--accent-dk); margin-bottom: 22px; }
.v3-hero__ttl { font-weight: 700; font-size: 46px; line-height: 1.42; letter-spacing: .03em; color: var(--ink); word-break: auto-phrase; text-wrap: balance; }
.v3-hero__lead { margin-top: 26px; font-size: 17px; line-height: 1.9; color: var(--ink); }
.v3-hero__main { position: relative; overflow: hidden; }
.v3-hero__main img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 28%; }
.v3-hero__sub { position: absolute; z-index: 2; left: calc(13 / 24 * 100% - 56px); top: 40px; width: 236px; background: #fff; padding: 8px 8px 0; box-shadow: 0 18px 40px -22px rgba(0,0,0,.4); }
.v3-hero__sub img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 45% 60%; }
.v3-hero__sub figcaption { font-size: 12px; line-height: 1; padding: 9px 2px 10px; color: var(--ink-2); letter-spacing: .06em; }
@media (max-width: 1200px) and (min-width: 841px) {
  .v3-hero__ttl { font-size: 38px; }
  .v3-hero__copy { padding-right: 36px; }
  .v3-hero__sub { width: 190px; }
  .v3-hero__copy { padding-left: var(--gut); }
}
@media (max-width: 840px) {
  .v3-hero__in { display: flex; flex-direction: column; height: auto; min-height: 0; }
  .v3-hero__main { order: 1; height: 268px; }
  .v3-hero__main img { object-position: 64% 24%; }
  .v3-hero__copy { order: 2; padding: 26px var(--gut) 18px; }
  .v3-hero__name { font-size: 13px; margin-bottom: 14px; }
  .v3-hero__ttl { font-size: 29px; line-height: 1.45; }
  .v3-hero__lead { margin-top: 16px; font-size: 15px; line-height: 1.85; }
  .v3-hero__sub { display: none; } /* R5：SPでは子どもの体に重なるので外す（R4#2） */
  .v3-hero { background: #fff; }
}

/* ---- 2 FV直下の帯（R5 10/21：1行のコピー＋主CTA1つ。3列の灰色小文字はやめた＝R4#11） ---- */
.v3-lead { background: #fff; border-bottom: 1px solid var(--line); margin-bottom: var(--pad-m); }
.v3-lead__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 40px; padding-top: 34px; padding-bottom: 34px; }
.v3-lead__copy { font-size: 23px; font-weight: 500; line-height: 1.6; letter-spacing: .03em; }
.v3-lead__copy b { font-weight: 700; background: linear-gradient(transparent 68%, var(--chart-lt) 68%); }
.v3-lead__tag { display: inline-block; margin-right: 14px; padding: 4px 12px; font-size: 14px; font-weight: 700; line-height: 1.4; color: #fff; background: var(--chart-dk); border-radius: 2px; vertical-align: 4px; }
.v3-lead__btn .v3-btn--lg { min-width: 300px; }
@media (max-width: 840px) {
  .v3-lead { border-top: 0; }
  .v3-lead__in { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 4px; padding-bottom: 28px; }
  .v3-lead__copy { font-size: 17px; line-height: 1.7; }
  .v3-lead__tag { display: table; margin: 0 0 8px; font-size: 13px; vertical-align: 0; }
  .v3-lead__btn .v3-btn--lg { min-width: 0; }
}

/* ---- 3 サービス：全幅の写真タイル（v3b＝段階の順・幅は期間の長さ） ---- */
.v3-programs__head { margin-bottom: 48px; }
.v3-programs__sub { margin-top: 12px; font-size: 16px; color: var(--ink-2); }
.v3-tiles { display: grid; grid-template-columns: 1fr 1.25fr 1.7fr; gap: 0; }
.v3-tile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 620px; height: 100%; padding: 40px 36px 44px; color: #fff; text-decoration: none; overflow: hidden; isolation: isolate; }
.v3-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .6s; }
/* 上は白い札があるので暗くしない。下の名前・説明の地を濃くして4.5:1以上（R1実測） */
.v3-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(18,18,14,0) 28%, rgba(18,18,14,.5) 48%, rgba(18,18,14,.8) 66%, rgba(18,18,14,.86) 100%); }
.v3-tile:hover img { transform: scale(1.03); }
/* 期間＝タイルの上辺から下がる白い札（R1 10/20：写真に溶けて読めない→白地＋墨文字。数字だけ大きく） */
.v3-tile__term { position: absolute; top: 0; left: 36px; display: flex; align-items: baseline; gap: 2px; padding: 14px 16px 10px; background: #fff; color: var(--ink); font-size: 17px; font-weight: 700; line-height: 1; letter-spacing: .04em; }
.v3-tile__term .v3-num { font-size: 34px; line-height: 1; }
.v3-tile__name { text-shadow: 0 1px 14px rgba(0,0,0,.35); font-size: 28px; font-weight: 900; line-height: 1.4; letter-spacing: .04em; }
.v3-tile__txt { font-size: 16px; line-height: 1.75; margin-top: 10px; max-width: 22em; text-shadow: 0 1px 10px rgba(0,0,0,.35); }
.v3-tile__go { display: flex; align-items: center; justify-content: flex-end; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.5); }
.v3-tile__go .v3-arrow { width: 32px; }
.v3-tiles li + li .v3-tile { border-left: 1px solid rgba(255,255,255,.4); }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-tile { padding: 32px 24px 36px; }
  .v3-tile__term { left: 24px; }
  .v3-tile__name { font-size: 24px; }
}
@media (max-width: 840px) {
  .v3-programs__head { margin-bottom: 32px; }
  .v3-programs__sub { font-size: 15px; }
  .v3-tiles { grid-template-columns: 1fr; }
  .v3-tile { padding: 24px 20px 26px; }
  .v3-tiles__tour .v3-tile { min-height: 340px; }
  .v3-tiles__short .v3-tile { min-height: 380px; }
  .v3-tiles__move .v3-tile { min-height: 440px; }
  .v3-tiles li + li .v3-tile { border-left: 0; border-top: 1px solid rgba(255,255,255,.4); }
  .v3-tile__term { left: 20px; padding: 12px 14px 9px; font-size: 16px; }
  .v3-tile__term .v3-num { font-size: 30px; }
  .v3-tile__name { font-size: 22px; }
  .v3-tile__go { margin-top: 12px; padding-top: 12px; }
}

/* ---- 4 比較：パノラマ＋向かい合わせ（v3b＝中央に項目、左右に2国） ---- */
.v3-compare { padding: var(--pad-l) 0 var(--pad-m); }
.v3-compare__top { margin-bottom: 56px; }
.v3-stmt { font-family: var(--f-min); font-weight: 500; font-size: 40px; line-height: 1.55; letter-spacing: .04em; }
.v3-pano { aspect-ratio: 2.75 / 1; overflow: hidden; }
.v3-pano img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
.v3-compare__in { padding-top: 88px; }
.v3-compare__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; margin-bottom: 56px; }
.v3-compare__head .v3-body { max-width: 34em; }
/* 261022 Taku「中央に項目・左右に両国の向かい合わせは見にくい。左からタイトル、シンガポール、マレーシアの順で」
   → 左から〈項目｜A｜B〉と読む表に組み直し。主役の列（1列目の国＝シンガポール）だけ淡い面（--vs-tint）。
   SPは〈項目の帯→A→B〉の縦並び。Aの名前・Bの名前は dl の --c1／--c2（既定＝シンガポール／マレーシア） */
.v3-vs { position: relative; --k: 200px; --vs-tint: var(--sand); --c1: "シンガポール"; --c2: "マレーシア"; }
.v3-vs__row { display: grid; grid-template-columns: var(--k) minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; border-bottom: 1px solid var(--line); }
.v3-vs__row dt { grid-column: 1; grid-row: 1; text-align: left; font-size: 15px; font-weight: 700; line-height: 1.6; padding: 24px 20px 24px 0; }
.v3-vs__row dd { grid-row: 1; font-size: 16px; line-height: 1.75; text-align: left; padding: 22px 28px; }
.v3-vs__row dd:nth-of-type(1) { grid-column: 2; background: var(--vs-tint); }
.v3-vs__row dd:nth-of-type(2) { grid-column: 3; }
.v3-vs__row dt small, .v3-vs__row dd small { display: block; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.v3-vs__row dd b { font-weight: 700; }
.v3-vs__row dd:has(> small) > b { font-size: 22px; letter-spacing: .01em; }
.v3-vs__row--head { border-bottom: 2px solid var(--ink); }
.v3-vs__row--head dt { padding: 0; }
.v3-vs__row--head dd { font-size: 24px; font-weight: 700; letter-spacing: .06em; line-height: 1.3; padding: 18px 28px 16px; }
.v3-vs__row--head dd:nth-of-type(1) { color: var(--vs-c1, var(--accent-dk)); }
/* 国の比較でない表（公立校｜インター校・お子さま｜保護者・日本人学校｜補習校）はどちらも主役にしない＝ .v3-vs--even */
.v3-vs--even { --vs-tint: transparent !important; --vs-c1: var(--ink); }
/* 共通の物差しの帯（R1 10/20＝「ご利用の流れ」の暦と同じ考え方を、通貨の違う2国の比較に）。
   261022：2国の列の真下に、2国の帯を上下に並べる（項目の列はあけ、同じ物差しで左右の値と縦に対応させる）
   .v3-range＝1本の物差し（円）／__line＝国ごとの段／__track の i に --a（始まり％）--b（終わり％）／__axis＝目盛り（等間隔・両端を含む） */
.v3-vs__row dd.v3-range { grid-column: 2 / -1; grid-row: 2; display: grid; gap: 6px; margin: 0; padding: 10px 28px 22px; background: linear-gradient(90deg, var(--vs-tint) 50%, transparent 50%); text-align: left; position: relative; }
.v3-range__line { display: grid; grid-template-columns: 7.5em 1fr; align-items: end; }
.v3-range__who { font-size: 13px; font-weight: 700; line-height: 1; padding-bottom: 3px; }
.v3-range__track { position: relative; height: 40px; }
.v3-range__track i { position: absolute; bottom: 0; left: calc(var(--a) * 1%); width: calc((var(--b) - var(--a)) * 1%); height: 12px; border-radius: 2px; background: var(--accent-dk); }
.v3-range__line.is-my .v3-range__track i { background: var(--chart); }
.v3-range__track em { position: absolute; left: 0; bottom: calc(100% + 4px); font-style: normal; font-family: var(--f-num); font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap; color: var(--ink); }
.v3-range__axis { display: flex; justify-content: space-between; margin-left: 7.5em; padding-top: 6px; border-top: 1px solid var(--ink); font-size: 12px; line-height: 1; color: var(--ink-2); }
.v3-vs__note { margin-top: 16px; }
@media (max-width: 840px) {
  .v3-pano { aspect-ratio: 16 / 10; }
  .v3-compare__in { padding-top: 48px; }
  .v3-compare__head { margin-bottom: 36px; }
  .v3-compare__top { margin-bottom: 36px; }
  .v3-stmt { font-size: 27px; }
  /* 261022 SP：〈項目の帯→A→B→帯〉の縦並び。A・Bの名前は各行の左に小さく（--c1／--c2） */
  .v3-vs__row { grid-template-columns: minmax(0, 1fr); border-bottom: 0; margin-bottom: 18px; }
  .v3-vs__row--head { display: none; }
  .v3-vs__row dt { grid-column: 1; grid-row: 1; background: var(--ink); color: #fff; padding: 7px 12px; font-size: 14px; }
  .v3-vs__row dt small { display: inline; margin-left: 6px; color: rgba(255,255,255,.8); }
  .v3-vs__row dd, .v3-vs__row dd:nth-of-type(1), .v3-vs__row dd:nth-of-type(2) { grid-column: 1; position: relative; font-size: 15px; padding: 10px 12px 10px 7.4em; }
  .v3-vs__row dd:nth-of-type(1) { grid-row: 2; }
  .v3-vs__row dd:nth-of-type(2) { grid-row: 3; border-bottom: 1px solid var(--line); }
  .v3-vs__row dd:nth-of-type(1)::before, .v3-vs__row dd:nth-of-type(2)::before { position: absolute; left: 12px; top: 12px; width: 6.4em; font-size: 13px; font-weight: 700; line-height: 1.45; letter-spacing: 0; }
  .v3-vs__row dd:nth-of-type(1)::before { content: var(--c1); color: var(--vs-c1, var(--accent-dk)); }
  .v3-vs__row dd:nth-of-type(2)::before { content: var(--c2); color: var(--ink-2); }
  .v3-vs__row dd:has(> small) > b { font-size: 17px; }
  .v3-vs__row dd.v3-range { grid-column: 1; grid-row: 4; padding: 12px 0 6px; background: none; }
  .v3-vs__row dd.v3-range::before { content: none; }
  .v3-range__line { grid-template-columns: 6.5em 1fr; }
  .v3-range__who { font-size: 12px; }
  .v3-range__track em { font-size: 13px; }
  .v3-range__axis { margin-left: 6.5em; font-size: 11px; }
}

/* ---- 5 費用の目安：段階の順に右へ上がる階段（v3b） ---- */
.v3-price { background: var(--sand); padding: var(--pad-l) 0 var(--pad-m); }
.v3-price__head { margin-bottom: 40px; }
.v3-price__sub { margin-top: 10px; font-size: 16px; color: var(--ink-2); }
.v3-price__rows { display: grid; grid-template-columns: 1fr 1.1fr 1.55fr; align-items: end; column-gap: 0; }
.v3-price__row { border-top: 1px solid var(--ink); border-left: 1px solid var(--line); padding: 26px 28px 0; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; }
.v3-price__row:first-child { border-left: 0; padding-left: 0; }
/* 段：右へ行くほど背が高い（下端はそろえる） */
.v3-price__row:nth-child(1) { min-height: 210px; }
.v3-price__row:nth-child(2) { min-height: 300px; }
.v3-price__row:nth-child(3) { min-height: 400px; }
.v3-price__name span { display: block; font-size: 21px; font-weight: 700; letter-spacing: .04em; }
.v3-price__name small { display: block; font-size: 14px; color: var(--ink-2); margin-top: 4px; }
.v3-price__num { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.v3-price__num .v3-num { line-height: 1; }
.v3-price__row:nth-child(1) .v3-num { font-size: 64px; }
.v3-price__row:nth-child(2) .v3-num { font-size: 80px; }
.v3-price__row:nth-child(3) .v3-num { font-size: 112px; }
.v3-price__pre { font-size: 16px; font-weight: 700; }
.v3-price__unit { font-size: 18px; font-weight: 700; }
.v3-price__foot { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.v3-price__foot .v3-note { margin: 0; max-width: 38em; }
.v3-price__more { flex: none; }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-price__row:nth-child(1) .v3-num { font-size: 52px; }
  .v3-price__row:nth-child(2) .v3-num { font-size: 64px; }
  .v3-price__row:nth-child(3) .v3-num { font-size: 84px; }
}
@media (max-width: 840px) {
  .v3-price__head { margin-bottom: 28px; }
  .v3-price__sub { font-size: 15px; }
  .v3-price__rows { grid-template-columns: 1fr; }
  .v3-price__row, .v3-price__row:first-child { margin: 0 !important; min-height: 0 !important; border-left: 0; padding: 20px 0 22px; gap: 8px; border-top: 1px solid var(--line); }
  .v3-price__row:first-child { border-top: 1px solid var(--ink); }
  /* SPは段を左の字下げで見せる（下へ行くほど段が上がる＝大きくなる） */
  .v3-price__row:nth-child(2) { padding-left: 20px !important; }
  .v3-price__row:nth-child(3) { padding-left: 40px !important; }
  .v3-price__name span { font-size: 18px; }
  .v3-price__num { align-self: flex-end; }
  .v3-price__row:nth-child(1) .v3-num { font-size: 44px; }
  .v3-price__row:nth-child(2) .v3-num { font-size: 52px; }
  .v3-price__row:nth-child(3) .v3-num { font-size: 64px; }
  .v3-price__foot { flex-direction: column; align-items: stretch; gap: 24px; }
  .v3-price__more .v3-btn { width: 100%; }
}

/* ---- 6 選ばれる理由（v3b＝大1つ＋小2つ。理由ごとに写真） ---- */
.v3-why { padding: var(--pad-l) 0; }
.v3-why__main > .v3-h2 { grid-column: 1 / 6; grid-row: 1; align-self: start; }
.v3-why__main { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; }
.v3-why__lead { align-self: end; }
.v3-why__photo { grid-column: 6 / 13; grid-row: 1; aspect-ratio: 16 / 10; overflow: hidden; margin-right: calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2)); }
.v3-why__photo img { width: 100%; height: 100%; object-fit: cover; }
.v3-why__lead { grid-column: 1 / 6; grid-row: 1; padding: 0 48px 0 0; }
.v3-why__ttl { font-size: 30px; font-weight: 700; line-height: 1.45; letter-spacing: .04em; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--ink); }
.v3-why__sub { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-top: 88px; }
.v3-why__sub li { display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: start; }
.v3-why__sphoto { aspect-ratio: 3 / 2; overflow: hidden; display: flex; }
.v3-why__sphoto img { width: 100%; height: 100%; object-fit: cover; }
.v3-why__sphoto .sg-photo-ph { aspect-ratio: auto !important; height: 100%; padding: 8px; font-size: 12px; }
.v3-why__sub .v3-h3 { font-size: 20px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.v3-why__sub .v3-body { font-size: 16px; line-height: 1.9; }
.v3-why__more { margin-top: 56px; }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-why__sub { grid-template-columns: 1fr; gap: 40px; }
  .v3-why__ttl { font-size: 28px; }
}
@media (max-width: 840px) {
  .v3-why__main > .v3-h2 { margin-bottom: 28px; }
  .v3-why__main { display: block; }
  .v3-why__photo { margin: 0 calc(var(--gut) * -1); aspect-ratio: 4 / 3; }
  .v3-why__lead { position: relative; background: var(--paper); margin: -48px 24px 0 0; padding: 24px 20px 0 0; }
  .v3-why__ttl { font-size: 22px; padding-bottom: 14px; margin-bottom: 14px; }
  .v3-why__sub { grid-template-columns: 1fr; gap: 36px; margin-top: 48px; }
  .v3-why__sub li { grid-template-columns: 112px 1fr; gap: 16px; }
  .v3-why__sphoto { aspect-ratio: 1; }
  .v3-why__sub .v3-h3 { font-size: 18px; padding-bottom: 8px; margin-bottom: 8px; }
  .v3-why__sub .v3-body { font-size: 16px; }
  .v3-why__more { margin-top: 40px; }
}

/* 写真の仮枠（一目で仮と分かる＝点線＋何の写真か） */
.sg-photo-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; background: repeating-linear-gradient(135deg, var(--sand) 0 12px, #ece7da 12px 24px); border: 2px dashed #b9b19c; color: var(--ink-2); text-align: center; padding: 16px; font-size: 13px; line-height: 1.6; }
.sg-photo-ph span { font-weight: 700; }

/* ---- 8 ケース：円の写真＋行リンク ---- */
.v3-cases { padding: var(--pad-m) 0; }
.v3-cases__in { display: grid; grid-template-columns: 440px 1fr; gap: 96px; align-items: center; }
.v3-cases__photo { aspect-ratio: 1; border-radius: 50%; overflow: hidden; }
.v3-cases__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%; }
.v3-cases__body .v3-h2 { margin-bottom: 14px; }
@media (max-width: 840px) {
  .v3-cases__in { grid-template-columns: 1fr; gap: 40px; }
  .v3-cases__photo { width: 72%; margin-left: auto; }
}

/* ---- 9 FAQ／2段 ---- */
.v3-faq { background: var(--sand); padding: var(--pad-s) 0 var(--pad-m); }
.v3-split { display: grid; grid-template-columns: 320px 1fr; gap: 80px; }
.v3-split__l .v3-h2 { margin-bottom: 20px; }
.v3-qa details { border-top: 1px solid var(--line); }
.v3-qa details:last-child { border-bottom: 1px solid var(--line); }
.v3-qa summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; padding: 18px 0; font-size: 18px; font-weight: 700; line-height: 1.6; }
.v3-qa summary::-webkit-details-marker { display: none; }
.v3-qa summary::after { content: ""; flex: none; width: 36px; height: 36px; border-radius: 50%; background: #fff; background-image: linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)); background-size: 12px 1.5px, 1.5px 12px; background-position: center; background-repeat: no-repeat; }
.v3-qa details[open] summary::after { background-size: 12px 1.5px, 0 0; }
.v3-qa details p { padding: 0 56px 28px 0; font-size: 16px; line-height: 1.95; }
@media (max-width: 840px) {
  .v3-split { grid-template-columns: 1fr; gap: 28px; }
  .v3-qa summary { font-size: 16px; }
  .v3-qa details p { padding-right: 0; }
}

/* ---- 10 最後のCTA：全幅写真の空に文字 ---- */
.v3-end { position: relative; min-height: 760px; display: flex; align-items: flex-start; isolation: isolate; color: var(--ink); }
.v3-end__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 70%; z-index: -1; }
.v3-end__in { width: 100%; max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: 128px var(--gut) 0; }
.v3-end__ttl { font-family: var(--f-min); font-weight: 500; font-size: 40px; line-height: 1.65; letter-spacing: .04em; }
.v3-end__txt { margin-top: 18px; font-size: 17px; max-width: 30em; }
.v3-end__btns { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 36px; }
.v3-end__btns .v3-btn--line { background: rgba(255,255,255,.75); }
@media (max-width: 840px) {
  .v3-end { min-height: 640px; }
  .v3-end__bg { object-position: 64% 70%; }
  .v3-end__in { padding-top: 72px; }
  .v3-end__ttl { font-size: 25px; }
  .v3-end__txt { font-size: 16px; }
  .v3-end__btns { flex-direction: column; }
  .v3-end__btns .v3-btn { width: 100%; }
}

/* ---- footer（R5 10/21：濃い緑の全面→淡い青緑の地＋墨文字。上に帯の色の細線。ボタンは置かない＝ページ末CTAと二重にしない） ---- */
.v3-footer { background: var(--chart-lt); color: var(--ink); padding: 88px 0 40px; border-top: 4px solid var(--chart); }
.v3-footer__in { max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: 0 var(--gut); display: grid; grid-template-columns: 340px 1fr; gap: 64px; }
.v3-footer__brand .v3-logo__en { font-size: 36px; color: var(--chart-dk); }
.v3-footer__desc { font-size: 14px; line-height: 1.9; margin-top: 20px; color: var(--ink); }
.v3-footer__mail { font-size: 14px; line-height: 1.9; margin: 16px 0 12px; color: var(--ink-2); }
.v3-footer__cta { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 15px; font-weight: 700; color: var(--accent-dk); text-decoration: none; border-bottom: 1px solid currentColor; }
.v3-footer__nav { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.v3-footer__nav p { font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--chart-dk); margin-bottom: 8px; }
.v3-footer__nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: none; line-height: 1.5; }
.v3-footer__nav a:hover { text-decoration: underline; }
.v3-footer__copy { grid-column: 1 / -1; padding-top: 28px; border-top: 1px solid var(--chart-rule); font-size: 12px; color: var(--ink-2); }
@media (max-width: 840px) {
  .v3-footer { padding: 56px 0 120px; }
  .v3-footer__in { grid-template-columns: 1fr; gap: 36px; }
  .v3-footer__nav { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
}

/* ---- SP 追従CTA ---- */
.v3-fixcta { display: none; }
@media (max-width: 840px) {
  .v3-fixcta { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.94); border-top: 1px solid rgba(42,41,34,.1); transition: transform .25s; }
  .v3-fixcta .v3-btn { width: 100%; min-height: 54px; font-size: 17px; }
  .v3-fixcta.is-hidden { transform: translateY(110%); }
}

/* =========================================================
   費用ページ（v3-fees）
   ========================================================= */
/* ---- 下層FV（R2a 10/20：Takuさん「下層FVがバラバラ→統一してよい」）＝全下層でこの1型＋写真なし版の2種だけ ----
   構造：パンくず（白地）→ 全幅の写真（文字を載せない）→ 白い箱が写真に食い込む（見出し→リード→要点2〜3つ）
   写真なし版＝ .v3-pagehead--plain（写真の代わりに淡い面）。相談ボタンはFVに置かない（本文末のCTA・追従CTAに任せる） */
.v3-pagehead { position: relative; }
.v3-pagehead__crumb { max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: 4px var(--gut); font-size: 14px; letter-spacing: .04em; color: var(--ink-2); display: flex; align-items: center; flex-wrap: wrap; }
.v3-pagehead__crumb a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
.v3-pagehead__crumb span { margin: 0 10px; }
.v3-pagehead__photo { height: 360px; overflow: hidden; background: var(--sand); }
.v3-pagehead__photo img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 40%); }
.v3-pagehead--plain .v3-pagehead__photo { height: 160px; background: var(--sand); }
.v3-pagehead__box { position: relative; z-index: 1; max-width: calc(var(--wrap) + var(--gut) * 2); margin: -96px auto 0; padding: 0 var(--gut); }
.v3-pagehead__boxin { background: #fff; max-width: 680px; padding: 44px 48px 36px; }
.v3-pagehead__ttl { font-size: 44px; font-weight: 700; line-height: 1.4; letter-spacing: .04em; word-break: auto-phrase; text-wrap: pretty; }
.v3-pagehead__lead { margin-top: 16px; font-size: 17px; line-height: 1.9; }
.v3-pagehead__by { margin-top: 10px; font-size: 13px; color: var(--ink-2); }
.v3-pagehead__pts { display: flex; flex-wrap: wrap; margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line); }
.v3-pagehead__pts li { flex: 1 1 0; min-width: 0; padding: 0 20px; border-left: 1px solid var(--line); font-size: 15px; font-weight: 700; line-height: 1.3; }
.v3-pagehead__pts li:first-child { padding-left: 0; border-left: 0; }
.v3-pagehead__pts .v3-num { font-size: 30px; line-height: 1.1; margin-right: 2px; }
.v3-pagehead__pts small { display: block; margin-top: 6px; font-size: 13px; font-weight: 500; color: var(--ink-2); line-height: 1.5; }
@media (max-width: 840px) {
  .v3-pagehead__crumb { font-size: 13px; padding: 0 var(--gut); }
  .v3-pagehead__photo { height: 220px; }
  .v3-pagehead--plain .v3-pagehead__photo { height: 100px; }
  .v3-pagehead__box { margin-top: -40px; padding: 0 16px; }
  .v3-pagehead__boxin { padding: 28px 20px 24px; }
  .v3-pagehead__ttl { font-size: 26px; }
  .v3-pagehead__lead { font-size: 16px; margin-top: 12px; }
  .v3-pagehead__pts { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 20px; padding-top: 16px; }
  .v3-pagehead__pts li, .v3-pagehead__pts li:first-child { padding: 0; border-left: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 4px; }
  .v3-pagehead__pts .v3-num { font-size: 26px; }
  .v3-pagehead__pts small { flex-basis: 100%; margin-top: 2px; }
}
/* FVの次の節は、箱の食い込み分だけ上を詰めすぎない */
.v3-pagehead + section { scroll-margin-top: 80px; }

/* 2 総額の目安＋しくみ（v3b＝総額そのものが切替。選んだ総額の下に比率の帯） */
.v3-flip { transform: scaleX(-1); }
.v3-totals { padding: var(--pad-m) 0 0; scroll-margin-top: 80px; }
.v3-totals__head { margin-bottom: 40px; }
.v3-totals__sub { margin-top: 10px; color: var(--ink-2); font-size: 16px; }
.v3-totals__list { display: grid; grid-template-columns: 1fr 1.1fr 1.45fr; border-top: 1px solid var(--ink); }
.v3-totals__list button { position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: left; min-height: 100%; padding: 28px 28px 30px; border: 0; border-left: 1px solid var(--line); background: transparent; font: inherit; color: inherit; cursor: pointer; transition: background-color .2s; }
.v3-totals__list button:first-child { border-left: 0; }
.v3-totals__list button:hover { background: color-mix(in srgb, var(--sand) 60%, transparent); }
.v3-totals__list button[aria-selected="true"] { background: var(--sand); }
.v3-totals__list button[aria-selected="true"]::after { content: ""; position: absolute; left: 50%; bottom: -12px; width: 24px; height: 24px; background: var(--sand); transform: translateX(-50%) rotate(45deg); }
.v3-totals__list button:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }
.v3-totals__who { font-size: 14px; color: var(--ink-2); }
.v3-totals__name { font-size: 20px; font-weight: 700; margin-top: 4px; }
.v3-totals__name small { font-size: 14px; font-weight: 500; margin-left: 10px; color: var(--ink-2); }
.v3-totals__num { display: flex; align-items: baseline; gap: 6px; margin: 24px 0 20px; white-space: nowrap; }
.v3-totals__num .v3-num { line-height: 1; }
.v3-totals__list button:nth-child(1) .v3-num { font-size: 60px; }
.v3-totals__list button:nth-child(2) .v3-num { font-size: 72px; }
.v3-totals__list button:nth-child(3) .v3-num { font-size: 88px; }
.v3-totals__go { margin-top: auto; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; font-weight: 700; border-bottom: 1px solid currentColor; }
.v3-totals__go::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.v3-totals__list button[aria-selected="true"] .v3-totals__go { border-bottom-color: transparent; }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-totals__list button { padding: 24px 18px; }
  .v3-totals__list button:nth-child(1) .v3-num { font-size: 44px; }
  .v3-totals__list button:nth-child(2) .v3-num { font-size: 52px; }
  .v3-totals__list button:nth-child(3) .v3-num { font-size: 62px; }
}
@media (max-width: 840px) {
  .v3-totals__head { margin-bottom: 28px; }
  .v3-totals__list { grid-template-columns: 1fr; }
  .v3-totals__list button { border-left: 0; border-top: 1px solid var(--line); padding: 18px 16px 16px; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: 12px; }
  .v3-totals__list button:first-child { border-top: 0; }
  .v3-totals__who, .v3-totals__name { grid-column: 1 / -1; }
  .v3-totals__num { margin: 10px 0 0; grid-column: 1; }
  .v3-totals__list button:nth-child(1) .v3-num { font-size: 40px; }
  .v3-totals__list button:nth-child(2) .v3-num { font-size: 46px; }
  .v3-totals__list button:nth-child(3) .v3-num { font-size: 54px; }
  .v3-totals__go { grid-column: 2; margin: 0; font-size: 14px; }
  .v3-totals__list button[aria-selected="true"]::after { display: none; }
}

/* 3 総額のしくみ（選んだ総額の内訳） */
.v3-bd { background: var(--sand); padding: 72px 0 var(--pad-m); }
.v3-bd__head { margin-bottom: 56px; }
.v3-bd__sub { margin-top: 10px; color: var(--ink-2); font-size: 16px; }
.v3-bdbar { display: flex; gap: 2px; height: 72px; margin: 40px 0 36px; }
.v3-bdbar span { position: relative; min-width: 3px; display: flex; align-items: center; padding: 0 14px; background: var(--chart-t1); font-size: 14px; font-weight: 700; white-space: nowrap; }
.v3-bdbar span:nth-child(3) { background: var(--chart-t2); }
.v3-bdbar span:nth-child(4) { background: var(--chart-t3); }
.v3-bdbar span:nth-child(5) { background: var(--chart-t4); }
.v3-bdbar span.is-ours { background: var(--chart-dk); color: #fff; padding: 0; }
.v3-bdbar span.is-ours em { position: absolute; left: 0; bottom: calc(100% + 8px); font-style: normal; font-size: 14px; color: var(--ink); white-space: nowrap; padding-left: 12px; border-left: 2px solid var(--chart); line-height: 1.2; }
.v3-bd__grid { display: grid; grid-template-columns: 170px 1fr; gap: 12px 16px; align-items: stretch; }
.v3-bd__group { display: flex; align-items: center; justify-content: center; text-align: center; background: var(--sand-2); border-radius: 10px; padding: 16px 12px; font-size: 15px; font-weight: 700; line-height: 1.6; }
.v3-bd__rows { display: grid; gap: 12px; }
.v3-bd__row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; background: #fff; border-radius: 10px; padding: 18px 28px; min-height: 76px; }
.v3-bd__row--ours { box-shadow: inset 6px 0 0 var(--chart); }
.v3-bd__lbl { font-size: 17px; font-weight: 700; line-height: 1.5; }
.v3-bd__lbl small { display: block; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.v3-bd__val { display: flex; align-items: baseline; gap: 4px; font-size: 15px; font-weight: 700; white-space: nowrap; }
.v3-bd__val b { font-family: var(--f-num); font-size: 34px; font-weight: 700; line-height: 1; letter-spacing: -.01em; }
.v3-bd__val small { font-size: 13px; font-weight: 400; color: var(--ink-2); margin-left: 10px; min-width: 6.5em; text-align: right; }
.v3-bd__plus { grid-column: 2; text-align: center; font-size: 24px; font-weight: 700; line-height: 1; padding: 2px 0; }
.v3-bd__sum { display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--ink); }
.v3-bd__sum > span:first-child { font-size: 17px; font-weight: 700; margin-right: 18px; }
.v3-bd__sum .v3-num { font-size: 88px; line-height: 1; }
.v3-bd__sum small { flex-basis: 100%; text-align: right; font-size: 14px; color: var(--ink-2); }
@media (max-width: 840px) {
  .v3-bd { padding-top: 56px; }
  .v3-bd__head { margin-bottom: 40px; }
  .v3-bdbar { height: 56px; margin: 36px 0 28px; }
  .v3-bdbar span { padding: 0 6px; font-size: 12px; overflow: hidden; }
  .v3-bdbar span.is-ours { overflow: visible; }
  .v3-bdbar span.is-ours em { font-size: 13px; }
  .v3-bd__grid { grid-template-columns: 1fr; gap: 10px; }
  .v3-bd__group { justify-content: flex-start; text-align: left; background: transparent; padding: 8px 0 0; font-size: 14px; color: var(--ink-2); }
  .v3-bd__group br { display: none; }
  .v3-bd__plus { grid-column: 1; }
  .v3-bd__row { padding: 16px 18px; grid-template-columns: 1fr; gap: 4px; }
  .v3-bd__val { justify-content: flex-end; }
  .v3-bd__val b { font-size: 30px; }
  .v3-bd__val small { min-width: 0; }
  .v3-bd__sum .v3-num { font-size: 56px; }
  .v3-bd__sum > span:first-child { flex-basis: 100%; text-align: right; margin: 0; }
}

/* 4 住まいの帯 */
.v3-band { position: relative; min-height: 560px; display: flex; align-items: center; isolation: isolate; color: #fff; }
.v3-band__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; z-index: -2; }
.v3-band::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(16,24,30,.6) 0%, rgba(16,24,30,.2) 55%, rgba(16,24,30,0) 80%); }
.v3-band__txt { width: 100%; max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: 0 var(--gut); font-family: var(--f-min); font-weight: 500; font-size: 36px; line-height: 1.7; letter-spacing: .04em; }
.v3-band__txt b { font-weight: 600; }
.v3-band__txt span { display: block; font-family: var(--f-jp); font-size: 16px; line-height: 1.9; margin-top: 18px; max-width: 26em; letter-spacing: .03em; }
@media (max-width: 840px) {
  .v3-band { min-height: 460px; align-items: flex-end; padding-bottom: 40px; }
  .v3-band::before { background: linear-gradient(0deg, rgba(16,24,30,.7) 0%, rgba(16,24,30,.25) 60%, rgba(16,24,30,0) 85%); }
  .v3-band__txt { font-size: 24px; }
  .v3-band__txt span { font-size: 15px; }
}

/* 5 含むもの（枠の中）／含まないもの（枠の外の点線の札）＝v3b */
.v3-incl { padding: var(--pad-l) 0 var(--pad-s); }
.v3-incl .v3-h2 { margin-bottom: 48px; }
.v3-incl__ttl { font-size: 16px; font-weight: 700; letter-spacing: .1em; margin-bottom: 20px; }
.v3-incl__box { border: 2px solid var(--ink); padding: 36px 40px 40px; }
.v3-incl__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.v3-incl__list > div { padding: 0 28px; border-left: 1px solid var(--line); }
.v3-incl__list > div:first-child { padding-left: 0; border-left: 0; }
.v3-incl__list dt { font-size: 20px; font-weight: 700; line-height: 1.5; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.v3-incl__list dd { font-size: 15px; line-height: 1.85; }
.v3-incl__out { margin-top: 48px; padding-left: 42px; color: var(--ink-2); }
.v3-incl__plain { display: flex; flex-wrap: wrap; gap: 12px; }
.v3-incl__plain li { border: 1.5px dashed #B3AA96; border-radius: 4px; padding: 8px 16px; font-size: 15px; line-height: 1.6; color: var(--ink); }
@media (max-width: 840px) {
  .v3-incl .v3-h2 { margin-bottom: 32px; }
  .v3-incl__box { padding: 24px 20px 8px; }
  .v3-incl__list { grid-template-columns: 1fr; }
  .v3-incl__list > div, .v3-incl__list > div:first-child { padding: 0 0 20px; border-left: 0; }
  .v3-incl__list dt { font-size: 18px; padding-bottom: 8px; margin-bottom: 8px; }
  .v3-incl__out { margin-top: 36px; padding-left: 0; }
  .v3-incl__plain { gap: 8px; }
  .v3-incl__plain li { font-size: 14px; padding: 6px 12px; }
}

/* 6 サポートプラン（表） */
.v3-plans { padding: var(--pad-s) 0 var(--pad-m); }
.v3-plans__head { margin-bottom: 48px; }
.v3-plans__head .v3-en { margin-bottom: 14px; }
.v3-plans__head .v3-h2 { margin-bottom: 10px; }
.v3-plantable { overflow-x: auto; }
.v3-plantable table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.v3-plantable th, .v3-plantable td { padding: 18px 20px; text-align: center; vertical-align: middle; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.7; }
.v3-plantable thead th { vertical-align: bottom; padding: 28px 16px 26px; border-bottom: 1px solid var(--ink); font-weight: 400; }
.v3-plantable thead th:first-child, .v3-plantable tbody th { text-align: left; padding-left: 0; width: 22%; font-weight: 700; }
.v3-plantable .is-rec { background: var(--sand); }
.v3-plantable thead .is-rec { border-radius: 14px 14px 0 0; }
.v3-plantable__tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .1em; background: var(--ink); color: #fff; border-radius: 999px; padding: 3px 12px; margin-bottom: 10px; }
.v3-plantable__name { display: block; font-size: 22px; font-weight: 700; letter-spacing: .04em; }
.v3-plantable__for { display: block; font-size: 13px; color: var(--ink-2); }
.v3-plantable__price { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-top: 14px; font-size: 15px; font-weight: 700; }
.v3-plantable__price .v3-num { font-size: 48px; line-height: 1; }
.v3-plantable thead small { display: block; font-size: 13px; color: var(--ink-2); margin-top: 6px; }
.v3-y { font-weight: 700; }
.v3-p { color: var(--ink-2); }
.v3-n { color: #a9a596; }
.v3-plantable tbody td:not(.is-rec) { font-size: 15px; }
.v3-plantable tbody tr:first-child td { font-size: 14px; text-align: left; vertical-align: top; }
@media (max-width: 840px) {
  .v3-plans__head { margin-bottom: 28px; }
  .v3-plantable table { min-width: 0; }
  .v3-plantable th, .v3-plantable td { padding: 12px 4px; font-size: 13px; line-height: 1.5; }
  .v3-plantable thead th { padding: 18px 4px 16px; }
  .v3-plantable thead th:first-child, .v3-plantable tbody th { width: 96px; font-size: 13px; letter-spacing: 0; }
  .v3-plantable tbody tr:first-child { display: none; }
  .v3-plantable__tag { font-size: 12px; padding: 2px 8px; letter-spacing: 0; }
  .v3-plantable__name { font-size: 13px; letter-spacing: -.02em; white-space: nowrap; }
  .v3-plantable__for { font-size: 12px; line-height: 1.4; }
  .v3-plantable__price { font-size: 12px; margin-top: 8px; }
  .v3-plantable__price .v3-num { font-size: 28px; }
  .v3-plantable thead small { font-size: 12px; }
}

/* 7 オプション（v3b＝日本からオンライン／現地の2つに分ける） */
.v3-opts { background: var(--sand); padding: var(--pad-s) 0; }
.v3-opts__head { margin-bottom: 48px; }
.v3-opts__head .v3-h2 { margin-bottom: 10px; }
.v3-opts__groups { display: grid; grid-template-columns: 1.3fr 1fr; gap: 56px; align-items: start; }
.v3-opts__photo { aspect-ratio: 16 / 9; overflow: hidden; margin-bottom: 24px; }
.v3-opts__g:nth-child(2) .v3-opts__photo { aspect-ratio: 4 / 3; }
.v3-opts__photo img { width: 100%; height: 100%; object-fit: cover; }
.v3-opts__gttl { font-size: 20px; font-weight: 700; padding-bottom: 14px; border-bottom: 1px solid var(--ink); display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.v3-opts__gttl small { font-size: 14px; font-weight: 500; color: var(--ink-2); }
.v3-opts__list > div { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--line); }
.v3-opts__list dt { font-size: 16px; font-weight: 700; }
.v3-opts__list dt small { font-size: 13px; font-weight: 400; color: var(--ink-2); margin-left: 8px; }
.v3-opts__list dd { font-size: 18px; font-weight: 700; white-space: nowrap; }
.v3-opts .v3-note { margin-top: 32px; }
@media (max-width: 840px) {
  .v3-opts__head { margin-bottom: 32px; }
  .v3-opts__groups { grid-template-columns: 1fr; gap: 48px; }
  .v3-opts__photo, .v3-opts__g:nth-child(2) .v3-opts__photo { aspect-ratio: 16 / 9; margin: 0 calc(var(--gut) * -1) 20px; }
  .v3-opts__gttl { font-size: 18px; }
  .v3-opts__list dd { font-size: 16px; }
}

/* 8 お約束 */
.v3-promise { padding: var(--pad-l) 0 var(--pad-m); }
.v3-promise .v3-h2 { margin-bottom: 56px; }
.v3-promise__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
.v3-promise__list li { border-top: 1px solid var(--ink); padding-top: 22px; }
.v3-promise__k { font-size: 15px; color: var(--ink-2); font-weight: 500; }
.v3-promise__v { font-family: var(--f-min); font-weight: 700; font-size: 28px; line-height: 1.3; letter-spacing: .04em; margin: 10px 0 14px; }
.v3-promise__d { font-size: 15px; line-height: 1.85; }
@media (max-width: 840px) {
  .v3-promise .v3-h2 { margin-bottom: 32px; }
  .v3-promise__list { grid-template-columns: 1fr; gap: 32px; }
  .v3-promise__v { font-size: 22px; }
}

/* 9 お支払い（1本の帯を半分ずつ）・キャンセル料（高さ＝％の段の図）＝v3b */
.v3-pay { background: var(--sand); padding: var(--pad-s) 0; }
.v3-pay .v3-h2 { margin-bottom: 40px; }
.v3-pay__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.v3-pay__ttl { font-size: 17px; font-weight: 700; margin-bottom: 20px; }
.v3-pay__ttl small { display: block; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.v3-split50 { display: flex; gap: 2px; }
.v3-split50 > span { flex: 1; font-size: 14px; line-height: 1.6; }
.v3-split50 > span::before { content: ""; display: block; height: 56px; margin-bottom: 12px; background: var(--chart); }
.v3-split50 > span:nth-child(2)::before { background: var(--chart-md); }
.v3-split50 b { display: block; font-family: var(--f-num); font-size: 34px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; }
.v3-steps3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; align-items: end; }
.v3-steps3 li { display: grid; grid-template-rows: 1fr auto auto; height: 230px; }
.v3-steps3 b { align-self: end; font-family: var(--f-num); font-size: 34px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; padding: 0 0 6px 2px; }
.v3-steps3 i { display: block; height: calc(var(--v) * 1.2px); background: var(--chart); border-bottom: 1px solid var(--ink); }
.v3-steps3 li:nth-child(2) i { background: var(--chart-md); }
.v3-steps3 li:nth-child(1) i { background: transparent; }
.v3-steps3 span { font-size: 14px; line-height: 1.5; padding: 10px 0 0 2px; }
@media (max-width: 840px) {
  .v3-pay__grid { grid-template-columns: 1fr; gap: 48px; }
  .v3-split50 b, .v3-steps3 b { font-size: 32px; }
  .v3-split50 > span { font-size: 13px; }
  .v3-steps3 li { height: 200px; }
  .v3-steps3 span { font-size: 13px; }
}

/* 10 CTA（写真左・文字右） */
.v3-cta2 { display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; }
.v3-cta2__photo { overflow: hidden; }
.v3-cta2__photo img { width: 100%; height: 100%; object-fit: cover; }
.v3-cta2__body { display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 96px max(var(--gut), calc((100vw - var(--wrap)) / 2)) 96px 80px; }
.v3-cta2__ttl { font-family: var(--f-min); font-weight: 500; font-size: 36px; line-height: 1.65; letter-spacing: .04em; }
@media (max-width: 840px) {
  .v3-cta2 { grid-template-columns: 1fr; min-height: 0; }
  .v3-cta2__photo { aspect-ratio: 4 / 3; }
  .v3-cta2__body { padding: 56px var(--gut) var(--pad-s); }
  .v3-cta2__ttl { font-size: 25px; }
  .v3-cta2__body .v3-btn { width: 100%; }
}

/* 小さすぎる文字の底上げ（small の既定 smaller を打ち消す） */
.v3-footer__copy small { font-size: 12px; }
.sg-photo-ph small { font-size: 12px; }

/* ケース：引用の大きな一言（Green School の大きな引用の組み）。行リンクの反復を避ける */
.v3-quotes { margin-top: 28px; }
.v3-quotes li + li { margin-top: 26px; }
.v3-quotes a { display: block; text-decoration: none; }
.v3-quotes q { display: block; font-family: var(--f-min); font-weight: 500; font-size: 25px; line-height: 1.65; letter-spacing: .04em; quotes: "「" "」"; text-indent: -.5em; word-break: auto-phrase; }
.v3-quotes a:hover q { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 8px; }
.v3-quotes small { display: block; margin-top: 4px; font-size: 14px; color: var(--ink-2); letter-spacing: .08em; }
.v3-quotes__more { margin-top: 32px; }
.v3-opts__photo img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 840px) {
  .v3-quotes q { font-size: 20px; }
}

/* 7' ご利用の流れ＝10か月の暦の物差し＋期間の帯（10/20）。v3b＝名前を帯の始まる月にそろえ、無料の段は線の帯。SPは月が縦に並ぶ暦 */
.v3-cal { background: var(--sand); padding: var(--pad-m) 0; }
.v3-cal__head { margin-bottom: 56px; max-width: 40em; }
.v3-cal__head .v3-h2 { margin-bottom: 16px; }
.v3-cal__head p { margin: 0; color: var(--ink-2); }
.v3-cal__photos, .v3-cal__months, .v3-cal__rows li { display: grid; grid-template-columns: repeat(var(--n, 10), 1fr); }
.v3-cal__photos { gap: 0 8px; margin-bottom: 8px; }
.v3-cal__photos figure { grid-column: var(--s) / var(--e); margin: 0; height: 240px; overflow: hidden; }
.v3-cal__photos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v3-cal__months { list-style: none; margin: 0; padding: 14px 0 12px; border-bottom: 1px solid var(--ink); }
.v3-cal__months li { font-size: 13px; color: var(--ink-2); border-left: 1px solid var(--line); padding-left: 8px; }
.v3-cal__months .v3-num { font-size: 24px; color: var(--ink); margin-right: 2px; }
.v3-cal__months li:last-child .v3-num { color: var(--accent-dk); }
.v3-cal__rows { list-style: none; margin: 0; padding: 0; }
.v3-cal__rows li { row-gap: 8px; padding: 16px 0 18px; border-bottom: 1px solid var(--line); }
.v3-cal__txt { grid-row: 1; grid-column: var(--s) / -1; font-size: 14px; line-height: 1.6; color: var(--ink-2); padding-left: 2px; }
.v3-cal__rows li.is-go .v3-cal__txt { grid-column: 7 / -1; text-align: right; }
.v3-cal__txt b { display: inline; font-size: 17px; color: var(--ink); margin-right: 14px; }
.v3-cal__bar { grid-column: var(--s) / var(--e); grid-row: 2; height: 28px; background: var(--chart); }
.v3-cal__rows li.is-free .v3-cal__bar { background: transparent; border: 1.5px solid var(--chart); }
.v3-cal__rows li.is-go .v3-cal__bar { background: var(--accent-dk); }
.v3-cal__more { margin-top: 40px; }
@media (max-width: 840px) {
  .v3-cal__head { margin-bottom: 32px; }
  .v3-cal__head .v3-h2 br { display: none; }
  .v3-cal__photos { display: none; }
  /* 縦の暦：左に月（1か月＝64px）、右に期間の長さの帯と名前 */
  .v3-cal__chart { display: grid; grid-template-columns: 52px 1fr; }
  .v3-cal__months { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(var(--n, 10), var(--rh, 64px)); padding: 0; border-bottom: 0; border-right: 1px solid var(--ink); }
  .v3-cal__months li { border-left: 0; border-top: 1px solid var(--line); padding: 4px 0 0; font-size: 12px; }
  .v3-cal__months .v3-num { font-size: 20px; }
  .v3-cal__rows { display: grid; grid-template-columns: 14px 1fr; grid-template-rows: repeat(var(--n, 10), var(--rh, 64px)); }
  .v3-cal__rows li { display: contents; }
  .v3-cal__bar { grid-column: 1; grid-row: var(--s) / var(--e); width: 14px; height: auto; margin: 3px 0; }
  .v3-cal__txt, .v3-cal__rows li.is-go .v3-cal__txt { grid-column: 2; grid-row: var(--s) / var(--e); text-align: left; padding: 4px 0 0 14px; font-size: 13px; line-height: 1.5; }
  .v3-cal__txt b { display: block; font-size: 16px; margin: 0; }
}

/* 内訳の各行の左端に、比率の帯と同じ色の目印（帯と行を対応させる） */
.v3-bd__rows .v3-bd__row:nth-child(1):not(.v3-bd__row--ours) { box-shadow: inset 6px 0 0 var(--chart-t1); }
.v3-bd__rows .v3-bd__row:nth-child(2) { box-shadow: inset 6px 0 0 var(--chart-t2); }
.v3-bd__rows .v3-bd__row:nth-child(3) { box-shadow: inset 6px 0 0 var(--chart-t3); }
.v3-bd__rows .v3-bd__row:nth-child(4) { box-shadow: inset 6px 0 0 var(--chart-t4); }


/* =========================================================
   R2a 下層5ページ（v3-services／v3-parent-child／v3-education-migration／v3-school-tour／v3-malaysia-compare）の部品
   使い方＝night/261020_v3夜間/v3部品メモ.md
   ========================================================= */
.v3-sec { padding: var(--pad-m) 0; }
.v3-sec--sand { background: var(--sand); }
.v3-sec--s { padding: var(--pad-s) 0; }
.v3-pagehead + .v3-sec, .v3-pagehead + .v3-cal, .v3-pagehead + .v3-bd { padding-top: var(--pad-s); }
.v3-head { margin-bottom: 48px; max-width: 46em; }
.v3-head .v3-h2 + .v3-body { margin-top: 14px; }
.v3-sec__more { margin-top: 32px; }
.v3-inlink { display: inline-flex; align-items: center; min-height: 44px; margin-left: 4px; font-weight: 700; }
.v3-notes { margin-top: 20px; display: grid; gap: 6px; font-size: 14px; line-height: 1.8; color: var(--ink-2); }
.v3-notes li { padding-left: 1em; text-indent: -1em; }
.v3-notes li::before { content: "・"; }
.v3-midcta { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.v3-split__ph { margin-top: 32px; aspect-ratio: 4 / 3; overflow: hidden; }
.v3-split__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-srcs { margin-top: 28px; font-size: 14px; line-height: 1.8; }
.v3-srcs summary { cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.v3-srcs ul { padding-left: 1.2em; list-style: disc; color: var(--ink-2); }
@media (max-width: 840px) {
  .v3-head { margin-bottom: 32px; }
  .v3-midcta .v3-btn { width: 100%; }
}

/* 表（plantable）にプログラムの写真と名前を載せた比較表（services） */
.v3-progtable table { min-width: 860px; }
.v3-progtable__ph { aspect-ratio: 4 / 3; overflow: hidden; margin: 0 0 14px; }
.v3-progtable__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-progtable__name { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; font-size: 19px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.v3-progtable__name:hover { text-decoration: underline; }
.v3-progtable__sum { display: block; font-size: 15px; font-weight: 700; white-space: nowrap; }
.v3-progtable__sum .v3-num { font-size: 32px; margin: 0 2px; }
.v3-progtable td small { display: block; font-size: 13px; color: var(--ink-2); }
.v3-progtable tbody td { text-align: left; vertical-align: top; }

/* 時期の帯（services）：1本の帯を時期で区切り、下に各時期の内容。番号・円・連結線なし */
.v3-phases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 2px; }
.v3-phases > li { display: flex; flex-direction: column; }
.v3-phases__ttl { background: var(--chart-dk); color: #fff; font-size: 17px; font-weight: 700; padding: 14px 18px; line-height: 1.4; }
.v3-phases > li:nth-child(2) .v3-phases__ttl { background: #5E6B5B; }
.v3-phases > li:nth-child(3) .v3-phases__ttl { background: var(--mute-dk); }
.v3-phases > li:nth-child(4) .v3-phases__ttl { background: var(--accent-dk); }
.v3-phases ul { flex: 1; background: #fff; padding: 8px 18px 18px; }
.v3-phases ul li { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.75; }
.v3-phases ul li:last-child { border-bottom: 0; }
.v3-phases ul li small { display: block; font-size: 13px; color: var(--ink-2); }
.v3-phases__foot { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.v3-out { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 15px; line-height: 1.7; }
.v3-out__lbl { font-weight: 700; margin-right: 6px; }
.v3-out__tags { display: contents; }
.v3-out__tags span { border: 1.5px dashed #B3AA96; border-radius: 4px; padding: 6px 14px; background: #fff; }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-phases { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
}
@media (max-width: 840px) {
  .v3-phases { grid-template-columns: 1fr; gap: 2px; }
  .v3-phases__ttl { padding: 12px 16px; }
  .v3-phases ul { padding: 4px 16px 12px; }
  .v3-phases__foot .v3-btn { width: 100%; }
  .v3-out { font-size: 14px; gap: 8px; }
  .v3-out__lbl { flex-basis: 100%; }
}

/* 写真を左に裁ち落として、大きめの一文を4つ（parent-child「合うご家族」） */
.v3-fit { display: grid; grid-template-columns: 5fr 7fr; align-items: center; padding: 0; }
.v3-fit__ph { align-self: stretch; min-height: 560px; overflow: hidden; }
.v3-fit__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-fit__body { padding: var(--pad-s) max(var(--gut), calc((100vw - var(--wrap)) / 2)) var(--pad-s) 72px; }
.v3-fit__body .v3-body { margin-top: 14px; }
.v3-fit__list { margin-top: 36px; }
.v3-fit__list li { font-size: 21px; font-weight: 500; line-height: 1.6; padding: 18px 0; border-top: 1px solid var(--line); }
.v3-fit__list li:last-child { border-bottom: 1px solid var(--line); }
@media (max-width: 840px) {
  .v3-fit { grid-template-columns: 1fr; }
  .v3-fit__ph { min-height: 0; aspect-ratio: 4 / 3; }
  .v3-fit__body { padding: 48px var(--gut) var(--pad-s); }
  .v3-fit__list { margin-top: 24px; }
  .v3-fit__list li { font-size: 18px; padding: 14px 0; }
}

/* 項目名つきの行（左に項目名・右に中身）。--big＝項目名を大きく（時期の名前など） */
.v3-facts { border-top: 1px solid var(--ink); }
.v3-facts__row { display: grid; grid-template-columns: 180px 1fr; gap: 32px; padding: 24px 0; border-bottom: 1px solid var(--line); font-size: 16px; line-height: 1.9; }
.v3-facts__k { font-size: 16px; font-weight: 700; }
.v3-facts--big .v3-facts__k { font-size: 22px; line-height: 1.5; }
.v3-facts__k small { display: block; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--ink-2); } /* 261021 living：項目名の下の補足（民間住宅・公営住宅など） */
.v3-facts__ul li { padding-left: 1em; text-indent: -1em; }
.v3-facts__ul li::before { content: "・"; }
.v3-facts__ul li + li { margin-top: 8px; }
@media (max-width: 840px) {
  .v3-facts__row { grid-template-columns: 1fr; gap: 6px; padding: 18px 0; font-size: 15px; }
  .v3-facts--big .v3-facts__k { font-size: 19px; }
}

/* 長さで比べる横棒（parent-child：期間ごとの総額）。--w＝最大値に対する％。差が3倍以内の2〜4本だけに使う */
.v3-bars { margin-top: 18px; display: grid; gap: 10px; max-width: 680px; }
.v3-bars li { display: grid; grid-template-columns: 6em 1fr 8em; align-items: center; gap: 14px; }
.v3-bars__k { font-size: 15px; font-weight: 700; line-height: 1.3; }
.v3-bars__k small { display: block; font-size: 12px; font-weight: 500; color: var(--accent-dk); }
.v3-bars__bar i { display: block; width: calc(var(--w) * 1%); height: 18px; background: var(--chart-t3); }
.v3-bars li.is-on .v3-bars__bar i { background: var(--chart); }
.v3-bars__v { font-size: 14px; font-weight: 700; white-space: nowrap; }
.v3-bars__v b { font-size: 26px; margin: 0 2px; }
@media (max-width: 840px) {
  .v3-bars li { grid-template-columns: 4.5em 1fr; gap: 4px 10px; }
  .v3-bars__v { grid-column: 2; }
  .v3-bars__v b { font-size: 22px; }
}

/* 暦の下に、週ごとの説明（parent-child） */
.v3-cal--days .v3-cal__months li { font-size: 12px; padding-left: 6px; }
.v3-cal--days .v3-cal__months .v3-num { font-size: 20px; }
.v3-weeks { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; margin-top: 56px; }
.v3-weeks .v3-h3 small { font-size: 14px; font-weight: 500; color: var(--ink-2); margin-left: 10px; }
.v3-weeks__dl { margin-top: 14px; border-top: 1px solid var(--ink); }
.v3-weeks__dl > div { display: grid; grid-template-columns: 7.5em 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.8; }
.v3-weeks__dl dt { font-weight: 700; }
.v3-day { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; align-items: start; margin-top: 72px; }
.v3-day__ph { aspect-ratio: 4 / 3; overflow: hidden; }
.v3-day__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-table { width: 100%; border-collapse: collapse; margin-top: 16px; background: #fff; font-size: 15px; line-height: 1.6; }
.v3-table th, .v3-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.v3-table thead th { background: var(--chart-dk); color: #fff; font-weight: 700; font-size: 14px; }
.v3-table tbody th { font-family: var(--f-num); font-weight: 700; white-space: nowrap; }
@media (max-width: 840px) {
  .v3-cal--days { --rh: 46px; }
  .v3-weeks { grid-template-columns: 1fr; gap: 40px; margin-top: 40px; }
  .v3-weeks__dl > div { grid-template-columns: 1fr; gap: 2px; }
  .v3-day { grid-template-columns: 1fr; gap: 28px; margin-top: 48px; }
  .v3-table th, .v3-table td { padding: 10px 8px; font-size: 14px; }
}

/* 暦の帯の下の、段ごとの説明（education-migration） */
.v3-cal__detail { margin-top: 48px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--ink); }
.v3-cal__detail > div { padding: 18px 18px 0 0; }
.v3-cal__detail > div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.v3-cal__detail dt { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.v3-cal__detail dd { font-size: 14px; line-height: 1.8; }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-cal__detail { grid-template-columns: 1fr 1fr; }
  .v3-cal__detail > div, .v3-cal__detail > div + div { padding: 18px 18px 18px 0; border-left: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 840px) {
  .v3-cal__detail { grid-template-columns: 1fr; margin-top: 36px; }
  .v3-cal__detail > div, .v3-cal__detail > div + div { padding: 14px 0; border-left: 0; border-bottom: 1px solid var(--line); }
}

/* 保護者のお悩み＝大きな引用（education-migration） */
.v3-worry { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; align-items: start; }
.v3-worry__list { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 48px; }
.v3-worry__list q { display: block; font-size: 22px; font-weight: 500; line-height: 1.7; quotes: "「" "」"; text-indent: -.5em; padding-top: 18px; border-top: 1px solid var(--ink); word-break: auto-phrase; }
.v3-worry__list strong { font-weight: 700; }
@media (max-width: 840px) {
  .v3-worry { grid-template-columns: 1fr; gap: 28px; }
  .v3-worry__list { grid-template-columns: 1fr; gap: 24px; }
  .v3-worry__list q { font-size: 18px; padding-top: 14px; }
}

/* 写真（縦長・追従）＋項目の行（education-migration「サポートの内容」） */
.v3-rows { display: grid; grid-template-columns: 4fr 7fr; gap: 64px; align-items: start; }
.v3-rows__ph { position: sticky; top: 112px; aspect-ratio: 4 / 5; overflow: hidden; }
.v3-rows__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-rows__list > div { padding: 26px 0; border-bottom: 1px solid var(--line); }
.v3-rows__list > div:first-child { padding-top: 0; }
.v3-rows__list dt { font-size: 21px; font-weight: 700; line-height: 1.5; margin-bottom: 8px; }
.v3-rows__list dd { font-size: 16px; line-height: 1.9; }
@media (max-width: 840px) {
  .v3-rows { grid-template-columns: 1fr; gap: 28px; }
  .v3-rows__ph { position: static; aspect-ratio: 16 / 10; margin: 0 calc(var(--gut) * -1); }
  .v3-rows__list dt { font-size: 19px; }
}

/* 住居・生活の立ち上げ：文字左・写真を右へ裁ち落とし（education-migration） */
.v3-life__in { display: grid; grid-template-columns: 6fr 5fr; gap: 64px; align-items: center; }
.v3-life__ph { aspect-ratio: 4 / 5; overflow: hidden; margin-right: calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2)); }
.v3-life__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-life__list > div { display: grid; grid-template-columns: 8em 1fr; gap: 20px; padding: 18px 0; border-top: 1px solid var(--line); }
.v3-life__list dt { font-family: var(--f-num); font-size: 18px; font-weight: 700; line-height: 1.5; }
.v3-life__list dd { font-size: 15px; line-height: 1.85; }
@media (max-width: 840px) {
  .v3-life__in { grid-template-columns: 1fr; gap: 32px; }
  .v3-life__ph { aspect-ratio: 4 / 3; margin: 0 calc(var(--gut) * -1); }
  .v3-life__list > div { grid-template-columns: 1fr; gap: 2px; }
}

/* 費用の帯（v3-bd）を単独の節で使うとき */
.v3-bd__case { font-size: 16px; font-weight: 700; margin-top: 8px; }
.v3-bd__more { margin-top: 32px; }
.v3-pay__grid--in { margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--line); }
.v3-steps3--4 { grid-template-columns: repeat(4, 1fr); }
.v3-steps3--4 li:nth-child(3) i { background: var(--mute-dk); }

/* 申込みの条件＝数字で答えられる条件を大きく（school-tour） */
.v3-terms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 36px; border-top: 1px solid var(--ink); }
.v3-terms > div { padding: 20px 20px 0 0; }
.v3-terms > div + div { padding-left: 20px; border-left: 1px solid var(--line); }
.v3-terms dt { font-size: 14px; color: var(--ink-2); font-weight: 500; }
.v3-terms dd { margin-top: 6px; font-size: 16px; font-weight: 700; line-height: 1.4; }
.v3-terms dd b { font-size: 40px; line-height: 1.1; }
.v3-terms dd small { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; color: var(--ink-2); line-height: 1.7; }
.v3-terms__other { margin-top: 32px; font-size: 15px; line-height: 1.9; }
@media (max-width: 840px) {
  .v3-terms { grid-template-columns: 1fr 1fr; }
  .v3-terms > div, .v3-terms > div + div { padding: 16px 12px 16px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .v3-terms > div:nth-child(1) { grid-column: 1 / -1; }
  .v3-terms dd b { font-size: 32px; }
}

/* 時間割（school-tour 3泊4日）：日×時間帯。色＝何をする枠か */
.v3-days-head { display: grid; grid-template-columns: 7fr 4fr; gap: 56px; align-items: end; margin-bottom: 40px; }
.v3-days-head .v3-head { margin-bottom: 0; }
.v3-days-head__ph { aspect-ratio: 4 / 3; overflow: hidden; }
.v3-days-head__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-week { display: grid; gap: 2px; }
.v3-week__row { display: grid; grid-template-columns: 88px repeat(4, minmax(0, 1fr)); gap: 2px; }
.v3-week__row--head span { font-size: 15px; font-weight: 700; padding: 0 0 10px; border-bottom: 1px solid var(--ink); }
.v3-week__row--head b { font-size: 24px; margin-right: 2px; }
.v3-week__t { font-size: 14px; font-weight: 700; color: var(--ink-2); padding: 14px 0; }
.v3-week__row > [role=cell] { padding: 14px 16px; font-size: 14px; line-height: 1.7; min-height: 72px; }
.v3-week__row > [role=cell] small { display: block; font-size: 12px; opacity: .9; margin-top: 2px; }
.v3-week .is-school { background: var(--chart-dk); color: #fff; font-weight: 700; }
.v3-week .is-school small { font-weight: 400; }
.v3-week .is-life { background: var(--sand-2); }
.v3-week .is-talk { background: #fff; box-shadow: inset 0 0 0 1.5px var(--chart); }
.v3-week .is-move { background: #F3F1EC; color: var(--ink-2); }
.v3-week .is-none { background: transparent; }
.v3-week__key { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; font-size: 13px; }
.v3-week__key span { display: inline-flex; align-items: center; gap: 8px; }
.v3-week__key span::before { content: ""; width: 16px; height: 16px; }
.v3-week__key .is-school::before { background: var(--chart); }
.v3-week__key .is-life::before { background: var(--sand-2); }
.v3-week__key .is-talk::before { box-shadow: inset 0 0 0 1.5px var(--chart); background: #fff; }
.v3-week__key .is-move::before { background: #E6E2D8; }
.v3-week__after { margin-top: 28px; font-size: 16px; }
@media (max-width: 840px) {
  .v3-days-head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 28px; }
  .v3-days-head__ph { margin: 0 calc(var(--gut) * -1); aspect-ratio: 16 / 10; }
  /* SP：日ごとに縦へ（列＝時間帯の名前＋中身） */
  .v3-week__row.v3-week__row--head { display: none; }
  .v3-week { grid-template-columns: 1fr; }
  .v3-week__row { display: contents; }
  .v3-week__t { display: none; }
  .v3-week__row > [role=cell] { min-height: 0; }
  .v3-week__row > [role=cell].is-none { display: none; }
  /* 並び順＝日→時間帯（data-sp に「1日目 午前」などを持たせて頭に出す） */
  .v3-week__row > [role=cell]::before { content: attr(data-sp); display: block; font-size: 12px; font-weight: 700; opacity: .8; margin-bottom: 2px; }
}

/* 料金の段（school-tour）：写真＋3行。主の1行だけ大きく */
.v3-tprice { display: grid; grid-template-columns: 4fr 7fr; gap: 48px; align-items: center; }
.v3-tprice__ph { aspect-ratio: 4 / 3; overflow: hidden; }
.v3-tprice__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-tprice__list > div { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--line); }
.v3-tprice__list > div:first-child { border-top: 1px solid var(--ink); }
.v3-tprice__list dt { font-size: 17px; font-weight: 700; }
.v3-tprice__list dt small { display: block; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.v3-tprice__list dd { text-align: right; font-size: 15px; font-weight: 700; white-space: nowrap; }
.v3-tprice__list dd b { font-size: 32px; margin: 0 2px; }
.v3-tprice__list .is-main dd b { font-size: 56px; line-height: 1; }
.v3-tprice__list dd small { display: block; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.v3-incl__box--tour { margin-top: 48px; background: #fff; }
.v3-tincl { font-size: 16px; line-height: 1.9; }
.v3-incl__out--tour { display: grid; grid-template-columns: 3fr 2fr; gap: 48px; }
.v3-own > div { display: grid; grid-template-columns: 7em 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #B3AA96; font-size: 14px; line-height: 1.8; color: var(--ink); }
.v3-own dt { font-weight: 700; }
@media (max-width: 840px) {
  .v3-tprice { grid-template-columns: 1fr; gap: 24px; }
  .v3-tprice__ph { margin: 0 calc(var(--gut) * -1); aspect-ratio: 16 / 10; }
  .v3-tprice__list > div { grid-template-columns: 1fr; gap: 4px; }
  .v3-tprice__list .is-main dd b { font-size: 44px; }
  .v3-incl__out--tour { grid-template-columns: 1fr; gap: 32px; }
  .v3-own > div { grid-template-columns: 1fr; gap: 0; }
}

/* 開かずに読む問いと答え 2列（school-tour） */
.v3-qa2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; }
.v3-qa2 > div { padding: 26px 0; border-top: 1px solid var(--line); }
.v3-qa2__q { font-size: 18px; font-weight: 700; line-height: 1.6; margin-bottom: 10px; }
.v3-qa2 p { font-size: 15px; line-height: 1.9; }
@media (max-width: 840px) {
  .v3-qa2 { grid-template-columns: 1fr; }
  .v3-qa2__q { font-size: 17px; }
}

/* 2国の向かい合わせ（malaysia-compare「合いやすい国」）：左SG・右MY、トップの比較と同じ色 */
.v3-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.v3-duo__c { padding: 36px 40px 40px; background: var(--sand); }
.v3-duo__c.is-sg { box-shadow: inset 0 6px 0 var(--accent-dk); }
.v3-duo__c.is-my { box-shadow: inset 0 6px 0 var(--chart); }
.v3-duo__name { font-size: 22px; font-weight: 700; }
.v3-duo__num { margin-top: 10px; font-size: 16px; font-weight: 700; }
.v3-duo__num b { font-size: 64px; line-height: 1; margin: 0 4px; }
.v3-duo__num small { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.v3-duo__k { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-2); }
.v3-duo ul li { font-size: 17px; line-height: 1.7; padding: 8px 0; }
@media (max-width: 840px) {
  .v3-duo { grid-template-columns: 1fr; }
  .v3-duo__c { padding: 28px 20px 24px; }
  .v3-duo__num b { font-size: 48px; }
  .v3-duo ul li { font-size: 16px; }
}
/* 比較表（v3-vs）を下層の砂色の面で使うとき：主役の列の面を白に */
.v3-sec--sand .v3-vs { --vs-tint: #fff; }
.v3-vs__row--total dd b { font-size: 20px; }
.v3-vs__row--total { border-bottom: 2px solid var(--ink); }

/* 写真を左に裁ち落とし、白い箱を食い込ませる（malaysia-compare「3つのステップ」）。1ページ1か所まで */
.v3-steps { position: relative; padding: var(--pad-m) 0; }
.v3-steps__ph { width: 58%; aspect-ratio: 16 / 10; overflow: hidden; }
.v3-steps__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-steps__box { position: relative; background: #fff; max-width: 620px; margin: -200px 0 0 auto; padding: 48px 0 0 56px; }
.v3-steps__list { margin-top: 28px; }
.v3-steps__list > div { padding: 18px 0; border-top: 1px solid var(--line); }
.v3-steps__list dt { font-size: 19px; font-weight: 700; margin-bottom: 4px; }
.v3-steps__list dd { font-size: 16px; line-height: 1.85; }
@media (max-width: 840px) {
  .v3-steps__ph { width: 100%; aspect-ratio: 4 / 3; }
  .v3-steps__box { margin: -48px 16px 0 0; padding: 28px 20px 0 0; max-width: none; }
}

/* =========================================================
   R2b 下層6ページ（v3-schools／v3-school-fees／v3-flow／v3-voices／v3-faq／v3-why-singapore）＋R2a申し送りの直し
   使い方＝night/261020_v3夜間/v3部品メモ.md §5
   ========================================================= */

/* services の3プログラム表：SPで横スクロールしない（R2a申し送り）。SPは項目名を帯にして、3つを横に並べた行で読む */
@media (max-width: 840px) {
  .v3-progtable { overflow: visible; }
  .v3-progtable table { min-width: 0; display: block; }
  .v3-progtable thead, .v3-progtable tbody { display: block; }
  .v3-progtable tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 8px; }
  .v3-progtable thead th:first-child { display: none; }
  .v3-progtable thead th { padding: 0 0 12px; border-bottom: 0; text-align: left; }
  .v3-progtable thead th.is-rec { border-radius: 0; box-shadow: 0 0 0 4px var(--sand); }
  .v3-progtable__ph { margin-bottom: 8px; }
  .v3-progtable .v3-plantable__for { font-size: 12px; }
  .v3-progtable__name { display: block; min-height: 44px; font-size: 14px; letter-spacing: 0; white-space: normal; text-decoration: underline; text-underline-offset: 3px; }
  .v3-progtable__name .v3-arrow { display: none; }
  .v3-progtable tbody tr:first-child { display: grid; }
  .v3-progtable tbody th { grid-column: 1 / -1; width: auto; background: var(--sand); padding: 6px 10px; font-size: 13px; border-bottom: 0; }
  .v3-progtable tbody td { padding: 10px 0 14px; font-size: 13px; line-height: 1.6; border-bottom: 0; }
  .v3-progtable tbody tr:first-child td { font-size: 13px; }
  .v3-progtable tbody td.is-rec { background: transparent; }
  .v3-progtable__sum { white-space: normal; font-size: 13px; }
  .v3-progtable__sum .v3-num { font-size: 22px; }
}

/* ---- タブ（school-fees の学年／voices のケース）。v3.js が [data-v3tabs] を切り替える ---- */
.v3-tabs__list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
.v3-tabs__list [role=tab] { appearance: none; font: inherit; cursor: pointer; min-height: 52px; padding: 8px 22px; border-radius: 999px; border: 1px solid var(--ink); background: #fff; color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: .04em; }
.v3-tabs__list [role=tab][aria-selected=true] { background: var(--ink); color: #fff; }
.v3-tabs__list [role=tab]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.v3-tabs__list small { font-size: 13px; font-weight: 500; margin-left: 6px; }
@media (max-width: 840px) {
  .v3-tabs__list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 24px; }
  .v3-tabs__list [role=tab] { padding: 8px 10px; font-size: 15px; letter-spacing: 0; }
  .v3-tabs__list small { display: block; margin: 0; font-size: 12px; }
}

/* ---- schools：年齢の物差しの上に、教育課程の段階（資格試験）を帯で置く ---- */
.v3-age { margin: 0 0 48px; padding: 28px 32px 22px; background: var(--sand); }
.v3-age__ttl { font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.v3-age__line { display: grid; grid-template-columns: 8em 1fr; align-items: center; padding: 6px 0; }
.v3-age__who { font-size: 15px; font-weight: 700; line-height: 1.3; }
.v3-age__track { position: relative; height: 40px; }
.v3-age__track i { position: absolute; bottom: 4px; height: 10px; left: calc(var(--a) * 1%); width: calc((var(--b) - var(--a)) * 1%); background: var(--chart); border-radius: 2px; }
.v3-age__track i.is-exam { background: var(--accent-dk); }
.v3-age__track em { position: absolute; left: 0; bottom: 14px; font-style: normal; font-size: 14px; font-weight: 700; line-height: 1.2; white-space: nowrap; color: var(--ink); }
.v3-age__track i.is-r em { left: auto; right: 0; }
.v3-age__line + .v3-age__line.is-cont { padding-top: 0; }
.v3-age__key { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 12px; font-size: 14px; color: var(--ink-2); }
.v3-age__key i { display: inline-block; width: 18px; height: 10px; margin-right: 6px; background: var(--chart); vertical-align: 1px; border-radius: 2px; }
.v3-age__key i.is-exam { background: var(--accent-dk); }
.v3-age__axis { display: grid; grid-template-columns: 8em 1fr; padding-top: 4px; }
.v3-age__axis ol { display: flex; justify-content: space-between; border-top: 1px solid var(--ink); padding-top: 6px; font-size: 13px; color: var(--ink-2); }
.v3-age__axis .v3-num { font-size: 15px; color: var(--ink); }
.v3-age__note { margin-top: 12px; font-size: 14px; color: var(--ink-2); }
.v3-cur { border-top: 1px solid var(--ink); }
.v3-cur > div { display: grid; grid-template-columns: 220px minmax(0, 1fr) 300px; gap: 32px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.v3-cur dt { font-size: 21px; font-weight: 700; line-height: 1.45; }
.v3-cur dd { display: contents; }
.v3-cur__txt { font-size: 16px; line-height: 1.9; }
.v3-cur__fit { font-size: 15px; line-height: 1.8; padding-left: 20px; border-left: 3px solid var(--accent-dk); }
.v3-cur__fit span { display: block; font-size: 13px; font-weight: 700; color: var(--accent-dk); margin-bottom: 2px; }
@media (max-width: 840px) {
  .v3-age { margin: 0 calc(var(--gut) * -1) 36px; padding: 20px var(--gut) 16px; }
  .v3-age__line, .v3-age__axis { grid-template-columns: 5.2em 1fr; }
  .v3-age__who { font-size: 13px; }
  .v3-age__track em { font-size: 12px; }
  .v3-age__key { font-size: 13px; }
  .v3-age__axis ol { font-size: 11px; }
  .v3-age__axis .v3-num { font-size: 13px; }
  .v3-cur > div { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .v3-cur dt { font-size: 19px; }
  .v3-cur__txt { font-size: 15px; }
  .v3-cur__fit { font-size: 14px; padding-left: 14px; margin-top: 4px; }
}

/* ---- schools：見学で聞くこと（写真が追従・観点ごとに「聞くこと」を吹き出しの面で） ---- */
.v3-ask { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 72px; align-items: start; }
.v3-ask__ph { position: sticky; top: 96px; aspect-ratio: 4 / 5; overflow: hidden; }
.v3-ask__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-ask__list > li { padding: 22px 0; border-top: 1px solid var(--line); }
.v3-ask__list > li:last-child { border-bottom: 1px solid var(--line); }
.v3-ask__k { font-size: 19px; font-weight: 700; line-height: 1.5; margin-bottom: 4px; }
.v3-ask__list p { font-size: 15px; line-height: 1.9; }
.v3-ask__q { margin-top: 12px; display: inline-block; background: var(--sand); padding: 10px 18px; font-size: 16px; font-weight: 700; line-height: 1.7; border-radius: 2px 16px 16px 16px; }
.v3-ask__q small { display: block; font-size: 13px; font-weight: 500; color: var(--ink-2); }
@media (max-width: 840px) {
  .v3-ask { grid-template-columns: 1fr; gap: 24px; }
  .v3-ask__ph { position: static; aspect-ratio: 16 / 9; margin: 0 calc(var(--gut) * -1); }
  .v3-ask__list > li { padding: 18px 0; }
  .v3-ask__k { font-size: 18px; }
  .v3-ask__q { display: block; font-size: 15px; padding: 10px 14px; }
}

/* ---- schools：代表的な学校＝1校＝同じ部品・同じ順（校名と課程｜キャンパス・対象｜学費の帯）。帯の長さ＝小学生の年額（物差し S$0〜50,000） ---- */
.v3-sch { border-top: 1px solid var(--ink); }
.v3-sch__axis { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--ink-2); }
.v3-sch__axis ol { display: flex; justify-content: space-between; }
.v3-sch > li { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 6px 40px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--line); }
.v3-sch__name { font-size: 20px; font-weight: 700; line-height: 1.4; }
.v3-sch__cur { margin-top: 2px; font-size: 15px; line-height: 1.6; }
.v3-sch__meta { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 0 20px; font-size: 14px; color: var(--ink-2); line-height: 1.7; }
.v3-sch__meta b { color: var(--ink); font-weight: 700; margin-right: 6px; }
.v3-sch__fee { grid-column: 2; grid-row: 1 / span 2; }
.v3-sch__v { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 14px; }
.v3-sch__v b { font-family: var(--f-num); font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.v3-sch__v a { font-size: 14px; display: inline-flex; align-items: center; min-height: 44px; }
.v3-sch__bar { position: relative; height: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.v3-sch__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--w) * 1%); background: var(--chart); }
.v3-sch__bar i + i { left: calc(var(--a) * 1%); width: calc((var(--w) - var(--a)) * 1%); background: var(--mute); }
.v3-sch__none { font-size: 15px; line-height: 1.7; }
@media (max-width: 840px) {
  .v3-sch__axis { display: none; }
  .v3-sch > li { grid-template-columns: 1fr; padding: 18px 0; }
  .v3-sch__name { font-size: 18px; }
  .v3-sch__cur { font-size: 14px; }
  .v3-sch__meta { font-size: 13px; gap: 0 14px; }
  .v3-sch__fee { grid-column: 1; grid-row: auto; margin-top: 8px; }
  .v3-sch__v b { font-size: 22px; }
}

/* ---- 暦＋帯の「行のまま」版（flow 13か月・schools 出願）：SPでも横の暦のまま（帯が重なる時期があるため縦の暦にしない） ---- */
.v3-cal--flat .v3-cal__txt span { display: inline; }
.v3-cal__rows li.is-paid-start { border-top: 2px solid var(--accent-dk); position: relative; }
.v3-cal__paid { position: absolute; right: 0; top: -13px; background: var(--accent-dk); color: #fff; font-size: 13px; font-weight: 700; line-height: 1; padding: 6px 10px; border-radius: 2px; }
.v3-cal__rows li.is-after .v3-cal__bar { background: repeating-linear-gradient(90deg, var(--chart) 0 10px, transparent 10px 16px); }
.v3-cal__rows li.is-key .v3-cal__bar { background: var(--accent-dk); }
.v3-cal__yr { display: grid; grid-template-columns: repeat(var(--n, 10), minmax(0, 1fr)); font-size: 13px; font-weight: 700; color: var(--ink-2); }
.v3-cal__yr span { grid-column: var(--c, 1) / span 3; white-space: nowrap; }
@media (max-width: 840px) {
  .v3-cal--flat .v3-cal__chart { display: block; }
  .v3-cal--flat .v3-cal__months { display: grid; grid-template-columns: repeat(var(--n, 10), minmax(0, 1fr)); grid-template-rows: none; padding: 10px 0 8px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .v3-cal--flat .v3-cal__months li { border-top: 0; border-left: 1px solid var(--line); padding: 0 0 0 3px; font-size: 0; }
  .v3-cal--flat .v3-cal__months .v3-num { font-size: 14px; margin: 0; }
  .v3-cal--flat .v3-cal__rows { display: block; }
  .v3-cal--flat .v3-cal__rows li { display: grid; grid-template-columns: repeat(var(--n, 10), minmax(0, 1fr)); row-gap: 6px; padding: 12px 0 14px; }
  .v3-cal--flat .v3-cal__txt, .v3-cal--flat .v3-cal__rows li.is-go .v3-cal__txt { grid-column: 1 / -1; grid-row: 1; text-align: left; padding: 0; font-size: 13px; }
  .v3-cal--flat .v3-cal__txt b { display: block; font-size: 16px; }
  .v3-cal--flat .v3-cal__bar { grid-column: var(--s) / var(--e); grid-row: 2; width: auto; height: 16px; margin: 0; }
  .v3-cal__paid { font-size: 12px; top: -12px; }
  .v3-cal__yr { font-size: 12px; }
}

/* ---- flow：段ごとの中身（入学までの残り月数を左に。無料の段と有料の段の境目に線） ---- */
.v3-count { border-top: 1px solid var(--ink); }
.v3-count > li { display: grid; grid-template-columns: 200px 240px minmax(0, 1fr); gap: 32px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.v3-count__when { font-size: 14px; color: var(--ink-2); line-height: 1.4; }
.v3-count__when .v3-num { display: block; font-size: 28px; color: var(--ink); line-height: 1.2; }
.v3-count__ttl { font-size: 19px; font-weight: 700; line-height: 1.5; }
.v3-count__ttl small { display: block; margin-top: 6px; font-size: 13px; font-weight: 700; color: var(--accent-dk); }
.v3-count p { font-size: 15px; line-height: 1.9; }
.v3-count > li.is-free .v3-count__ttl::after { content: "無料"; display: inline-block; margin-left: 10px; font-size: 12px; font-weight: 700; border: 1.5px solid var(--chart); color: var(--chart); padding: 0 8px; border-radius: 2px; vertical-align: 3px; line-height: 1.6; }
.v3-count > li.is-paid-start { border-top: 2px solid var(--accent-dk); }
@media (max-width: 840px) {
  .v3-count > li { grid-template-columns: 1fr; gap: 4px; padding: 20px 0; }
  .v3-count__when { display: flex; align-items: baseline; gap: 8px; font-size: 13px; }
  .v3-count__when .v3-num { display: inline; font-size: 22px; }
  .v3-count__ttl { font-size: 18px; }
}

/* ---- flow：短期の親子留学＝出発を境に前後へ（3つの時期を1本の時間の線の上に） ---- */
.v3-dep__top { display: grid; grid-template-columns: 5fr 6fr; gap: 64px; align-items: end; margin-bottom: 48px; }
.v3-dep__ph { aspect-ratio: 3 / 2; overflow: hidden; margin-left: calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2)); }
.v3-dep__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-dep__list { display: grid; grid-template-columns: 1fr 1fr 1.2fr; }
.v3-dep__list > div { position: relative; padding: 30px 28px 0 0; }
.v3-dep__list > div::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: var(--chart); }
.v3-dep__list > div:last-child::before { background: var(--accent-dk); }
.v3-dep__list > div:last-child { padding-left: 28px; border-left: 2px solid var(--ink); }
.v3-dep__list > div:last-child::after { content: "出発"; position: absolute; left: -2px; top: -30px; font-size: 13px; font-weight: 700; background: var(--ink); color: #fff; padding: 2px 10px; line-height: 1.6; }
.v3-dep__when { display: block; font-size: 14px; font-weight: 500; color: var(--ink-2); }
.v3-dep__list dt { font-size: 20px; font-weight: 700; margin: 2px 0 8px; }
.v3-dep__list dd p { font-size: 15px; line-height: 1.9; }
@media (max-width: 840px) {
  .v3-dep__top { grid-template-columns: 1fr; gap: 28px; margin-bottom: 36px; }
  .v3-dep__ph { margin: 0 calc(var(--gut) * -1); aspect-ratio: 16 / 9; }
  .v3-dep__list { grid-template-columns: 1fr; margin-top: 8px; }
  .v3-dep__list > div, .v3-dep__list > div:last-child { padding: 0 0 26px 22px; border-left: 0; }
  .v3-dep__list > div::before { right: auto; width: 6px; height: auto; bottom: 0; }
  .v3-dep__list > div:last-child { margin-top: 30px; }
  .v3-dep__list > div:last-child::after { left: 0; top: -30px; }
  .v3-dep__list dt { font-size: 18px; }
}

/* ---- school-fees：学年ごとの授業料＝1校1本の横棒（物差し S$0〜56,000 で共通。安い順）。幅のある額は淡い延長 ---- */
.v3-fee__axis { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 32px; padding: 0 0 8px; border-bottom: 1px solid var(--ink); font-size: 13px; color: var(--ink-2); }
.v3-fee__axis ol { display: flex; justify-content: space-between; }
.v3-fee > li { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 4px 32px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.v3-fee__name { font-size: 16px; font-weight: 700; line-height: 1.45; }
.v3-fee__name a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.v3-fee__name small { display: block; font-size: 13px; font-weight: 500; color: var(--ink-2); }
.v3-fee__body { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
.v3-fee__bar { position: relative; height: 14px; }
.v3-fee__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--w) * 1%); background: var(--chart); }
.v3-fee__bar i + i { left: calc(var(--a) * 1%); width: calc((var(--w) - var(--a)) * 1%); background: var(--mute); }
.v3-fee__bar i.is-entry { background: var(--chart-t3); }
.v3-fee__v { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 18px; font-size: 15px; line-height: 1.6; }
.v3-fee__v b { font-family: var(--f-num); font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.v3-fee__v span { color: var(--ink-2); font-size: 14px; }
.v3-fee__v em { font-style: normal; font-size: 14px; }
.v3-fee__key { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0 0 16px; font-size: 14px; }
.v3-fee__key i { display: inline-block; width: 18px; height: 10px; margin-right: 6px; background: var(--chart); vertical-align: 1px; }
.v3-fee__key i.is-range { background: var(--mute); }
.v3-fee__key i.is-entry { background: var(--chart-t3); }
@media (max-width: 840px) {
  .v3-fee__axis { display: none; }
  .v3-fee > li { grid-template-columns: 1fr; padding: 14px 0; }
  .v3-fee__name { font-size: 15px; }
  .v3-fee__v b { font-size: 20px; }
}

/* ---- school-fees：予算が合わないとき（2国の1年の目安を横棒で） ---- */
.v3-budget { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 64px; align-items: center; }
.v3-budget .v3-bars { max-width: none; margin-top: 0; }
.v3-budget .v3-bars li { grid-template-columns: 7em 1fr 7.5em; }
@media (max-width: 840px) {
  .v3-budget { grid-template-columns: 1fr; gap: 28px; }
  .v3-budget .v3-bars li { grid-template-columns: 6em 1fr; }
}

/* ---- 写真＋項目名つきの行（school-fees「授業料以外にかかる費用」） ---- */
.v3-extra { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.v3-extra__ph { aspect-ratio: 4 / 5; overflow: hidden; margin-left: calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2)); }
.v3-extra__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-extra .v3-facts__k b { display: block; font-family: var(--f-num); font-size: 26px; line-height: 1.3; margin-top: 4px; }
.v3-extra .v3-facts__row { grid-template-columns: 210px 1fr; }
@media (max-width: 840px) {
  .v3-extra { grid-template-columns: 1fr; gap: 28px; }
  .v3-extra__ph { margin: 0 calc(var(--gut) * -1); aspect-ratio: 16 / 9; }
  .v3-extra .v3-facts__row { grid-template-columns: 1fr; }
  .v3-extra .v3-facts__k b { font-size: 22px; }
}

/* ---- voices：ご家族の声＝最初の1件を大きく、残り3件は「写真｜お話｜ふり返り」の行 ---- */
.v3-voice { display: grid; grid-template-columns: 7fr 5fr; gap: 56px; align-items: center; margin-bottom: 56px; }
.v3-voice__ph { aspect-ratio: 4 / 3; overflow: hidden; }
.v3-voice__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-voice__q { font-size: 26px; font-weight: 700; line-height: 1.6; letter-spacing: .02em; text-indent: -.5em; word-break: auto-phrase; }
.v3-voice__who { margin-top: 12px; font-size: 14px; color: var(--ink-2); line-height: 1.7; }
.v3-voice__story { margin-top: 18px; font-size: 16px; line-height: 1.95; }
.v3-voice__look { margin-top: 18px; padding: 16px 20px; background: #fff; font-size: 15px; line-height: 1.85; }
.v3-voice__look span, .v3-vrows__look span { display: block; font-size: 13px; font-weight: 700; color: var(--accent-dk); }
.v3-vrows > article { display: grid; grid-template-columns: 200px minmax(0, 1fr) 260px; gap: 36px; padding: 32px 0; border-top: 1px solid var(--line); align-items: start; }
.v3-vrows__ph { aspect-ratio: 1; overflow: hidden; }
.v3-vrows__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-vrows__q { font-size: 20px; font-weight: 700; line-height: 1.6; text-indent: -.5em; word-break: auto-phrase; }
.v3-vrows__who { margin-top: 8px; font-size: 14px; color: var(--ink-2); line-height: 1.7; }
.v3-vrows__story { margin-top: 12px; font-size: 15px; line-height: 1.9; }
.v3-vrows__look { font-size: 15px; line-height: 1.85; padding-left: 18px; border-left: 3px solid var(--accent-dk); }
@media (max-width: 840px) {
  .v3-voice { grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
  .v3-voice__ph { margin: 0 calc(var(--gut) * -1); }
  .v3-voice__q { font-size: 21px; }
  .v3-voice__story { font-size: 15px; }
  .v3-vrows > article { grid-template-columns: 96px minmax(0, 1fr); gap: 14px 16px; padding: 24px 0; }
  .v3-vrows__ph { grid-row: 1; }
  .v3-vrows__main { display: contents; }
  .v3-vrows__head { grid-column: 2; grid-row: 1; }
  .v3-vrows__story { grid-column: 1 / -1; margin-top: 0; }
  .v3-vrows__look { grid-column: 1 / -1; font-size: 14px; }
  .v3-vrows__q { font-size: 17px; }
  .v3-vrows__who { font-size: 13px; }
}

/* ---- voices：ケースの切替パネル ---- */
.v3-case { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; background: #fff; padding: 40px 44px; border-top: 4px solid var(--chart); }
.v3-case__who { font-size: 14px; color: var(--ink-2); }
.v3-case__ttl { margin-top: 6px; font-size: 23px; font-weight: 700; line-height: 1.55; }
.v3-case__ans { margin-top: 16px; font-size: 16px; line-height: 1.95; }
.v3-case__side { padding-left: 32px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 20px; }
.v3-case__ask span { display: block; font-size: 13px; font-weight: 700; color: var(--accent-dk); margin-bottom: 4px; }
.v3-case__ask { font-size: 16px; font-weight: 700; line-height: 1.75; }
@media (max-width: 840px) {
  .v3-case { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; }
  .v3-case__ttl { font-size: 19px; }
  .v3-case__ans { font-size: 15px; }
  .v3-case__side { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--line); }
}

/* ---- voices：同じ6つの問い（聞き取りの用紙のように2列で大きく） ---- */
.v3-sheet { display: grid; grid-template-columns: 4fr 7fr; gap: 72px; align-items: start; }
.v3-sheet__ph { aspect-ratio: 4 / 5; overflow: hidden; }
.v3-sheet__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-sheet__qs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin: 8px 0 28px; border-top: 2px solid var(--ink); }
.v3-sheet__qs li { padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 18px; font-weight: 700; line-height: 1.55; }
.v3-sheet__qs li::before { content: "問"; display: inline-block; margin-right: 10px; font-size: 13px; color: var(--accent-dk); vertical-align: 2px; }
.v3-sheet .v3-h3 { margin-top: 36px; }
@media (max-width: 840px) {
  .v3-sheet { grid-template-columns: 1fr; gap: 28px; }
  .v3-sheet__ph { aspect-ratio: 16 / 9; margin: 0 calc(var(--gut) * -1); }
  .v3-sheet__qs { grid-template-columns: 1fr; }
  .v3-sheet__qs li { font-size: 16px; padding: 12px 0; }
}

/* ---- faq：分類の目次は1つだけ（PC＝左に追従／SP＝FVの下に2列）。本文は分類ごとの開閉 ---- */
.v3-faqcat { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 72px; align-items: start; }
.v3-faqcat__nav { position: sticky; top: 96px; }
.v3-faqcat__nav p { font-size: 13px; color: var(--ink-2); margin-bottom: 8px; }
.v3-faqcat__nav a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; border-top: 1px solid var(--line); font-size: 15px; font-weight: 700; text-decoration: none; }
.v3-faqcat__nav li:last-child a { border-bottom: 1px solid var(--line); }
.v3-faqcat__nav a small { font-family: var(--f-num); font-size: 13px; font-weight: 700; color: var(--ink-2); }
.v3-faqcat__nav a:hover { color: var(--accent-dk); }
.v3-faqgrp + .v3-faqgrp { margin-top: 88px; }
.v3-faqgrp { scroll-margin-top: 88px; }
.v3-faqgrp__head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 8px; }
.v3-faqgrp__head small { font-size: 14px; color: var(--ink-2); }
.v3-faqgrp__lead { font-size: 16px; line-height: 1.9; margin-bottom: 16px; }
.v3-faqgrp__ph { margin: 0 0 24px; aspect-ratio: 21 / 9; overflow: hidden; }
.v3-faqgrp__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-faqgrp .v3-qa details p { padding-bottom: 14px; }
.v3-faqgrp .v3-qa details p:last-child { padding-bottom: 28px; }
@media (max-width: 840px) {
  .v3-faqcat { grid-template-columns: 1fr; gap: 40px; }
  .v3-faqcat__nav { position: static; }
  .v3-faqcat__nav ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .v3-faqcat__nav li:nth-last-child(2) a { border-bottom: 1px solid var(--line); }
  .v3-faqcat__nav a { font-size: 14px; }
  .v3-faqgrp + .v3-faqgrp { margin-top: 64px; }
  .v3-faqgrp__ph { margin: 0 calc(var(--gut) * -1) 20px; aspect-ratio: 16 / 9; }
}

/* ---- why-singapore：6つの特徴＝相談で多い2つを写真つきで大きく、残り4つは2列の行。数字の帯 ---- */
.v3-feat { display: grid; grid-template-columns: 5fr 6fr; gap: 64px; align-items: center; }
.v3-feat__ph { aspect-ratio: 4 / 5; overflow: hidden; margin-left: calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2)); }
.v3-feat__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-feat__big > div + div { margin-top: 36px; padding-top: 32px; border-top: 1px solid var(--line); }
.v3-feat__big .v3-h3 { font-size: 24px; margin-bottom: 10px; }
.v3-feat__big p { font-size: 16px; line-height: 1.95; }
.v3-feat__more { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; margin-top: 72px; border-top: 1px solid var(--ink); }
.v3-feat__more > div { padding: 24px 0; border-bottom: 1px solid var(--line); }
.v3-feat__more dt { font-size: 18px; font-weight: 700; line-height: 1.5; margin-bottom: 6px; }
.v3-feat__more dd { font-size: 15px; line-height: 1.9; }
.v3-nums { margin-top: 56px; display: grid; grid-template-columns: auto repeat(3, minmax(0, 1fr)); gap: 0 40px; align-items: end; padding: 28px 32px; background: var(--sand); }
.v3-nums__ttl { font-size: 16px; font-weight: 700; align-self: center; }
.v3-nums li { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.v3-nums li b { display: block; font-family: var(--f-num); font-size: 36px; font-weight: 700; color: var(--ink); line-height: 1.2; }
.v3-nums li b small { font-size: 16px; margin-left: 2px; }
.v3-nums__src { grid-column: 1 / -1; margin-top: 14px; font-size: 13px; color: var(--ink-2); }
@media (max-width: 840px) {
  .v3-feat { grid-template-columns: 1fr; gap: 28px; }
  .v3-feat__ph { margin: 0 calc(var(--gut) * -1); aspect-ratio: 16 / 10; }
  .v3-feat__big .v3-h3 { font-size: 20px; }
  .v3-feat__big p { font-size: 15px; }
  .v3-feat__more { grid-template-columns: 1fr; margin-top: 48px; }
  .v3-feat__more dt { font-size: 17px; }
  .v3-nums { grid-template-columns: 1fr 1fr 1fr; gap: 12px 12px; padding: 20px 16px; margin: 40px calc(var(--gut) * -1) 0; }
  .v3-nums__ttl { grid-column: 1 / -1; }
  .v3-nums li { font-size: 12px; }
  .v3-nums li b { font-size: 26px; }
  .v3-nums li b small { font-size: 13px; }
}

/* ---- why-singapore：1年の暦（1〜12月）に、雨の多い時期・長い休み・新学年を帯で ---- */
.v3-year { margin-bottom: 56px; }
.v3-year__months, .v3-year__row { display: grid; grid-template-columns: 8em repeat(12, minmax(0, 1fr)); }
.v3-year__months { padding-bottom: 8px; border-bottom: 1px solid var(--ink); font-size: 13px; color: var(--ink-2); }
.v3-year__months li { padding-left: 6px; border-left: 1px solid var(--line); }
.v3-year__months li:first-child { border-left: 0; padding: 0; }
.v3-year__months .v3-num { font-size: 18px; color: var(--ink); }
.v3-year__row { align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.v3-year__row b { grid-column: 1; font-size: 15px; font-weight: 700; line-height: 1.4; }
.v3-year__row i { grid-row: 1; grid-column: var(--s) / var(--e); height: 22px; background: var(--chart); }
.v3-year__row i.is-rain { background: #8FA3A8; }
.v3-year__row i.is-hot { background: repeating-linear-gradient(90deg, #E2B49A 0 100%); }
.v3-year__row i.is-go { background: var(--accent-dk); }
.v3-year__row em { grid-row: 1; grid-column: calc(var(--s) + 1) / -1; font-style: normal; font-size: 14px; font-weight: 700; padding-left: 8px; color: #fff; z-index: 1; white-space: nowrap; }
.v3-year__row em.is-out { color: var(--ink); padding-left: 0; }
@media (max-width: 840px) {
  .v3-year { margin: 0 0 40px; }
  .v3-year__months, .v3-year__row { grid-template-columns: 4.6em repeat(12, minmax(0, 1fr)); }
  .v3-year__months { font-size: 0; }
  .v3-year__months li { padding-left: 2px; }
  .v3-year__months .v3-num { font-size: 13px; }
  .v3-year__row b { font-size: 12px; }
  .v3-year__row i { height: 18px; }
  .v3-year__row em { font-size: 12px; padding-left: 4px; }
}
.v3-cal--white { background: #fff; }
.v3-h3--gap { margin: 64px 0 20px; }
@media (max-width: 840px) { .v3-h3--gap { margin: 48px 0 12px; } }
/* R2b：帯は span で書いているので block に／schools の SP を詰める（旧 11,447px） */
.v3-sch__bar, .v3-fee__bar, .v3-age__track { display: block; }
@media (max-width: 840px) {
  .v3-sec--tight { padding: var(--pad-s) 0; }
  .v3-ask__ph { aspect-ratio: 21 / 9; }
  .v3-ask__list > li { padding: 14px 0; }
  .v3-ask__k { font-size: 17px; margin-bottom: 2px; }
  .v3-ask__list p { font-size: 14px; line-height: 1.8; }
  .v3-ask__q { margin-top: 8px; padding: 8px 12px; font-size: 14px; }
  .v3-ask__q small { display: inline; margin-right: 6px; font-size: 12px; }
  .v3-cur > div { padding: 16px 0; gap: 4px; }
  .v3-cur dt { font-size: 18px; }
  .v3-cur__fit span { display: inline; margin-right: 6px; }
  .v3-sch > li { padding: 14px 0; gap: 2px; }
  .v3-sch__v a { min-height: 44px; }
  .v3-facts--big .v3-facts__row { padding: 14px 0; }
}
/* 下層FVの要点：金額の幅のように長い値の項目だけ広く（schools・school-fees） */
.v3-pagehead__pts li.is-wide { flex: 1.9 1 0; }
.v3-pagehead__ttl--long { font-size: 40px; }
@media (max-width: 840px) { .v3-pagehead__ttl--long { font-size: 26px; } }
@media (max-width: 840px) {
  .v3-ask__list p { font-size: 14px; line-height: 1.7; }
  .v3-ask__list > li { padding: 12px 0; }
  .v3-ask__q { margin-top: 6px; line-height: 1.6; }
  .v3-cur__txt { font-size: 14px; line-height: 1.75; }
  .v3-cur__fit { font-size: 13px; line-height: 1.7; }
  .v3-age { padding-top: 16px; }
  .v3-age__ttl { margin-bottom: 4px; }
  .v3-age__track { height: 34px; }
  .v3-sch__meta { line-height: 1.6; }
  .v3-sch__v a { font-size: 13px; }
  .v3-facts--big .v3-facts__row { font-size: 14px; line-height: 1.75; gap: 2px; }
  .v3-cal--flat .v3-cal__rows li { padding: 10px 0 12px; }
  .v3-cal--flat .v3-cal__head { margin-bottom: 24px; }
}
.v3-case[hidden], [data-v3tabs] [role=tabpanel][hidden] { display: none !important; }
@media (max-width: 840px) {
  .v3-progtable tbody td, .v3-progtable tbody tr:first-child td { font-size: 14px; }
}
/* 学校名のリンク（公式の学費表）もタップ44px以上 */
.v3-fee__name a { display: inline-flex; align-items: center; min-height: 44px; }
.v3-fee__name small { margin-top: -8px; }

/* =========================================================
   R2c（10/21）残り5ページ（v3-visa／v3-about／v3-contact／v3-privacy／v3-legal）と v3-fees プラン表のSP
   使い方＝night/261020_v3夜間/v3部品メモ.md §6
   ========================================================= */
/* visa：暦の下の説明を4列に／段ごとの「ルシュエットがすること」 */
.v3-cal__detail--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v3-cal__ours { display: block; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--line); font-size: 13px; line-height: 1.7; color: var(--ink-2); }
/* visa：条件（写真＋数字3つ） */
.v3-vcond__in { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 64px; align-items: start; }
.v3-vcond__ph { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; }
.v3-vcond__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%; }
.v3-terms--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 8px; }
/* visa：必要書類＝用紙（誰が用意するかで3つにまとめる。□は「そろえたら印をつける」持ち物の印） */
.v3-docs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #fff; padding: 40px 40px 32px; box-shadow: 0 1px 0 rgba(58,54,49,.08); }
.v3-docs__grp { padding: 0 28px; }
.v3-docs__grp:first-child { padding-left: 0; }
.v3-docs__grp + .v3-docs__grp { border-left: 1px solid var(--line); }
.v3-docs__grp:last-child { padding-right: 0; }
.v3-docs__who { font-size: 15px; font-weight: 700; padding-bottom: 12px; border-bottom: 2px solid var(--ink); }
.v3-docs__grp.is-long .v3-docs__who { border-bottom-color: var(--accent-dk); color: var(--accent-dk); }
.v3-docs li { position: relative; padding: 18px 0 16px 32px; border-bottom: 1px solid var(--line); }
.v3-docs li::before { content: ""; position: absolute; left: 0; top: 23px; width: 18px; height: 18px; border: 1.5px solid var(--ink); border-radius: 3px; }
.v3-docs li b { font-size: 19px; line-height: 1.5; }
.v3-docs li small { display: inline-block; margin-left: 10px; font-size: 13px; color: var(--ink-2); }
.v3-docs li span { display: block; margin-top: 4px; font-size: 15px; line-height: 1.8; }
/* about：代表あいさつ（大きな一文＋本文｜家族の写真）＋代表の歩み（年の物差し） */
.v3-msg__in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 72px; align-items: start; }
.v3-msg__lbl { font-size: 16px; font-weight: 700; letter-spacing: .08em; color: var(--ink-2); }
/* R3：大きな一文を節見出し（h2）に・「代表あいさつ」は見出しの上の小さな札 */
.v3-msg__quote { margin: 14px 0 32px; font-size: 36px; font-weight: 700; line-height: 1.55; letter-spacing: .03em; }
.v3-msg__body > p + p { margin-top: 18px; }
.v3-msg__sign { margin-top: 32px !important; padding-top: 20px; border-top: 1px solid var(--line); font-size: 22px; font-weight: 700; }
.v3-msg__sign span { font-size: 14px; font-weight: 500; margin-right: 14px; color: var(--ink-2); }
.v3-msg__sign small { display: block; margin-top: 4px; font-size: 14px; font-weight: 500; color: var(--ink-2); }
.v3-msg__ph { margin: 40px 0 0; }
.v3-msg__ph img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; }
.v3-msg__ph figcaption { margin-top: 12px; font-size: 14px; line-height: 1.7; color: var(--ink-2); }
.v3-story { margin-top: 80px; }
.v3-story__ttl { font-size: 16px; font-weight: 700; margin-bottom: 12px; }
.v3-story__axis, .v3-story__rows li { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); }
.v3-story__axis { padding-bottom: 8px; border-bottom: 1px solid var(--ink); }
.v3-story__axis li { border-left: 1px solid var(--line); padding-left: 6px; min-height: 26px; }
.v3-story__axis .v3-num { font-size: 18px; }
.v3-story__rows li { row-gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.v3-story__rows b, .v3-story__rows span { grid-row: 1; grid-column: var(--s) / -1; }
.v3-story__rows b { font-size: 17px; }
.v3-story__rows span { padding-left: 9em; font-size: 14px; line-height: 1.6; color: var(--ink-2); align-self: center; }
.v3-story__rows i { grid-row: 2; grid-column: var(--s) / var(--e); height: 14px; background: var(--chart); }
.v3-story__rows li.is-co i { background: var(--accent-dk); }
/* about：担当の帯（段階×担当）。PC＝横に段階・縦に担当／SP＝縦に段階・横に担当（v3-cal と同じ考え方で向きを変える） */
.v3-lane { display: grid; grid-template-columns: 240px repeat(5, minmax(0, 1fr)); grid-template-rows: auto auto auto; column-gap: 6px; background: #fff; padding: 28px 32px 32px; }
.v3-lane__step { grid-row: 1; grid-column: var(--p); padding: 0 0 12px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--ink); font-size: 14px; font-weight: 700; line-height: 1.5; }
.v3-lane__who { grid-column: 1; grid-row: var(--q); padding: 20px 16px 20px 0; border-bottom: 1px solid var(--line); font-size: 17px; font-weight: 700; line-height: 1.5; }
.v3-lane__who small { display: block; margin-top: 4px; font-size: 13px; font-weight: 500; color: var(--ink-2); }
.v3-lane__bar { grid-row: var(--q); grid-column: var(--a) / var(--b); align-self: center; margin: 14px 0; padding: 10px 14px; background: var(--chart-dk); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5; }
.v3-lane__bar.is-sg { background: var(--chart-md); }
.v3-team { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 56px; align-items: center; margin-top: 56px; }
.v3-team__ph { margin: 0; aspect-ratio: 3 / 2; overflow: hidden; }
.v3-team__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-team__txt p { font-size: 16px; line-height: 1.95; }
.v3-team__txt p + p { margin-top: 14px; }
/* about：会社概要（左の見出しを追従） */
.v3-co { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 80px; align-items: start; }
.v3-co__l { position: sticky; top: 112px; }
.v3-co__l .v3-h2 { margin-bottom: 14px; }
/* about：お約束（白い面）としないこと（点線の枠） */
.v3-oath { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px; align-items: stretch; }
.v3-oath__ttl { font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.v3-oath__do { background: #fff; padding: 40px 44px; }
.v3-oath__do dl > div { padding: 20px 0; border-bottom: 1px solid var(--line); }
.v3-oath__do dl > div:last-child { border-bottom: 0; }
.v3-oath__do dt { font-size: 18px; font-weight: 700; line-height: 1.6; }
.v3-oath__do dd { margin-top: 6px; font-size: 15px; line-height: 1.8; color: var(--ink-2); }
.v3-oath__dont { padding: 40px 40px; border: 1.5px dashed #A9A596; }
.v3-oath__dont ul { margin-bottom: 20px; }
.v3-oath__dont li { position: relative; padding: 16px 0 16px 30px; border-bottom: 1px solid var(--line); font-size: 16px; line-height: 1.75; }
.v3-oath__dont li::before { content: ""; position: absolute; left: 0; top: 30px; width: 16px; height: 2px; background: var(--ink); }
/* contact：フォーム（枠付きの選択肢をやめ、印＋文字の行に）・入力16px以上・タップ44px以上 */
.v3-cform { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 72px; align-items: start; }
.v3-cform__main .v3-h2 { margin-bottom: 16px; }
.v3-cform__hint { font-size: 15px; line-height: 1.8; color: var(--ink-2); }
.v3-cform__aside { position: sticky; top: 112px; }
.v3-cform__ph { margin: 0 0 24px; aspect-ratio: 3 / 2; overflow: hidden; }
.v3-cform__ph img { width: 100%; height: 100%; object-fit: cover; }
.v3-cform__aside .v3-h3 { font-size: 18px; margin-bottom: 8px; }
.v3-cform__win > div { padding: 14px 0; border-top: 1px solid var(--line); }
.v3-cform__win dt { font-size: 14px; font-weight: 700; }
.v3-cform__win dd { margin-top: 4px; font-size: 14px; line-height: 1.8; }
.v3-form { margin-top: 12px; }
.v3-form fieldset { border: 0; padding: 0; min-width: 0; }
.v3-form__row { margin-top: 32px; }
.v3-form__label { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; padding: 0; font-size: 16px; font-weight: 700; }
.v3-form__req { display: inline-block; padding: 1px 8px; border-radius: 4px; background: var(--accent); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.6; }
.v3-form__opt { display: inline-block; padding: 0 8px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink-2); font-size: 12px; font-weight: 500; line-height: 1.6; }
.v3-form__input { display: block; width: 100%; min-height: 52px; padding: 12px 14px; border: 1.5px solid #B9B3A5; border-radius: 6px; background: #fff; font: inherit; font-size: 16px; line-height: 1.6; color: var(--ink); }
.v3-form__input:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }
textarea.v3-form__input { min-height: 150px; resize: vertical; }
select.v3-form__input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 44px; }
.v3-form__hint { margin-top: 8px; font-size: 14px; line-height: 1.7; color: var(--ink-2); }
.v3-form__opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; border-top: 1px solid var(--line); }
.v3-form__opts--line { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v3-form__opt-i { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 10px 6px 4px; border-bottom: 1px solid var(--line); font-size: 16px; line-height: 1.5; cursor: pointer; }
.v3-form__opt-i input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--accent-dk); }
.v3-form__opt-i:has(input:checked) { background: var(--sand); font-weight: 700; }
.v3-form__agree { margin-top: 36px; }
.v3-form__agree .v3-form__opt-i { border-bottom: 0; padding-left: 0; }
.v3-form__agree .v3-form__req { margin-left: 10px; }
.v3-form__promise { margin: 12px 0 28px; font-size: 14px; line-height: 1.85; color: var(--ink-2); }
.v3-form__submit { cursor: pointer; font: inherit; font-size: 18px; font-weight: 700; }
/* contact：申し込みのあと（時間の線。左から「いつ」） */
.v3-after { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; border-top: 2px solid var(--ink); }
.v3-after > div { position: relative; padding-top: 22px; }
.v3-after > div::before { content: ""; position: absolute; top: -8px; left: 0; width: 2px; height: 14px; background: var(--ink); }
.v3-after dt span { font-size: 14px; font-weight: 700; color: var(--accent-dk); }
.v3-after dd { margin-top: 6px; font-size: 15px; line-height: 1.85; }
.v3-after dd b { display: block; margin-bottom: 6px; font-size: 20px; line-height: 1.5; }
/* privacy・legal：読みやすい組版（1行38字前後・条の見出し・左に目次） */
.v3-legal { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 72px; align-items: start; }
.v3-legal--table { grid-template-columns: minmax(0, 1fr); }
.v3-legal__toc { position: sticky; top: 112px; }
.v3-legal__toc p { font-size: 14px; font-weight: 700; color: var(--ink-2); padding-bottom: 8px; border-bottom: 1px solid var(--ink); }
.v3-legal__toc ol { counter-reset: lg; }
.v3-legal__toc li { counter-increment: lg; border-bottom: 1px solid var(--line); }
.v3-legal__toc a { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; line-height: 1.5; text-decoration: none; }
.v3-legal__toc a::before { content: counter(lg) "."; font-family: var(--f-num); font-weight: 700; color: var(--ink-2); min-width: 1.4em; }
.v3-legal__toc a:hover { text-decoration: underline; }
.v3-legal__body { max-width: 38em; }
.v3-legal--table .v3-legal__body { max-width: 880px; }
.v3-legal__body > h2 { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 21px; font-weight: 700; line-height: 1.5; scroll-margin-top: 100px; }
.v3-legal__body > h2:first-of-type { margin-top: 0; border-top: 0; padding-top: 0; }
.v3-legal__body > h2 span { font-family: var(--f-num); color: var(--accent-dk); margin-right: 10px; }
.v3-legal__body > p, .v3-legal__body > ul { margin-top: 14px; font-size: 16px; line-height: 2; }
.v3-legal__body > ul { padding-left: 1.3em; list-style: disc; }
.v3-legal__dl { margin-top: 16px; border-top: 1px solid var(--ink); }
.v3-legal__dl > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.v3-legal__dl dt { font-size: 15px; font-weight: 700; line-height: 1.8; }
.v3-legal__dl dd { font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.v3-legal__dl--wide > div { grid-template-columns: 220px minmax(0, 1fr); padding: 24px 0; }
.v3-legal__price { margin-bottom: 12px; }
.v3-legal__price li { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px dashed var(--line); }
.v3-legal__price b { font-size: 22px; margin-left: 6px; }
.v3-legal__sub { margin-top: 4px; font-size: 14px; font-weight: 700; color: var(--ink-2); }
.v3-legal__sub ~ .v3-legal__sub { margin-top: 18px; }
.v3-legal__steps { display: flex; gap: 2px; margin: 8px 0 4px; }
.v3-legal__steps li { flex: 1; padding: 10px 12px; background: var(--sand); font-size: 14px; line-height: 1.5; }
.v3-legal__steps li:nth-child(2) { background: #EDE3CF; }
.v3-legal__steps li:nth-child(3) { background: #E2D4BA; }
.v3-legal__steps li:nth-child(4) { background: #D6C5A6; }
.v3-legal__steps b { display: block; font-family: var(--f-num); font-size: 22px; line-height: 1.3; }
.v3-legal__dl dd > p + p, .v3-legal__dl dd > ul + p { margin-top: 10px; }
.v3-legal__date { margin-top: 32px !important; font-size: 14px !important; color: var(--ink-2); }
.v3-legal__next { margin-top: 48px !important; padding-top: 24px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; font-size: 15px !important; }

@media (max-width: 840px) {
  .v3-cal__detail--4 { grid-template-columns: 1fr; }
  .v3-vcond__in { grid-template-columns: 1fr; gap: 28px; }
  .v3-vcond__ph { aspect-ratio: 16 / 10; }
  .v3-terms--3 { grid-template-columns: 1fr; }
  .v3-terms--3 > div, .v3-terms--3 > div + div { padding: 16px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .v3-docs { grid-template-columns: 1fr; padding: 24px 20px; }
  .v3-docs__grp, .v3-docs__grp:first-child, .v3-docs__grp:last-child { padding: 0; }
  .v3-docs__grp + .v3-docs__grp { border-left: 0; margin-top: 28px; }
  .v3-docs li { padding: 14px 0 12px 30px; }
  .v3-docs li::before { top: 19px; }
  .v3-docs li b { font-size: 17px; }
  .v3-msg__in { grid-template-columns: 1fr; gap: 32px; }
  .v3-msg__quote { font-size: 26px; margin: 10px 0 24px; }
  .v3-msg__ph { margin: 0; }
  .v3-msg__ph img { aspect-ratio: 4 / 3; }
  .v3-story { margin-top: 48px; }
  .v3-story__axis .v3-num { font-size: 14px; }
  .v3-story__axis li { padding-left: 3px; }
  .v3-story__rows b, .v3-story__rows span { grid-column: 1 / -1; }
  .v3-story__rows span { grid-row: 2; padding-left: 0; font-size: 13px; }
  .v3-story__rows i { grid-row: 3; }
  .v3-lane { grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto repeat(5, minmax(64px, auto)); column-gap: 8px; padding: 16px 14px 20px; }
  .v3-lane__step { grid-row: var(--p); grid-column: 1; padding: 8px 0 0; border-left: 0; border-bottom: 0; border-top: 1px solid var(--line); font-size: 13px; }
  .v3-lane__who { grid-row: 1; grid-column: var(--q); padding: 0 0 10px; border-bottom: 1px solid var(--ink); font-size: 14px; }
  .v3-lane__who small { font-size: 12px; }
  .v3-lane__bar { grid-column: var(--q); grid-row: var(--a) / var(--b); align-self: stretch; margin: 4px 0; padding: 8px 10px; font-size: 13px; }
  .v3-team { grid-template-columns: 1fr; gap: 20px; margin-top: 32px; }
  .v3-team__txt p { font-size: 15px; }
  .v3-co { grid-template-columns: 1fr; gap: 24px; }
  .v3-co__l { position: static; }
  .v3-oath { grid-template-columns: 1fr; gap: 20px; }
  .v3-oath__do, .v3-oath__dont { padding: 24px 20px; }
  .v3-oath__do dt { font-size: 17px; }
  .v3-oath__dont li { font-size: 15px; }
  .v3-cform { grid-template-columns: 1fr; gap: 48px; }
  .v3-cform__aside { position: static; }
  .v3-form__opts { grid-template-columns: 1fr; }
  .v3-form__opts--line { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
  .v3-form__submit { width: 100%; min-width: 0; }
  .v3-after { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid var(--ink); padding-left: 20px; gap: 0; }
  .v3-after > div { padding: 0 0 24px; }
  .v3-after > div::before { top: 10px; left: -28px; width: 14px; height: 2px; }
  .v3-legal { grid-template-columns: 1fr; gap: 32px; }
  .v3-legal__toc { position: static; }
  .v3-legal__toc ol { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
  .v3-legal__toc a { font-size: 13px; }
  .v3-legal__body > h2 { font-size: 19px; margin-top: 44px; }
  .v3-legal__body > p, .v3-legal__body > ul { font-size: 15px; line-height: 1.95; }
  .v3-legal__dl > div, .v3-legal__dl--wide > div { grid-template-columns: 1fr; gap: 4px; padding: 16px 0; }
  .v3-legal__dl dd { font-size: 15px; }
  .v3-legal__steps { flex-wrap: wrap; }
  .v3-legal__steps li { flex: 1 1 40%; }
}

/* v3-fees プラン表：SPで横スクロールしない組み（services の比較表と同じ考え方＝項目名を帯にして3プランを横に並べる。PCは変えない） */
@media (max-width: 840px) {
  .v3-plantable { overflow: visible; }
  .v3-plantable table, .v3-plantable thead, .v3-plantable tbody { display: block; width: 100%; }
  .v3-plantable tr, .v3-plantable tbody tr:first-child { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 6px; }
  .v3-plantable thead th:first-child { display: none; }
  .v3-plantable thead th { width: auto; padding: 16px 4px 14px; text-align: center; }
  .v3-plantable thead th:first-child + th { padding-left: 4px; }
  .v3-plantable thead .is-rec { border-radius: 10px 10px 0 0; }
  .v3-plantable tbody th { grid-column: 1 / -1; width: auto; padding: 10px 0 2px; border-bottom: 0; border-top: 1px solid var(--ink); background: #fff; font-size: 14px; text-align: left; }
  .v3-plantable tbody td { padding: 6px 6px 12px; border-bottom: 0; font-size: 14px; text-align: center; }
  .v3-plantable tbody tr:first-child td { font-size: 13px; line-height: 1.6; text-align: left; }
  .v3-plantable__name { white-space: normal; font-size: 15px; letter-spacing: 0; }
  .v3-plantable__price .v3-num { font-size: 30px; }
}
/* R2c：flat の暦で、数字でない月ラベル（「入学」）をSPでも出す */
@media (max-width: 840px) { .v3-cal--flat .v3-cal__months li.is-txt { font-size: 12px; font-weight: 700; color: var(--accent-dk); } }
.v3-form__opts--line { grid-template-columns: repeat(4, max-content); column-gap: 32px; }
.v3-form__opts--line .v3-form__opt-i { white-space: nowrap; }
@media (max-width: 840px) { .v3-form__opts--line { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; } }

/* =========================================================
   R5（10/21 未明）R4辛口レビューの修正。#15 文字：本文を500に・図のラベル最小13px・目盛14px・注記を1段濃く（--ink-2）
   ========================================================= */
body.v3 { font-weight: 500; }
.v3-pagehead__pts small { font-size: 14px; color: var(--ink); }
.v3-cal__months li, .v3-cal--days .v3-cal__months li, .v3-cal__yr, .v3-cal__paid,
.v3-bars__k small, .v3-week__row > [role=cell] small, .v3-tabs__list small,
.v3-ask__q small, .v3-lane__who small, .v3-nums li, .v3-range__who { font-size: 13px; }
.v3-range__axis, .v3-age__axis ol { font-size: 14px; }
.v3-age__track em { font-size: 13px; }
.v3-bdbar span { font-size: 14px; }
@media (max-width: 840px) {
  .v3-cal__months li, .v3-cal--days .v3-cal__months li, .v3-cal__yr, .v3-cal__paid,
  .v3-bars__k small, .v3-week__row > [role=cell] small, .v3-week__row > [role=cell]::before, .v3-tabs__list small,
  .v3-ask__q small, .v3-lane__who small, .v3-nums li, .v3-range__who, .v3-age__track em,
  .v3-plantable__for, .v3-plantable__price, .v3-plantable thead small, .v3-progtable .v3-plantable__for { font-size: 13px; }
  .v3-range__axis { font-size: 13px; }
  .v3-age__axis ol { font-size: 13px; }
  .v3-bdbar span { font-size: 13px; }
  .v3-cal--flat .v3-cal__months li { font-size: 0; }
  .v3-cal--flat .v3-cal__months li.is-txt { font-size: 13px; }
}

/* R5 #4：期間ごとの総額＝基本の2週間を大きく1つ、他は小さく横に（棒の帯はやめた） */
.v3-dur { margin-top: 18px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 36px; }
.v3-dur__main { font-size: 18px; font-weight: 700; line-height: 1.2; padding: 16px 24px 16px 20px; background: var(--chart-lt); border-left: 6px solid var(--chart); }
.v3-dur__main .v3-num { font-size: 48px; margin: 0 4px; }
.v3-dur__k { display: inline-block; margin-right: 18px; font-size: 18px; }
.v3-dur__k small { display: inline-block; margin-left: 8px; padding: 2px 8px; font-size: 13px; color: #fff; background: var(--chart-dk); border-radius: 2px; vertical-align: 3px; }
.v3-dur__sub { display: grid; gap: 4px; font-size: 16px; font-weight: 700; }
.v3-dur__sub .v3-num { font-size: 24px; margin: 0 2px; }
@media (max-width: 840px) {
  .v3-dur { gap: 12px; }
  .v3-dur__main { width: 100%; padding: 12px 16px; }
  .v3-dur__main .v3-num { font-size: 40px; }
  .v3-dur__sub { grid-auto-flow: column; gap: 20px; }
  .v3-dur__sub .v3-num { font-size: 22px; }
}
/* R5 #4：内訳の行のうち、いちばん大きい項目だけ大きく（比率の帯を外したページ） */
.v3-bd__row.is-big { min-height: 104px; background: #fff; box-shadow: inset 6px 0 0 var(--chart) !important; }
.v3-bd__row.is-big .v3-bd__lbl { font-size: 20px; }
.v3-bd__row.is-big .v3-bd__val b { font-size: 1.35em; }
/* R5 #4：お支払い・キャンセル＝いちばん知りたい「いつまで無料か」を大きく1つ＋短い行（帯・段の図は費用ページに1か所） */
.v3-paykey { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 2px; margin-top: 48px; }
.v3-paykey__main { background: #fff; padding: 32px 36px; border-top: 4px solid var(--chart); }
.v3-paykey__sub { background: rgba(255,255,255,.6); padding: 32px 32px; border-top: 4px solid var(--line); }
.v3-paykey__k { font-size: 16px; font-weight: 700; }
.v3-paykey__k small { display: block; font-size: 13px; font-weight: 500; color: var(--ink-2); }
.v3-paykey__big { margin-top: 12px; font-size: 22px; font-weight: 700; line-height: 1.3; }
.v3-paykey__big .v3-num { font-size: 56px; margin: 0 4px; color: var(--chart-dk); }
.v3-paykey__big em { font-style: normal; display: inline-block; margin-left: 12px; padding: 4px 14px; background: var(--chart-dk); color: #fff; font-size: 20px; border-radius: 2px; vertical-align: 10px; }
.v3-paykey__then { margin-top: 14px; font-size: 15px; line-height: 1.8; }
.v3-paykey__then b { font-family: var(--f-num); font-size: 17px; }
.v3-paykey__two { display: flex; gap: 28px; margin-top: 14px; font-size: 16px; font-weight: 700; }
.v3-paykey__two .v3-num { font-size: 40px; line-height: 1; }
.v3-paykey__two small { display: block; margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--ink); }
.v3-pay .v3-paykey__two { margin-top: 0; }
@media (max-width: 840px) {
  .v3-paykey { grid-template-columns: 1fr; margin-top: 36px; }
  .v3-paykey__main, .v3-paykey__sub { padding: 24px 20px; }
  .v3-paykey__big { font-size: 19px; }
  .v3-paykey__big .v3-num { font-size: 46px; }
  .v3-paykey__big em { font-size: 17px; vertical-align: 8px; }
  .v3-paykey__two .v3-num { font-size: 34px; }
}
/* R5 #8・#24：合う写真が無いページ末CTA＝写真を外し、淡い面に見出しを大きく（左）＋ボタン（右） */
.v3-cta2--plain { grid-template-columns: minmax(0, 1fr); min-height: 0; background: var(--chart-lt); border-top: 4px solid var(--chart); }
.v3-cta2--plain .v3-cta2__body { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); grid-template-rows: auto auto auto 1fr; column-gap: 72px; row-gap: 18px; width: 100%; max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: var(--pad-m) var(--gut); }
.v3-cta2--plain .v3-cta2__ttl { grid-column: 1; grid-row: 1 / span 4; align-self: center; font-weight: 700; font-size: 38px; line-height: 1.55; }
.v3-cta2--plain .v3-cta2__body > p { grid-column: 2; }
@media (max-width: 840px) {
  .v3-cta2--plain .v3-cta2__body { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: var(--pad-s) var(--gut); }
  .v3-cta2--plain .v3-cta2__ttl { grid-row: auto; font-size: 26px; }
  .v3-cta2--plain .v3-cta2__body > p { grid-column: 1; }
}
/* R5 #14：暦の数字が「残り月数」のときは単位を必ず添える */
.v3-cal__months--before small { display: block; font-size: 13px; line-height: 1.2; color: var(--ink-2); }
.v3-cal__months--before .v3-num { display: block; line-height: 1.1; }
.v3-cal__months--before li.is-txt { font-size: 15px; font-weight: 700; color: var(--accent-dk); align-self: end; }
@media (max-width: 840px) {
  .v3-cal__months--before li { display: flex; flex-direction: column; }
  .v3-cal__months--before small { font-size: 13px; letter-spacing: 0; }
  .v3-cal--flat .v3-cal__months--before small { font-size: 12px; letter-spacing: -.04em; }
}
/* R5 #12：お悩み＝いちばん多い1つを大きく＋残りは答えのある場所への行リンク */
.v3-worry2 .v3-h2 { margin-bottom: 40px; }
.v3-worry2__big { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 48px; align-items: end; padding-bottom: 40px; border-bottom: 1px solid var(--ink); }
.v3-worry2__big q { quotes: "「" "」"; font-size: 36px; font-weight: 700; line-height: 1.5; letter-spacing: .02em; }
.v3-worry2__big q strong { background: linear-gradient(transparent 66%, var(--chart-lt) 66%); }
.v3-worry2__big span { font-size: 16px; line-height: 1.9; }
.v3-worry2__more { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3-worry2__more li + li { border-left: 1px solid var(--line); }
.v3-worry2__more a { display: flex; flex-direction: column; justify-content: space-between; gap: 18px; height: 100%; padding: 28px 28px 24px; text-decoration: none; }
.v3-worry2__more li:first-child a { padding-left: 0; }
.v3-worry2__more a:hover q { text-decoration: underline; }
.v3-worry2__more q { quotes: "「" "」"; font-size: 18px; font-weight: 500; line-height: 1.7; }
.v3-worry2__more span { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; font-weight: 700; color: var(--chart-dk); }
@media (max-width: 840px) {
  .v3-worry2 .v3-h2 { margin-bottom: 24px; }
  .v3-worry2__big { grid-template-columns: 1fr; gap: 14px; padding-bottom: 28px; }
  .v3-worry2__big q { font-size: 25px; }
  .v3-worry2__big span { font-size: 15px; }
  .v3-worry2__more { grid-template-columns: 1fr; }
  .v3-worry2__more li + li { border-left: 0; border-top: 1px solid var(--line); }
  .v3-worry2__more a, .v3-worry2__more li:first-child a { padding: 18px 0 10px; gap: 4px; }
  .v3-worry2__more q { font-size: 17px; }
}
/* R5 #4：時期の情報で「いちばん大事な1つ」を大きく＋前後を小さく添える（schools 出願。暦＋帯の代わり） */
.v3-key { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 2px; margin-top: 8px; }
.v3-key__main { background: var(--chart-lt); padding: 40px 44px; border-top: 4px solid var(--chart); }
.v3-key__k { font-size: 17px; font-weight: 700; color: var(--chart-dk); }
.v3-key__big { margin-top: 6px; font-size: 26px; font-weight: 700; line-height: 1.2; }
.v3-key__big .v3-num { font-size: 76px; line-height: 1; margin-right: 4px; letter-spacing: -.02em; }
.v3-key__big small { display: block; margin-top: 12px; font-size: 15px; font-weight: 700; color: var(--ink); }
.v3-key__txt { margin-top: 18px; font-size: 16px; line-height: 1.9; }
.v3-key__around { background: var(--sand); padding: 18px 40px; display: grid; align-content: center; }
.v3-key__around li { padding: 18px 0; font-size: 15px; line-height: 1.8; }
.v3-key__around li + li { border-top: 1px solid var(--line); }
.v3-key__around span { display: block; font-size: 14px; font-weight: 700; color: var(--ink-2); }
.v3-key__around b { display: block; font-size: 18px; }
@media (max-width: 840px) {
  .v3-key { grid-template-columns: 1fr; }
  .v3-key__main { padding: 28px 22px; }
  .v3-key__big .v3-num { font-size: 60px; }
  .v3-key__around { padding: 8px 22px; }
}
/* R5 #21：代表の歩みの帯をやめて1文に */
.v3-msg__since { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 18px; font-weight: 700; line-height: 1.7; }
.v3-msg__since .v3-num { font-size: 30px; margin: 0 2px; color: var(--chart-dk); }
@media (max-width: 840px) { .v3-msg__since { margin-top: 36px; font-size: 16px; } .v3-msg__since .v3-num { font-size: 26px; } }
/* R5 #13：問いと答え＝最初の1問を大きく、残りは開閉（.v3-qa を流用） */
.v3-qa1 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; align-items: start; }
.v3-qa1__big { background: var(--chart-lt); padding: 36px 40px 40px; border-top: 4px solid var(--chart); }
.v3-qa1__q { font-size: 26px; font-weight: 700; line-height: 1.5; margin-bottom: 18px; }
.v3-qa1__big p { font-size: 16px; line-height: 1.95; }
.v3-qa1__big p strong { font-size: 1.1em; background: linear-gradient(transparent 66%, #fff 66%); }
@media (max-width: 840px) {
  .v3-qa1 { grid-template-columns: 1fr; gap: 28px; }
  .v3-qa1__big { padding: 26px 22px 28px; }
  .v3-qa1__q { font-size: 21px; }
}
/* R5 #23：数字で見るシンガポール＝数字を大きく（説明は13px以上） */
.v3-nums li b { font-size: 46px; }
@media (max-width: 840px) { .v3-nums li b { font-size: 30px; } }

/* R5 #3：流れの暦＝段の名前がボタン。押すと中身が帯の下に開く（罫線8行の言い直しをやめた） */
.v3-cal__hint { margin-top: 12px !important; font-size: 14px; color: var(--ink-2); }
.v3-cal__tg { appearance: none; -webkit-appearance: none; background: none; border: 0; margin: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; display: block; min-height: 44px; padding: 0 44px 0 2px; position: relative; }
.v3-cal__rows li.is-go .v3-cal__tg { text-align: right; }
.v3-cal__tg::after { content: ""; position: absolute; right: 4px; top: 4px; width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 1.5px solid var(--chart-dk);
  background-image: linear-gradient(var(--chart-dk), var(--chart-dk)), linear-gradient(var(--chart-dk), var(--chart-dk)); background-size: 12px 2px, 2px 12px; background-position: center; background-repeat: no-repeat; }
.v3-cal__tg[aria-expanded="true"]::after { background-color: var(--chart-dk); background-image: linear-gradient(#fff, #fff); background-size: 12px 2px; }
.v3-cal__tg:hover b { text-decoration: underline; text-underline-offset: 4px; }
.v3-cal__tg:focus-visible { outline: 2px solid var(--chart-dk); outline-offset: 2px; }
.v3-cal__info { grid-column: 1 / -1; grid-row: 3; margin-top: 10px; padding: 20px 26px; background: #fff; border-left: 4px solid var(--chart); display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; font-size: 16px; line-height: 1.9; color: var(--ink); }
.v3-cal__info[hidden] { display: none; }
.v3-cal__rows li.is-paid-start .v3-cal__info { border-left-color: var(--accent-dk); }
.v3-cal__when { font-size: 15px; font-weight: 700; line-height: 1.5; }
.v3-cal__when .v3-num { font-size: 26px; margin: 0 2px; }
.v3-cal__free { display: inline-block; margin-right: 8px; padding: 0 8px; font-size: 13px; border: 1.5px solid var(--chart-dk); color: var(--chart-dk); border-radius: 2px; vertical-align: 2px; line-height: 1.6; }
.v3-cal .v3-midcta { margin-top: 48px; }
@media (max-width: 840px) {
  .v3-cal__tg { padding-right: 40px; }
  .v3-cal__info { grid-row: 3; padding: 16px 16px; grid-template-columns: 1fr; gap: 6px; font-size: 15px; }
  .v3-cal__when .v3-num { font-size: 22px; }
}

/* R5 #19：ケースの写真＝正円の切り抜き（テンプレ感）をやめ、左へ裁ち落とした四角に（トップの他の写真の扱いとそろえる） */
.v3-cases__photo { aspect-ratio: 4 / 5; border-radius: 0; margin-left: calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2)); }
@media (max-width: 840px) { .v3-cases__photo { width: auto; aspect-ratio: 3 / 2; margin: 0 calc(var(--gut) * -1); } }
@media (max-width: 840px) {
  .v3-cases__photo img { object-position: 40% 22%; }
  .v3-key__main { padding: 24px 20px; }
  .v3-key__big small { margin-top: 8px; }
  .v3-key__txt { margin-top: 10px; }
  .v3-key__around li { padding: 12px 0; font-size: 14px; line-height: 1.7; }
  .v3-key__around b { font-size: 16px; }
}

/* R6 10/21（R4#17）：費用の3つの総額＝トップと同じ「数字の階段」をやめ、同じ大きさの切替（内訳の選択）に。高さも詰める */
.v3-totals__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3-totals__list button { padding: 20px 24px 18px; }
.v3-totals__list button:nth-child(n) .v3-num { font-size: 40px; }
.v3-totals__num { margin: 12px 0 10px; }
@media (max-width: 840px) {
  .v3-totals__list { grid-template-columns: 1fr; }
  .v3-totals__list button { padding: 14px 16px 12px; }
  .v3-totals__list button:nth-child(n) .v3-num { font-size: 32px; }
  .v3-totals__num { margin: 6px 0 0; }
}
/* R6 10/21（R4#25）：料金のお約束＝「学校からの紹介料 原則なし」を大きく1つ、残り2つは右に小さく */
.v3-promise__list { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 0 56px; }
.v3-promise__list li:first-child { grid-row: span 2; border-top: 4px solid var(--chart); background: var(--chart-lt); padding: 32px 40px 36px; }
.v3-promise__list li:first-child .v3-promise__v { font-size: 44px; margin: 8px 0 16px; }
.v3-promise__list li:first-child .v3-promise__d { font-size: 16px; }
.v3-promise__list li + li { padding: 18px 0 20px; }
.v3-promise__list li + li .v3-promise__v { font-size: 22px; margin: 4px 0 6px; }
.v3-promise__list li + li .v3-promise__d { font-size: 15px; color: var(--ink-2); }
@media (max-width: 840px) {
  .v3-promise__list { grid-template-columns: 1fr; gap: 0; }
  .v3-promise__list li:first-child { grid-row: auto; padding: 24px 20px 26px; margin-bottom: 8px; }
  .v3-promise__list li:first-child .v3-promise__v { font-size: 32px; }
}

/* =========================================================
   R8 10/21：R7「導線と細部レビュー」の修正（night/261020_v3夜間/R7_導線と細部レビュー.md）
   ========================================================= */
/* #1・#15 費用の節の相談の入口：塗り＝無料相談だけ／「費用・プランを詳しく見る」は横の文字リンク */
.v3-midcta:not(:has(> .v3-body)) { justify-content: flex-start; gap: 16px 36px; }
.v3-midcta--end { border-top: 0; padding-top: 0; margin-top: 36px; justify-content: flex-end !important; }
.v3-midcta--end .v3-btn { min-width: 300px; min-height: 60px; font-size: 18px; }
.v3-team__txt .v3-midcta { margin-top: 32px; }
@media (max-width: 840px) {
  .v3-midcta--end { margin-top: 28px; flex-direction: column; align-items: stretch; gap: 8px; }
  .v3-midcta--end .v3-btn { min-width: 0; }
  .v3-midcta--end .v3-link { align-self: center; }
  .v3-midcta:not(:has(> .v3-body)) .v3-link { align-self: center; }
}
/* #4 料金のお約束の再掲（費用ページの .v3-promise と同じ文言。大1つ＋小。ページごとに大きくする項目を変える） */
.v3-promise2 { margin-top: 56px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0; background: #fff; }
.v3-promise2 li { padding: 24px 28px 26px; border-left: 1px solid var(--line); }
.v3-promise2 li.is-big { border-left: 0; border-top: 4px solid var(--chart); background: var(--chart-lt); }
.v3-promise2 .v3-promise__v { margin: 4px 0 8px; font-size: 22px; }
.v3-promise2 li.is-big .v3-promise__v { font-size: 32px; }
.v3-promise2 .v3-promise__d { font-size: 14px; line-height: 1.8; color: var(--ink-2); }
.v3-promise2--row { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
@media (max-width: 840px) {
  .v3-promise2, .v3-promise2--row { margin-top: 40px; grid-template-columns: 1fr; }
  .v3-promise2 li { border-left: 0; border-top: 1px solid var(--line); padding: 18px 20px 20px; }
  .v3-promise2 li.is-big .v3-promise__v { font-size: 28px; }
}
/* #2・#5 は v3.js ②。#3 は v3.js ④（[data-v3type]） */
/* #21 ページ内リンクの着地＝個別の scroll-margin をやめて1か所に（ヘッダー PC81px／SP65px＋余白） */
html { scroll-padding-top: 112px; }
@media (max-width: 840px) { html { scroll-padding-top: 96px; } }
.v3-pagehead + section, .v3-totals, .v3-faqgrp, .v3-legal__body > h2, main [id] { scroll-margin-top: 0 !important; }
/* #6 見出し→リードの間隔を1つに（末尾CTAだけ2つ目の値）／#17 末尾CTAの見出しを36px・500の1種類に */
:root { --gap-lead: 14px; --gap-lead-end: 22px; }
.v3-h2:has(+ p:not(.v3-worry2__big)) { margin-bottom: 0 !important; }
.v3-h2 + p:not(.v3-worry2__big) { margin-top: var(--gap-lead) !important; }
.v3-end__ttl, .v3-cta2--plain .v3-cta2__ttl { font-size: 36px; font-weight: 500; line-height: 1.65; }
.v3-end__txt { margin-top: var(--gap-lead-end); }
@media (max-width: 840px) { .v3-end__ttl, .v3-cta2--plain .v3-cta2__ttl { font-size: 25px; } }
/* #7 費用FVの要点：列幅を中身に合わせ、数字は改行させない */
@media (min-width: 841px) {
  .v3-pagehead__pts--fit { display: grid; grid-template-columns: auto auto auto; justify-content: start; }
  .v3-pagehead__pts--fit li { white-space: nowrap; }
  .v3-pagehead__pts--fit small { white-space: normal; }
}
/* #8 注記は1行約50字まで */
.v3-note, .v3-notes { max-width: 720px; }
/* #9 SPのプラン表：「こんな方に」は表の格子から出し、プラン名＋1行ずつ */
@media (max-width: 840px) {
  .v3-plantable tbody tr.v3-plantable__who { grid-template-columns: 1fr; }
  .v3-plantable tbody tr.v3-plantable__who td { display: grid; grid-template-columns: 6.5em minmax(0, 1fr); gap: 8px; padding: 10px 8px; text-align: left; font-size: 14px; line-height: 1.7; border-bottom: 1px solid var(--line); }
  .v3-plantable tbody tr.v3-plantable__who td::before { content: attr(data-plan); font-weight: 700; color: var(--ink); }
}
/* #11 写真なしの下層FV：空いた砂色の帯を詰め、箱をパンくずのすぐ下から */
.v3-pagehead--plain .v3-pagehead__photo { height: 96px; }
@media (max-width: 840px) { .v3-pagehead--plain .v3-pagehead__photo { height: 40px; } }
/* #12 暦の「無料」の段：白抜き→いちばん淡い塗り＋帯の中に「無料」 */
.v3-cal__rows li.is-free .v3-cal__bar { background: var(--chart-lt); border: 1.5px solid var(--chart); display: flex; align-items: center; padding-left: 8px; overflow: hidden; }
.v3-cal__rows li.is-free .v3-cal__bar::after { content: "無料"; font-style: normal; font-size: 13px; font-weight: 700; color: var(--chart-dk); white-space: nowrap; }
/* #13 キーボード操作の枠（共通） */
.v3-btn:focus-visible, .v3-link:focus-visible, summary:focus-visible, .v3-gnav a:focus-visible, .v3-menu__panel a:focus-visible, .v3-footer a:focus-visible, main a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
/* #14 文字リンクにホバー／枠線ボタンのホバーは淡い地にとどめる */
.v3-link { transition: color .2s, box-shadow .2s; }
.v3-link:hover { color: var(--accent-dk); box-shadow: 0 1px 0 currentColor; }
.v3-link--light:hover { color: #fff; }
.v3-btn--line:hover { background: var(--sand-2); color: var(--ink); }
/* #18 行リンクの色＝墨＋下線（水色はグラフの色） */
.v3-worry2__more span { color: var(--ink); text-decoration: underline; text-underline-offset: 5px; }
/* #20 「含まないもの」は点線の札をやめ、淡い地に「・」の行（点線は運営会社「しないこと」だけ） */
.v3-incl__plain { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 32px; background: var(--sand); padding: 20px 28px; }
.v3-sec--sand .v3-incl__plain { background: #fff; }
.v3-incl__plain li { border: 0; border-radius: 0; padding: 0 0 0 1em; text-indent: -1em; font-size: 15px; }
.v3-incl__plain li::before { content: "・"; }
.v3-incl__out--tour .v3-incl__plain { grid-template-columns: 1fr; }
@media (max-width: 840px) {
  .v3-incl__plain { grid-template-columns: 1fr; padding: 16px 18px; }
  .v3-incl__plain li { font-size: 14px; padding: 0 0 0 1em; }
}
/* #22 SPメニュー（テスト帯がある間）：パネルをヘッダーの下端から */
@media (max-width: 840px) {
  .v3-menu[open] .v3-menu__panel { top: var(--hdr-bottom, 64px); }
}

/* ===== R9a（10/21 再点検）：今夜の変更で増えた「水色の面＋上の太線」の反復と、色の重なりを整理 ===== */
/* #1 写真なしの末尾CTA：フッターと同じ水色で境目が消えていた（visa・why-singapore）→ 砂の濃い段に */
.v3-cta2--plain { background: var(--sand-2); border-top: 0; }
/* #2 問いと答えの大きい1問：水色の面＋太線＝お約束・フッターと同じ見た目が1ページに3回続いていた → 砂の面だけ */
.v3-qa1__big { background: var(--sand); border-top: 0; }
.v3-sec--sand .v3-qa1__big { background: #fff; }
/* #3 料金のお約束（再掲3ページ）：キャンセル料の箱の直下に同じ「白い箱＋水色の大きい箱」が積み重なっていた
   → 箱をやめて、上下の罫線で挟んだ1行の文字組みに（大きい1つは文字の大きさで差をつける） */
.v3-promise2 { background: transparent; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.v3-promise2 li { padding: 26px 28px 28px; }
.v3-promise2 li.is-big { background: transparent; border-top: 0; padding-left: 0; }
.v3-promise2 li.is-big .v3-promise__v { font-size: 36px; }
@media (max-width: 840px) {
  /* #4 SP：3段の縦積み（約390px）→ 大きい1つは全幅、残りは2列 */
  .v3-promise2, .v3-promise2--row { grid-template-columns: 1fr 1fr; }
  .v3-promise2 li { padding: 18px 12px 20px 0; border-top: 1px solid var(--line); }
  .v3-promise2 li + li:not(.is-big) + li { padding-left: 14px; border-left: 1px solid var(--line); }
  .v3-promise2 li.is-big { grid-column: 1 / -1; border-top: 0; padding: 20px 0 22px; }
  .v3-promise2--row li:not(.is-big) { grid-column: 1 / -1; }
  .v3-promise2 li.is-big .v3-promise__v { font-size: 30px; }
  .v3-promise2 .v3-promise__v { font-size: 20px; }
  .v3-promise2 .v3-promise__d { font-size: 13px; line-height: 1.75; }
}
/* #5 サービスの時期の帯：2段目だけ旧配色のカーキ（#5E6B5B）、3段目が灰青で4色になっていた → 渡航前は1色・渡航後だけ朱 */
.v3-phases > li:nth-child(2) .v3-phases__ttl, .v3-phases > li:nth-child(3) .v3-phases__ttl { background: var(--chart-dk); }
/* #6・#7 見出しの1〜2文字だけの行（視察の末尾CTA「まだ」・流れのSP「流れ」） */
.v3-nw { white-space: nowrap; }
/* #8 visa：署名がFAQの2列組みの左列に落ちて「文／ルシュエット編集部」と折れていた → 全幅に */
.v3-split > .v3-byline { grid-column: 1 / -1; margin-top: 40px; }

/* ===== R10 10/21 アクセシビリティ（見た目の変更は最小限。night/261020_v3夜間/progress.md R10） ===== */
/* 運営会社の体制レーン：水色の帯に白文字＝2.0:1 → 墨の文字に（5.9:1。配色案 a〜d でも 5.7 以上） */
.v3-lane__bar.is-sg { color: var(--ink); }
/* プラン表の「—」（含まない）：#a9a596＝2.5:1 → 白で5.3・砂色で4.8:1 に。読み上げは「含まない」（HTML側の v3-visually-hidden） */
.v3-n { color: #6F6B62; }
/* 費用の写真の帯：白文字の下で写真が明るい所（PC「の費用です。」2.3:1）→ 暗幕を少しだけ濃く・広く */
.v3-band::before { background: linear-gradient(90deg, rgba(16,24,30,.64) 0%, rgba(16,24,30,.42) 50%, rgba(16,24,30,.12) 78%, rgba(16,24,30,0) 92%); }
@media (max-width: 840px) {
  .v3-band::before { background: linear-gradient(0deg, rgba(16,24,30,.74) 0%, rgba(16,24,30,.45) 60%, rgba(16,24,30,0) 90%); }
}

/* ===== R11（10/21 未明）お手本3サイトとの差＝写真と文字の重なり・文字の大小の振れ幅 ===== */
/* トップ「シンガポールか、マレーシアか。」：見出しと写真が離れて置かれていた→見出しの白い面を写真の上端に食い込ませ、写真の上辺を段にする（SANU「自然と暮らす」の重ね方） */
.v3-compare { padding-top: 160px; }
.v3-compare__top { position: relative; z-index: 1; margin-bottom: -72px; }
.v3-compare__top .v3-stmt { display: inline-block; background: #fff; padding: 0 64px 32px 0; font-size: 48px; position: relative; }
.v3-compare__top .v3-stmt::before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: #fff; }
.v3-compare .v3-pano { position: relative; z-index: 0; }
/* トップ「選ばれる理由」：見出しと本文の間の空きが大きいだけだった→章の見出しとして一段大きく（34→44px） */
.v3-why__main > .v3-h2 { font-size: 44px; line-height: 1.45; }
@media (max-width: 840px) {
  .v3-compare { padding-top: var(--pad-l); }
  .v3-compare__top { margin-bottom: -40px; }
  .v3-compare__top .v3-stmt { padding: 0 24px 18px 0; font-size: 28px; }
  .v3-why__main > .v3-h2 { font-size: 28px; }
}
/* 親子留学「サポート内容」：出発前・到着日・滞在中を罫線の表で縦に並べていた（並べただけ）→ 時間の順に横へ、上に期間の帯（到着日＝渡航の朱・流れの暦と同じ約束）。列の幅は中身の量に合わせる。番号・丸・連結線は使わない */
.v3-facts--phase { display: grid; grid-template-columns: 5fr 3fr 4fr; border-top: 0; margin-top: 8px; }
.v3-facts--phase .v3-facts__row { display: block; padding: 0 32px 0 0; border-bottom: 0; }
.v3-facts--phase .v3-facts__row:last-child { padding-right: 0; }
.v3-facts--phase .v3-facts__k { position: relative; padding-top: 26px; margin-bottom: 18px; }
.v3-facts--phase .v3-facts__k::before { content: ""; position: absolute; top: 0; left: 0; right: -29px; height: 10px; background: var(--chart); }
.v3-facts--phase .v3-facts__row:nth-child(2) .v3-facts__k::before { background: var(--accent); }
.v3-facts--phase .v3-facts__row:last-child .v3-facts__k::before { right: 0; }
.v3-facts--phase + .v3-note { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); }
@media (max-width: 840px) {
  .v3-facts--phase { grid-template-columns: 1fr; gap: 28px; }
  .v3-facts--phase .v3-facts__row { padding: 0 0 0 20px; position: relative; }
  .v3-facts--phase .v3-facts__k { padding-top: 0; margin-bottom: 8px; }
  .v3-facts--phase .v3-facts__k::before { top: 4px; left: -20px; right: auto; width: 6px; height: auto; bottom: auto; min-height: 0; }
  .v3-facts--phase .v3-facts__row::before { content: ""; position: absolute; left: 0; top: 4px; bottom: -24px; width: 6px; background: var(--chart); }
  .v3-facts--phase .v3-facts__row:nth-child(2)::before { background: var(--accent); }
  .v3-facts--phase .v3-facts__row:last-child::before { bottom: 0; }
  .v3-facts--phase .v3-facts__k::before { display: none; }
}

/* ===== R13（10/21 未明）お手本との差を残りの下層へ ===== */
/* 章の見出し：各ページで「そのページの本題」の節だけ一段大きく（34→44px）。全節同じ大きさの単調さを崩す（R11のトップ「選ばれる理由」と同じ値） */
.v3-h2.v3-h2--ch { font-size: 44px; line-height: 1.45; }
@media (max-width: 840px) { .v3-h2.v3-h2--ch { font-size: 28px; } }
/* 親子「サポート内容」：R11の横3列が、色の上辺つきの「カード3枚」に見えた（帯が列ごとに切れていた）→ 1本の時間の帯に。
   出発前＝淡い帯（準備の期間）／到着日＝朱の短い印（1日＝点）／滞在中＝濃い帯（期間）。列の区切りは帯から下りる細い目盛り線 */
.v3-facts--phase { column-gap: 0; }
.v3-facts--phase .v3-facts__row { position: relative; padding: 0 32px 0 0; }
.v3-facts--phase .v3-facts__row + .v3-facts__row { padding-left: 24px; border-left: 1px solid var(--chart-rule); }
.v3-facts--phase .v3-facts__k::before { display: none; }
.v3-facts--phase .v3-facts__row::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 10px; background: var(--chart-t3); }
.v3-facts--phase .v3-facts__row:nth-child(2)::before { background: linear-gradient(90deg, var(--accent) 0 40px, var(--chart) 40px); }
.v3-facts--phase .v3-facts__row:last-child::before { background: var(--chart); }
@media (max-width: 840px) {
  .v3-facts--phase .v3-facts__row, .v3-facts--phase .v3-facts__row + .v3-facts__row { padding: 0 0 0 20px; border-left: 0; }
  .v3-facts--phase .v3-facts__row::before { top: 4px; bottom: -28px; left: 0; right: auto; width: 6px; height: auto; background: var(--chart-t3); }
  .v3-facts--phase .v3-facts__row:nth-child(2)::before { background: linear-gradient(180deg, var(--accent) 0 28px, var(--chart) 28px); }
  .v3-facts--phase .v3-facts__row:last-child::before { bottom: 0; background: var(--chart); }
}
/* サービス「時期ごとのサポート内容」：色の見出し箱＋白い箱が4枚並ぶ「カード4枚」の型だった → 1枚の白い用紙に、上に1本の時間の帯（渡航前＝水色が途切れず続く／渡航後＝朱）。
   見出しは帯の下の墨の文字、列の区切りは帯から下りる細い目盛り線。色の約束（渡航前1色・渡航後だけ朱）はR9までと同じ */
.v3-phases { gap: 0; background: #fff; box-shadow: 0 1px 0 rgba(58,54,49,.08); }
.v3-phases > li { position: relative; }
.v3-phases > li + li { border-left: 1px solid var(--chart-rule); }
.v3-phases > li::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 10px; background: var(--chart); }
.v3-phases > li:nth-child(4)::before { background: var(--accent); }
.v3-phases .v3-phases__ttl, .v3-phases > li:nth-child(n) .v3-phases__ttl { background: none; color: var(--ink); font-size: 19px; padding: 34px 22px 6px; }
.v3-phases > li:nth-child(4) .v3-phases__ttl { color: var(--accent-dk); }
.v3-phases ul { background: none; padding: 0 22px 22px; }
@media (max-width: 1100px) and (min-width: 841px) {
  .v3-phases { gap: 0; }
  .v3-phases > li:nth-child(3) { border-left: 0; }
}
@media (max-width: 840px) {
  .v3-phases { gap: 0; }
  .v3-phases > li + li { border-left: 0; }
  .v3-phases > li::before { top: 0; bottom: 0; right: auto; width: 6px; height: auto; }
  .v3-phases .v3-phases__ttl, .v3-phases > li:nth-child(n) .v3-phases__ttl { padding: 20px 16px 4px 26px; font-size: 18px; }
  .v3-phases ul { padding: 0 16px 14px 26px; }
}

/* =========================================================
   R14（10/21）スマホ専任の点検：SP390／SP360の実測で見つけたものだけ。すべて840px以下（PCは不変）
   ========================================================= */
@media (max-width: 840px) {
  /* 下層FVの見出し：360pxで「教育移／住・」「サポー／ト」と語の途中で折れていた（26px×11字＋字間が箱288pxを超える）。390以上は26pxのまま */
  .v3-pagehead__ttl { font-size: min(26px, 6.9vw); }
  /* サービス「3つのプログラム」の3列：1列約100pxに「サマースクー／ル・」「学校視察ツ／アー」と語の途中で折れていた → 詰め組み（palt）＋字間0で語が1行に入る幅へ */
  .v3-progtable tr { gap: 0 6px; }
  .v3-progtable tbody td, .v3-progtable__name { font-feature-settings: "palt" 1; letter-spacing: 0; }
  body.v3 .v3-progtable tbody td { padding-left: 2px; padding-right: 2px; }
  /* 数字で見るシンガポール：数字と単位が割れない */
  .v3-nums li b { white-space: nowrap; }
  /* 比較の物差しの金額ラベル：帯の始まりが右寄りだと360pxで画面外へ2pxはみ出していた → 帯の位置に応じてラベルを左へ寄せる（常に物差しの中に収まる） */
  .v3-range__track em { transform: translateX(calc(var(--a) * -1%)); }
  /* 注記13px以上：ロゴの添え字11px・Menu 12px・フッターの会社表記12px・フォームの必須/任意12px・「おすすめ」12px */
  .v3-logo__ja { font-size: 13px; letter-spacing: .02em; }
  .v3-menu__label { font-size: 13px; }
  .v3-footer__copy, .v3-footer__copy small { font-size: 13px; }
  .v3 .v3-form__req, .v3 .v3-form__opt { font-size: 13px; }
  .v3-plantable__tag { font-size: 13px; }
  /* メニュー下段の「トップ」が幅43px → 44px以上 */
  .v3-menu__small li a { min-width: 44px; }
}
@media (max-width: 389px) {
  /* 360px：「約／600万人」と数字の前で折れていた → 360〜389pxだけ数字を一段小さく */
  .v3-nums li b { font-size: 25px; }
}

/* ---- R15 中間幅（841〜1100px）と大画面（1441px〜）の直し。390／1440 は不変 ---- */
@media (max-width: 1100px) and (min-width: 841px) {
  /* フッター：左のロゴ欄340px＋4列が入りきらず、841pxで105pxはみ出し・1024pxで列が4〜6字で折れていた→ロゴ欄を上に、4列を全幅に */
  .v3-footer__in { grid-template-columns: 1fr; gap: 48px; }
  /* 選ばれる理由：見出しと「特定の学校に偏らない」が同じ段で重なっていた（841〜1000px）→見出しを1段目に分ける */
  .v3-why__main > .v3-h2 { grid-column: 1 / -1; grid-row: 1; margin-bottom: 40px; }
  .v3-why__photo { grid-row: 2; }
  .v3-why__lead { grid-row: 2; padding-right: 32px; }
  /* 左に見出し・右に本文の2列（会社概要・費用ほか）：左320＋間80pxで右が360px前後になり、会社概要の値の欄が149pxで「Luchouette Sdn／Bhd」と折れ、841pxで7pxはみ出していた→左と間を詰める */
  .v3-co, .v3-split { grid-template-columns: 240px minmax(0, 1fr); gap: 48px; }
  .v3-co .v3-facts__row { grid-template-columns: 150px minmax(0, 1fr); gap: 24px; }
  /* ビザ「付き添い・スポンサーの条件」の3列：841pxで1列が約110pxになり「スポン／サー」と4〜5字で折れていた→この幅では縦に並べる（SPと同じ組み） */
  .v3-terms--3 { grid-template-columns: 1fr; }
  .v3-terms--3 > div, .v3-terms--3 > div + div { padding: 16px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  /* 相談フォーム：右の欄340＋間72pxでフォームが349pxになり、選択肢が「座談会に／参加したい」と折れていた→右の欄を細く */
  .v3-cform { grid-template-columns: minmax(0, 1fr) 260px; gap: 40px; }
  /* トップ「よくあるご相談」：写真440＋間96pxで文の欄が約225pxになり、声が1行5〜7字で折れていた→写真と文を5:6に */
  .v3-cases__in { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; }
}
@media (min-width: 1441px) {
  /* トップFV：1440pxを超えると写真の右に砂色の余りが出ていた→写真を画面の右端まで伸ばす */
  .v3-hero__main { margin-right: calc((1440px - 100vw) / 2); }
}

/* 261021 visa「家族の形ごとの滞在資格」：文の入るセルは左揃え・上揃え、補足は改行して小さく */
.v3-plantable--text td { text-align: left; vertical-align: top; line-height: 1.75; }
.v3-plantable--text th[scope=row] { vertical-align: top; }
.v3-plantable--text thead th { text-align: left; padding-left: 20px; }
.v3-plantable--text td small { display: block; margin-top: 4px; font-size: 13px; line-height: 1.6; color: var(--ink-2); }
@media (max-width: 840px) {
  /* SPは3列にせず、行（お子さま・お母さま…）ごとに家族の形を縦に並べる。各セルの頭に家族の形の名前 */
  .v3-plantable--text thead { display: none; }
  .v3-plantable--text tr, .v3-plantable--text tbody tr:first-child { display: block; }
  .v3-plantable--text tbody th { display: block; padding: 14px 0 4px; }
  .v3-plantable--text tbody td, .v3-plantable--text tbody tr:first-child td { display: block; padding: 8px 0 10px; font-size: 14px; line-height: 1.7; text-align: left; border-bottom: 1px dashed var(--line); }
  .v3-plantable--text tbody td:last-child { border-bottom: 0; }
  .v3-plantable--text tbody td::before { content: attr(data-plan); display: block; font-size: 13px; font-weight: 700; color: var(--chart-dk); margin-bottom: 2px; }
}

/* ==== 261022 Taku指摘（流れの暦・SP）「スマートフォンでの見栄えの崩れ」「上のカレンダーの数字がスクロールに合わせてついてくると見やすい」 ==== */
.v3-cal { --cal-bg: var(--sand); --hdr-h: 81px; }
.v3-cal--white { --cal-bg: #fff; }
/* 月の行の追従（長い暦＝flow の13か月だけ。トップ・教育移住・視察・親子留学の暦は1画面に収まる長さなので付けない）。
   年の札→月の行の順にヘッダーの下へ止まり、暦（.v3-cal__chart）を出ると外れる */
.v3-cal--stick .v3-cal__yr { position: sticky; top: var(--hdr-h); z-index: 4; background: var(--cal-bg); padding-top: 8px; }
.v3-cal--stick .v3-cal__months { position: sticky; top: calc(var(--hdr-h) + 33px); z-index: 4; background: var(--cal-bg); }
@media (max-width: 840px) {
  .v3-cal { --hdr-h: 65px; }
  .v3-cal--stick .v3-cal__months { top: calc(var(--hdr-h) + 32px); }
  /* 横の暦（--flat）：各段に月の目盛り線を通し、帯が月のどこにあるか読めるように（帯だけが浮いて細切れに見えた） */
  .v3-cal--flat .v3-cal__rows li { background-image: repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px calc(100% / var(--n, 10))); background-size: 100% 20px; background-position: 0 calc(100% - 14px); background-repeat: no-repeat; }
  .v3-cal--flat .v3-cal__bar { height: 20px; }
  /* 「無料」の札：帯が1か月分（約27px）だと切れていた → SPは帯の右隣に出す */
  .v3-cal--flat .v3-cal__rows li.is-free .v3-cal__bar { position: relative; overflow: visible; padding-left: 0; }
  .v3-cal--flat .v3-cal__rows li.is-free .v3-cal__bar::after { position: absolute; left: calc(100% + 6px); top: 50%; transform: translateY(-50%); line-height: 1; }
  /* 縦の暦（トップ・教育移住）：帯の幅14pxに「無料」は入らない（「無」だけ見えていた）→ 帯の中の札は消し、本文側（「無料相談」）で伝える */
  .v3-cal:not(.v3-cal--flat) .v3-cal__rows li.is-free .v3-cal__bar::after { content: none; }
  /* 「ここから費用が発生」の札：見出しに重なっていた → 線から下へ下げた札にし、その分だけ段の上をあける */
  .v3-cal--flat .v3-cal__rows li.is-paid-start { padding-top: 40px; }
  .v3-cal--flat .v3-cal__paid { top: 0; left: 0; right: auto; border-radius: 0 0 2px 2px; padding: 6px 10px; }
}

/* ==== 261022 費用ページ「総額のしくみ」：ラベルの無い細い区切り（ビザ4万円＝帯の0.3％）と、塗りの箱に見えた「ルシュエットへ」 ==== */
/* 帯の中に字が入らない区切りは data-l の名前を帯の下に出す（小さな目盛り線つき。最後の区切りは右寄せ） */
.v3-bdbar span[data-l]::before { content: ""; position: absolute; left: 50%; top: 100%; width: 1px; height: 6px; background: var(--ink-2); }
.v3-bdbar span[data-l]::after { content: attr(data-l); position: absolute; left: 50%; top: calc(100% + 8px); transform: translateX(-50%); font-size: 13px; font-weight: 700; line-height: 1; color: var(--ink-2); white-space: nowrap; }
.v3-bdbar span[data-l]:last-child::after { left: auto; right: 0; transform: none; }
.v3-bdbar span[data-l] { overflow: visible; }
@media (min-width: 841px) {
  /* 塗りの角丸の箱＝押せる部品に見えた → 縦の線＋文字の見出しに（帯の色と対応させ、ルシュエットへ＝濃い青） */
  .v3-bd__group { background: none; border-radius: 0; border-left: 2px solid var(--ink-2); justify-content: flex-start; align-items: flex-start; text-align: left; padding: 6px 0 6px 16px; color: var(--ink); }
  .v3-bd__grid > .v3-bd__group:first-child { border-left-color: var(--chart-dk); color: var(--chart-dk); }
}
@media (max-width: 840px) {
  .v3-bd__grid > .v3-bd__group:first-child { color: var(--chart-dk); }
}

/* ==== 261022 Taku「（費用の目安）簡素に見える。何万円の横の余白に人間を歩かせるとか」 ====
   各段の踏み面（上の線）に、その費用の人数を細い線の人物で立たせる（視察＝保護者1名／親子留学・移住＝保護者1名＋お子さま1名）。
   線＝墨1.5px・体は白抜き・持ち物だけ朱（視察＝手帳／お子さま＝通学かばん）。右へ上る向き */
.v3-price__row { position: relative; }
.v3-ppl { position: absolute; bottom: 100%; right: 28px; height: 96px; width: auto; overflow: visible; margin-bottom: -1px; pointer-events: none; }
.v3-price .v3-ppl { height: 128px; }
.v3-ppl--1 { width: 59px; } .v3-ppl--2 { width: 82px; }
.v3-ppl g, .v3-ppl circle, .v3-ppl path { fill: none; stroke: var(--ink); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.v3-ppl .v3-ppl__body, .v3-ppl circle { fill: #fff; }
.v3-ppl .v3-ppl__acc { fill: var(--accent-dk); stroke: none; }
.v3-price__rows { padding-top: 144px; }
.v3-price__row:nth-child(1) .v3-ppl { right: 36px; }
.v3-price__row:nth-child(2) .v3-ppl { right: 44px; }
.v3-price__row:nth-child(3) .v3-ppl { right: 64px; }
/* 動き：画面に入ったとき一度だけ（v3.js ⑦が .is-wait→.is-walk）。段の順に少しずつ遅らせ、下の段から上っていくように見せる */
.v3-price__rows.is-wait .v3-ppl { opacity: 0; }
.v3-price__rows.is-walk .v3-ppl { animation: v3-walkin 1.4s cubic-bezier(.3,.6,.4,1) both; }
.v3-price__rows.is-walk .v3-price__row:nth-child(2) .v3-ppl { animation-delay: .7s; }
.v3-price__rows.is-walk .v3-price__row:nth-child(3) .v3-ppl { animation-delay: 1.4s; }
.v3-ppl__leg-f, .v3-ppl__leg-b, .v3-ppl__arm-f, .v3-ppl__arm-b { transform-box: fill-box; transform-origin: 50% 0; }
.v3-price__rows.is-walk .v3-ppl__leg-f, .v3-price__rows.is-walk .v3-ppl__arm-b { animation: v3-swing .35s ease-in-out 4 alternate both; }
.v3-price__rows.is-walk .v3-ppl__leg-b, .v3-price__rows.is-walk .v3-ppl__arm-f { animation: v3-swing .35s ease-in-out 4 alternate-reverse both; }
.v3-price__rows.is-walk .v3-price__row:nth-child(2) .v3-ppl * { animation-delay: .7s; }
.v3-price__rows.is-walk .v3-price__row:nth-child(3) .v3-ppl * { animation-delay: 1.4s; }
@keyframes v3-walkin { 0% { opacity: 0; transform: translate(-64px, 0); } 25% { opacity: 1; } 55% { transform: translate(-26px, -4px); } 75% { transform: translate(-10px, 0); } 100% { opacity: 1; transform: none; } }
@keyframes v3-swing { from { transform: rotate(-9deg); } to { transform: rotate(9deg); } }
@media (prefers-reduced-motion: reduce) {
  .v3-price__rows.is-wait .v3-ppl { opacity: 1; }
  .v3-price__rows .v3-ppl, .v3-price__rows .v3-ppl * { animation: none !important; }
}
@media (max-width: 840px) {
  /* SP：段は縦に積む（右へ20px・40pxずつずらす）。人物は小さくして、各段の線の左端に立たせる（上の段の左下＝金額の左側があいている） */
  .v3-price__rows { padding-top: 72px; }
  .v3-price .v3-ppl { height: 64px; right: auto !important; left: 0; }
  .v3-price__row:nth-child(2) .v3-ppl { left: 20px; }
  .v3-price__row:nth-child(3) .v3-ppl { left: 40px; }
  .v3-ppl--1 { width: 30px; } .v3-ppl--2 { width: 41px; }
}
/* 261023 最終再点検：SPは段が縦積みになるため、線の上に立たせると「上の段の金額の横」に見え、視察（保護者1名）の横に2人の人物が並んで読めていた。
   SPだけ、人物を自分の段の中＝自分の金額の左の余白に立たせる（Taku「何万円の横の余白に人間を」どおり）。PCは不変 */
@media (max-width: 840px) {
  .v3-price__rows { padding-top: 0; }
  .v3-price .v3-ppl { bottom: 22px; height: 56px; margin-bottom: 0; }
  .v3-ppl--1 { width: 26px; } .v3-ppl--2 { width: 36px; }
  .v3-price__row:nth-child(1) .v3-price__num { padding-top: 12px; }
  .v3-price__row:nth-child(2) .v3-price__num { padding-top: 4px; }
}

/* 261022 SP総点検：改行の整え（v3.js ⑧と対。840px以下だけ＝PCは不変） */
@media (max-width: 840px) {
  v3-nw { white-space: nowrap; }
  .no-ap v3-pw { white-space: nowrap; }
  .v3-h2, .v3-pagehead__ttl, .v3-stmt, .v3-end__ttl, .v3-cta2__ttl, .v3-h3 { text-wrap: balance; }
}

/* 261022 辛口レビュー：比較の円の物差しを列の色付けから切り離す
   旧＝帯の行が2国の列をまたぎ、左半分だけ淡い面（シンガポールの列）→「シンガポールの帯がマレーシアの列に入る」ように見えた
   新＝帯の行は面を外して項目の列から右端までの1本の物差し。左に小見出し「円に換算すると」。帯の色＝列の見出しの色の印（朱＝シンガポール・水色＝マレーシア） */
.v3-vs { --vs-bar1: var(--accent-dk); --vs-bar2: var(--chart); }
.v3-vs__row dd.v3-range { grid-column: 1 / -1; grid-template-columns: calc(var(--k) + 28px) minmax(0, 1fr); column-gap: 0; background: none; padding: 18px 28px 24px 0; border-top: 1px dashed var(--line); }
.v3-vs__row dd.v3-range::before { content: "円に換算すると"; grid-column: 1; grid-row: 1 / span 3; align-self: start; padding-top: 4px; font-size: 14px; font-weight: 700; line-height: 1.5; color: var(--ink-2); }
.v3-vs__row dd.v3-range > * { grid-column: 2; }
.v3-range__who { display: inline-flex; align-items: center; gap: 6px; }
.v3-range__who::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 2px; background: var(--vs-bar1); }
.v3-range__line.is-sg .v3-range__who { color: var(--accent-dk); }
.v3-range__line.is-my .v3-range__who { color: var(--chart-dk); }
.v3-range__line.is-my .v3-range__who::before { background: var(--vs-bar2); }
.v3-range__line.is-my .v3-range__track i { background: var(--vs-bar2); }
/* 列の見出しにも同じ色の印（帯がある表だけ） */
.v3-vs:has(.v3-range) .v3-vs__row--head dd { display: flex; align-items: center; gap: 10px; }
.v3-vs:has(.v3-range) .v3-vs__row--head dd::before { content: ""; flex: none; width: 14px; height: 14px; border-radius: 3px; background: var(--vs-bar1); }
.v3-vs:has(.v3-range) .v3-vs__row--head dd:nth-of-type(2)::before { background: var(--vs-bar2); }
@media (max-width: 840px) {
  .v3-vs__row dd.v3-range { grid-template-columns: minmax(0, 1fr); padding: 12px 0 8px; border-top: 0; }
  .v3-vs__row dd.v3-range::before { grid-row: auto; padding: 0 0 2px; font-size: 13px; }
  .v3-vs__row dd.v3-range > * { grid-column: 1; }
  /* SPの各行の国名にも帯の色の印 */
  .v3-vs:has(.v3-range) .v3-vs__row dd:not(.v3-range):nth-of-type(2)::before { color: var(--chart-dk); }
}

/* 261022 辛口レビュー：相談ページ（v3-contact）のSPの1画面目にフォームの1問目を入れる
   旧＝見出し＋4行のリード＋要点2つ縦＋「ご相談フォーム」の見出しで844pxが埋まり、1問目の選択肢は画面の外
   新＝相談フォームのページだけ写真の面を外した低いFV（写真なしの型）。要点は2つ横並び。フォームの見出しは読み上げだけに残す */
@media (max-width: 840px) {
  .v3-pagehead--form .v3-pagehead__photo { display: none; }
  .v3-pagehead--form .v3-pagehead__box { margin-top: 0; }
  .v3-pagehead--form .v3-pagehead__boxin { padding: 4px 4px 0; }
  .v3-pagehead--form .v3-pagehead__lead { margin-top: 8px; font-size: 15px; line-height: 1.7; }
  .v3-pagehead--form .v3-pagehead__pts { grid-template-columns: 1fr 1fr; gap: 0 16px; margin-top: 12px; padding-top: 10px; }
  .v3-pagehead--form .v3-pagehead__pts li { font-size: 14px; }
  .v3-pagehead--form .v3-pagehead__pts li + li { padding-left: 16px; border-left: 1px solid var(--line); }
  .v3-pagehead--form .v3-pagehead__pts .v3-num { font-size: 22px; }
  .v3-pagehead--form .v3-pagehead__pts small { font-size: 13px; line-height: 1.45; }
  .v3-pagehead--form + #form { padding-top: 16px; }
  .v3-pagehead--form + #form .v3-cform__main > .v3-h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .v3-pagehead--form + #form .sgsf { margin-top: 0; padding-top: 16px; }
  .v3-pagehead--form .v3-pagehead__pts li, .v3-pagehead--form .v3-pagehead__pts li:first-child { display: block; }
  .v3-pagehead--form .v3-pagehead__pts small { margin-top: 4px; }
}

/* 261022 辛口レビュー：費用の階段の人物を「棒＋白い箱」から、面と太い線のピクトグラムへ（安っぽさの解消）
   頭は面・胴は角丸の面・手足は太さのある丸い線（奥の手足は淡く＝奥行き）。子どもは細め。持ち物だけ朱。歩きの動きは従来のクラスのまま */
.v3-ppl g, .v3-ppl circle, .v3-ppl path, .v3-ppl rect { stroke: none; fill: none; vector-effect: none; }
.v3-ppl .v3-ppl__head, .v3-ppl .v3-ppl__body { fill: var(--ink); }
.v3-ppl .v3-ppl__arm-f, .v3-ppl .v3-ppl__leg-f, .v3-ppl .v3-ppl__arm-b, .v3-ppl .v3-ppl__leg-b { fill: none; stroke: var(--ink); stroke-linecap: round; stroke-linejoin: round; }
.v3-ppl .v3-ppl__leg-f, .v3-ppl .v3-ppl__leg-b { stroke-width: 5.5; }
.v3-ppl .v3-ppl__arm-f, .v3-ppl .v3-ppl__arm-b { stroke-width: 4.2; }
.v3-ppl .v3-ppl__arm-b, .v3-ppl .v3-ppl__leg-b { stroke: #9A948A; }
.v3-ppl .v3-ppl__p--c .v3-ppl__leg-f, .v3-ppl .v3-ppl__p--c .v3-ppl__leg-b { stroke-width: 4.2; }
.v3-ppl .v3-ppl__p--c .v3-ppl__arm-f, .v3-ppl .v3-ppl__p--c .v3-ppl__arm-b { stroke-width: 3.4; }
.v3-ppl .v3-ppl__p--c .v3-ppl__arm-b { stroke: var(--ink); }
.v3-ppl .v3-ppl__acc { fill: var(--accent-dk); }

/* 261022 辛口レビュー：費用「サポートプラン」の表＝「含む」「一部」の文字が並ぶだけで、どこまで任せられるかが一目で拾えなかった
   → 含む＝塗りの丸に白いチェック（濃い青）、一部＝半分だけ塗った丸を文字の前に。文字は残す（色だけに頼らない） */
.v3-plantable .v3-y, .v3-plantable .v3-p { display: inline-flex; align-items: center; gap: 6px; }
.v3-plantable .v3-y::before, .v3-plantable .v3-p::before { content: ""; flex: none; width: 18px; height: 18px; border-radius: 50%; }
.v3-plantable .v3-y::before { background: var(--chart-dk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
.v3-plantable .v3-p::before { box-sizing: border-box; border: 2px solid var(--chart-dk); background: linear-gradient(90deg, var(--chart-dk) 50%, transparent 50%); }
@media (max-width: 840px) {
  .v3-plantable .v3-y, .v3-plantable .v3-p { gap: 4px; }
  .v3-plantable .v3-y::before, .v3-plantable .v3-p::before { width: 16px; height: 16px; background-size: 16px; }
}
/* 費用「オプション」：PCで2つの写真の高さが313px／321pxとずれ、下の見出しの高さがそろっていなかった → 写真の高さを同じに */
@media (min-width: 841px) {
  .v3-opts__photo, .v3-opts__g:nth-child(2) .v3-opts__photo { aspect-ratio: auto; height: 320px; }
}

/* 261022 辛口レビュー：費用「総額のしくみ」の内訳＝白い角丸の箱が5つ縦に並び、カードの反復（AI感）に見えた
   → 支払い先ごとに白い面を1枚にまとめ、行は細い罫線で区切る（左の色の線＝上の帯の色との対応は残す） */
.v3-bd__rows { gap: 0; background: #fff; border-radius: 10px; overflow: hidden; }
.v3-bd__rows .v3-bd__row { border-radius: 0; background: transparent; }
.v3-bd__rows .v3-bd__row + .v3-bd__row { border-top: 1px solid var(--line); }

/* 261022 辛口レビュー：写真なしのFV（--plain）のSP＝高さ40pxの砂色の帯に白い箱が重なり、左右に16px幅の砂色の切れ端だけが見えていた（崩れに見える）
   → SPでは帯を出さず、白地のまま見出しから始める（PCの組みは変えない） */
@media (max-width: 840px) {
  .v3-pagehead--plain .v3-pagehead__photo { display: none; }
  .v3-pagehead--plain .v3-pagehead__box { margin-top: 0; }
  .v3-pagehead--plain .v3-pagehead__boxin { padding: 12px 4px 0; }
  .v3-pagehead--form .v3-pagehead__boxin { padding-top: 4px; }
}

/* 261023 磨き込み：流れPCの写真の帯＝写真のない時期（2〜5月）に、その時期の一言を置いて空き地に見せない（写真は既存の2枚のまま） */
.v3-cal__word { grid-column: var(--s) / var(--e); height: 240px; box-sizing: border-box; margin: 0; padding: 24px 24px 26px; background: var(--paper); border-top: 4px solid var(--chart); display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; }
.v3-cal__word-when { font-size: 14px; font-weight: 700; color: var(--chart-dk); }
.v3-cal__word-when .v3-num { font-size: 14px; }
.v3-cal__word b { font-size: 22px; line-height: 1.5; color: var(--ink); font-weight: 700; }
.v3-cal__word p { margin: 0; font-size: 14px; line-height: 1.75; color: var(--ink-2); }

/* 261023 磨き込み：下層FV（PC）＝白い箱の右に空き地が残っていた（写真の下 約360×350px）。
   箱を本文幅いっぱいにし、要点3つ（期間・人数など）を右の列に縦に置く＝空きを情報で埋める。型は全ページ共通のまま。SP・相談ページは不変 */
@media (min-width: 841px) {
  .v3-pagehead:not(.v3-pagehead--form) .v3-pagehead__boxin:has(> .v3-pagehead__pts) { max-width: none; display: grid; grid-template-columns: minmax(0, 620px) minmax(0, 1fr); column-gap: 64px; align-items: start; }
  .v3-pagehead:not(.v3-pagehead--form) .v3-pagehead__boxin:has(> .v3-pagehead__pts) > :not(.v3-pagehead__pts) { grid-column: 1; }
  .v3-pagehead:not(.v3-pagehead--form) .v3-pagehead__boxin > .v3-pagehead__pts { grid-column: 2; grid-row: 1 / span 6; align-self: end; display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; border-top: 0; }
  .v3-pagehead:not(.v3-pagehead--form) .v3-pagehead__boxin > .v3-pagehead__pts li,
  .v3-pagehead:not(.v3-pagehead--form) .v3-pagehead__boxin > .v3-pagehead__pts li:first-child { padding: 14px 0 14px 18px; border-left: 3px solid var(--chart); border-top: 0; white-space: normal; }
  .v3-pagehead:not(.v3-pagehead--form) .v3-pagehead__boxin > .v3-pagehead__pts li + li { margin-top: 10px; }
}
/* 261023 磨き込み：写真なしFV（PC）＝高さ96pxの砂色の帯が白い箱の左右からのぞき、写真の欠けに見えていた（FAQ・暮らし・運営会社）。SPと同じく帯を出さず白地から見出し・左端を本文にそろえる */
@media (min-width: 841px) {
  .v3-pagehead--plain .v3-pagehead__photo { display: none; }
  .v3-pagehead--plain .v3-pagehead__box { margin-top: 0; }
  .v3-pagehead--plain .v3-pagehead__boxin { padding: 40px 0 24px; }
}

/* 261023 磨き込み：学費比較（PC）＝10行の横棒で目盛りの行が流れて消える→ヘッダーの下に追従（暦の月の行と同じ考え方） */
@media (min-width: 841px) {
  .v3-fee__axis { position: sticky; top: 81px; z-index: 3; background: #fff; padding-top: 10px; }
  .v3-sec--sand .v3-fee__axis { background: var(--sand); }
}
/* 261023 磨き込み：問答が3つだけの2列（v3-qa2）で右下が空く→3つのときはPCで3列 */
@media (min-width: 841px) {
  .v3-qa2:has(> div:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; }
}
@media (max-width: 840px) {
  /* 体験談のケースのタブ（SP）＝2つ＋1つで折り返し高さも不ぞろい→1列の全幅・左寄せ、補足は横に */
  .v3-tabs__list { grid-template-columns: 1fr; gap: 6px; }
  .v3-tabs__list [role=tab] { min-height: 48px; text-align: left; padding: 8px 18px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 10px; }
  .v3-tabs__list small { display: inline; }
  /* 比較の表（SP）＝行の左の名前「付き添う保護者」が2行に折れて下の罫線に重なる→名前の幅を7文字分に */
  .v3-vs--page .v3-vs__row dd, .v3-vs--page .v3-vs__row dd:nth-of-type(1), .v3-vs--page .v3-vs__row dd:nth-of-type(2) { padding-left: 8.4em; }
  .v3-vs--page .v3-vs__row dd:nth-of-type(1)::before, .v3-vs--page .v3-vs__row dd:nth-of-type(2)::before { width: 7.4em; white-space: nowrap; }
  .v3-vs--page .v3-vs__row dd.v3-range { padding-left: 0; }
}
/* 261023 磨き込み：サービスの3プログラム表（PC）＝左上の角が写真の高さぶん空いていた→表の見出しの一言を下寄せで */
.v3-progtable th.v3-progtable__corner { vertical-align: bottom; text-align: left; font-size: 20px; font-weight: 700; line-height: 1.5; color: var(--ink); padding-bottom: 18px; }
.v3-progtable__corner .v3-num { font-size: 28px; margin: 0 2px; color: var(--accent-dk); }
/* 261023 磨き込み：教育環境の6つの特徴（PC）＝縦長の写真（4:5・約540px）の横に2項目だけで、上下に約200pxずつ空いていた→写真を5:4にして文字の高さにそろえる */
@media (min-width: 841px) {
  .v3-feat__ph { aspect-ratio: 5 / 4; }
  .v3-feat__ph img { object-position: 50% 30%; }
}
/* 261023 磨き込み：サービスの「時期ごとのサポート」＝4列が罫線の箇条だけで順番・時期が形になっていなかった→上の色の帯の上に時期を置き、帯を右向きの矢印でつなぐ（流れの暦と同じ「いつ」） */
.v3-phases__when { position: relative; z-index: 1; margin: 0; padding: 22px 22px 0; font-size: 14px; font-weight: 700; color: var(--chart-dk); line-height: 1.4; }
.v3-phases > li:nth-child(4) .v3-phases__when { color: var(--accent-dk); }
.v3-phases__when .v3-num { font-size: 20px; margin: 0 1px; }
.v3-phases .v3-phases__when + .v3-phases__ttl, .v3-phases > li:nth-child(n) .v3-phases__when + .v3-phases__ttl { padding-top: 4px; }
@media (min-width: 841px) {
  .v3-phases > li:not(:last-child)::after { content: ""; position: absolute; top: -3px; right: -9px; z-index: 2; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 9px solid var(--chart); }
}
@media (max-width: 840px) {
  .v3-phases__when { padding: 18px 16px 0 26px; }
}
/* 261023 磨き込み：学校選びの7つの観点（PC）＝「見出し＋1文＋吹き出し」が7回同じ型で続いていた→見学シートの表（観点｜確かめること｜見学で聞くこと）。写真は表の上に横長で */
.v3-ask__head { display: none; }
@media (min-width: 841px) {
  .v3-ask { display: block; }
  .v3-ask__ph { position: static; aspect-ratio: auto; height: 280px; margin-bottom: 40px; }
  .v3-ask__ph img { object-position: 50% 40%; }
  .v3-ask__list > li { display: grid; grid-template-columns: 200px minmax(0, 1fr) 340px; gap: 0 40px; align-items: start; padding: 22px 0; }
  .v3-ask__list > li.v3-ask__head { display: grid; padding: 0 0 10px; border-top: 0; border-bottom: 2px solid var(--ink); font-size: 14px; font-weight: 700; color: var(--ink-2); }
  .v3-ask__list > li.v3-ask__head + li { border-top: 0; }
  .v3-ask__k { margin: 0; }
  .v3-ask__q { margin: 0; display: block; border-radius: 2px; }
  .v3-ask__q small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* 261023 磨き込み：視察ツアーの「含まれるもの」＝「・」区切りの1段落→6つを3列の面に（数えられる形に） */
.v3-tincl--grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: rgba(255,255,255,.18); }
.v3-tincl--grid li { position: relative; padding: 14px 16px 14px 34px; font-size: 16px; font-weight: 700; line-height: 1.5; background: inherit; }
.v3-tincl--grid li::before { content: ""; position: absolute; left: 14px; top: 22px; width: 10px; height: 10px; border-radius: 50%; background: currentColor; opacity: .85; }
.v3-tincl--grid small { display: block; font-size: 13px; font-weight: 500; opacity: .85; }
@media (max-width: 840px) { .v3-tincl--grid { grid-template-columns: 1fr; } .v3-tincl--grid li { font-size: 15px; padding: 8px 10px 8px 28px; } .v3-tincl--grid small { display: inline; margin-left: 6px; } .v3-tincl--grid li::before { left: 10px; top: 15px; width: 8px; height: 8px; } }

/* ===== 261023 全体レビュー（別人の目で20ページ通し・部分最適のちぐはぐを揃える）===== */
/* 学費比較「予算が合わないときの選択肢」＝2国の帯がSG濃い水色／MY淡い水色で、トップ・比較ページの色の印（朱＝SG・水色＝MY）と逆の意味に見えた→同じ印に */
.v3-budget .v3-bars li.is-on .v3-bars__bar i { background: var(--accent-dk); }
.v3-budget .v3-bars li:not(.is-on) .v3-bars__bar i { background: var(--chart); }
.v3-budget .v3-bars__k::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: 1px; background: var(--chart); }
.v3-budget .v3-bars li.is-on .v3-bars__k::before { background: var(--accent-dk); }
/* 表の見出し行＝親子留学「平日の1日」だけ濃い紺の塗りで、他の表（罫線の見出し）と別物に見えた→罫線の見出しに */
.v3-table thead th { background: transparent; color: var(--ink-2); border-bottom: 2px solid var(--ink); }
/* ビザ：白い節が2つ続く所（家族の形→よくある質問）だけ余白が280pxと他の倍→上の余白を外して140pxに */
.v3-sec:not(.v3-sec--sand) + .v3-sec:not(.v3-sec--sand):not([class*="v3-cta"]) { padding-top: 0; }
/* 相談ページのFV（PC）＝要点2つだけ左下に横並びで、他の下層FV（要点は右の列に縦）と型が違った→PCは同じ型に。SPの低いFVはそのまま */
@media (min-width: 841px) {
  .v3-pagehead--form .v3-pagehead__boxin:has(> .v3-pagehead__pts) { max-width: none; display: grid; grid-template-columns: minmax(0, 620px) minmax(0, 1fr); column-gap: 64px; align-items: start; }
  .v3-pagehead--form .v3-pagehead__boxin:has(> .v3-pagehead__pts) > :not(.v3-pagehead__pts) { grid-column: 1; }
  .v3-pagehead--form .v3-pagehead__boxin > .v3-pagehead__pts { grid-column: 2; grid-row: 1 / span 6; align-self: end; display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; border-top: 0; }
  .v3-pagehead--form .v3-pagehead__boxin > .v3-pagehead__pts li,
  .v3-pagehead--form .v3-pagehead__boxin > .v3-pagehead__pts li:first-child { padding: 14px 0 14px 18px; border-left: 3px solid var(--chart); border-top: 0; white-space: normal; }
  .v3-pagehead--form .v3-pagehead__boxin > .v3-pagehead__pts li + li { margin-top: 10px; }
}

/* ===== 261023 メリット反映（マレーシアと比べたシンガポール）===== */
/* 天秤（.v3-scale）＝1つの面の左右に「得られること｜そのかわりの負担」。上に竿と支点（左右は水平＝どちらが重いかは家庭による）。
   左の先頭だけ根拠を大きく（.v3-scale__hero）、残りは行（.v3-scale__rows）。右の費用の行だけ円の物差し（.v3-range を流用） */
.v3-scale { background: var(--sand); padding: 0 48px 48px; }
.v3-scale__beam { position: relative; display: grid; grid-template-columns: 1fr 1fr; column-gap: 96px; padding-top: 40px; }
.v3-scale__beam::before { content: ""; position: absolute; left: 0; right: 0; top: 40px; height: 3px; background: var(--ink); }
.v3-scale__beam::after { content: ""; position: absolute; left: 50%; top: 43px; width: 34px; height: 26px; transform: translateX(-50%); background: var(--ink); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.v3-scale__side { padding-top: 22px; font-size: 22px; font-weight: 700; line-height: 1.4; }
.v3-scale__side small { display: block; margin-top: 4px; font-size: 14px; font-weight: 500; color: var(--ink-2); }
.v3-scale__side.is-gain { color: var(--accent-dk); }
.v3-scale__side.is-cost { color: var(--ink); }
.v3-scale__side.is-gain::before, .v3-scale__side.is-cost::before { content: ""; display: block; width: 3px; height: 22px; margin: -22px 0 0; background: currentColor; }
.v3-scale__body { display: grid; grid-template-columns: 1fr 1fr; column-gap: 96px; margin-top: 28px; position: relative; }
.v3-scale__body::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--line); }
.v3-scale__hero { padding: 28px 28px 24px; background: var(--paper); }
.v3-scale__hero-k { font-size: 15px; font-weight: 700; }
.v3-scale__hero-big { margin-top: 6px; font-size: 22px; font-weight: 700; line-height: 1.4; }
.v3-scale__hero-big .v3-num { font-size: 72px; line-height: 1; color: var(--accent-dk); margin-right: 6px; letter-spacing: -.02em; }
.v3-scale__pisa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 16px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.v3-scale__pisa li { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.v3-scale__pisa b { display: block; font-family: var(--f-num); font-size: 28px; font-weight: 700; line-height: 1.2; color: var(--ink); }
.v3-scale__pisa b small { font-size: 14px; margin-left: 2px; }
.v3-scale__src { margin-top: 12px; font-size: 13px; line-height: 1.7; color: var(--ink-2); }
.v3-scale__rows > div { padding: 18px 0; border-bottom: 1px solid var(--line); }
.v3-scale__rows > div:last-child { border-bottom: 0; }
.v3-scale__rows dt { font-size: 18px; font-weight: 700; line-height: 1.5; }
.v3-scale__rows dd { margin-top: 4px; font-size: 16px; line-height: 1.85; }
.v3-scale__rows dd small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.7; color: var(--ink-2); }
.v3-scale__hero + .v3-scale__rows { margin-top: 8px; }
.v3-scale__cost .v3-range { display: grid; gap: 6px; margin: 16px 0 4px; }
.v3-scale__cost .v3-range__track { display: block; }
.v3-scale { --vs-bar1: var(--accent-dk); --vs-bar2: var(--chart); }
.v3-scale__cost .v3-range__axis { font-size: 13px; }
.v3-scale__ask { margin-top: 24px; padding: 22px 24px; background: var(--paper); }
.v3-scale__ask p { font-size: 16px; line-height: 1.8; }
.v3-scale__ask .v3-btn { margin-top: 14px; }
.v3-scale__cost .v3-range__line { grid-template-columns: 6.5em 1fr; }
.v3-scale__cost .v3-range__axis { margin-left: 6.5em; }
.v3-scale__cost dt { font-size: 18px; }
.v3-scale__cost dt b { color: var(--accent-dk); }
@media (max-width: 840px) {
  .v3-scale { padding: 0 16px 28px; margin: 0 calc(var(--gut) * -1 + 4px); }
  .v3-scale__beam { column-gap: 24px; padding-top: 28px; }
  .v3-scale__beam::before { top: 28px; }
  .v3-scale__beam::after { top: 31px; width: 24px; height: 18px; }
  .v3-scale__side { padding-top: 18px; font-size: 18px; }
  .v3-scale__side.is-cost { text-align: right; }
  .v3-scale__side.is-cost::before { margin-left: auto; }
  .v3-scale__side small { font-size: 13px; }
  .v3-scale__body { grid-template-columns: 1fr; margin-top: 20px; }
  .v3-scale__body::before { display: none; }
  .v3-scale__k { display: block; margin: 28px 0 0; padding: 10px 0 8px; font-size: 16px; font-weight: 700; border-top: 3px solid currentColor; }
  .v3-scale__k.is-gain { color: var(--accent-dk); margin-top: 0; }
  .v3-scale__hero { padding: 20px 16px 18px; }
  .v3-scale__hero-big { font-size: 18px; }
  .v3-scale__hero-big .v3-num { font-size: 56px; }
  .v3-scale__pisa { gap: 0 4px; }
  .v3-scale__pisa li { letter-spacing: 0; }
  .v3-scale__pisa b { font-size: 24px; }
  .v3-scale__pisa li { font-size: 13px; }
  .v3-scale__rows dt { font-size: 17px; }
  .v3-scale__rows dd { font-size: 15px; }
}
@media (min-width: 841px) { .v3-scale__k { display: none; } }

/* 分かれ道（.v3-fork）＝「いちばん優先したいこと」から2本に分かれる線の先に、合う国。左＝SG（朱）・右＝MY（水色）。
   PC＝上の問い→幹→横の枝→2つの行き先／SP＝左の幹から右へ枝を出す縦の分かれ道 */
.v3-fork { position: relative; }
.v3-fork__q { position: relative; width: max-content; max-width: 100%; margin: 0 auto; padding: 14px 28px; background: var(--paper); border: 1px solid var(--ink); font-size: 18px; font-weight: 700; line-height: 1.5; text-align: center; }
.v3-fork__ways { position: relative; display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; padding-top: 72px; }
.v3-fork__ways::before { content: ""; position: absolute; left: 50%; top: 0; height: 36px; width: 3px; transform: translateX(-50%); background: var(--ink); }
.v3-fork__ways::after { content: ""; position: absolute; left: calc((100% - 64px) / 4); right: calc((100% - 64px) / 4); top: 36px; height: 3px; background: linear-gradient(90deg, var(--accent-dk) 0 50%, var(--chart) 50% 100%); }
.v3-fork__way { position: relative; padding: 32px 36px 32px; background: var(--paper); }
.v3-fork__way::before { content: ""; position: absolute; left: 50%; top: -36px; height: 36px; width: 3px; transform: translateX(-50%); background: var(--accent-dk); }
.v3-fork__way.is-my::before { background: var(--chart); }
.v3-fork__way.is-sg { box-shadow: inset 0 4px 0 var(--accent-dk); }
.v3-fork__way.is-my { box-shadow: inset 0 4px 0 var(--chart); }
.v3-fork__if { font-size: 15px; font-weight: 700; color: var(--ink-2); line-height: 1.6; }
.v3-fork__if b { color: var(--ink); }
.v3-fork__name { margin-top: 6px; font-size: 30px; font-weight: 700; line-height: 1.3; }
.v3-fork__way.is-sg .v3-fork__name { color: var(--accent-dk); }
.v3-fork__way.is-my .v3-fork__name { color: var(--chart-dk); }
.v3-fork__why { margin-top: 14px; font-size: 16px; line-height: 1.85; }
.v3-fork__yr { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-2); line-height: 1.6; }
.v3-fork__yr b { font-family: var(--f-num); font-size: 26px; font-weight: 700; color: var(--ink); margin: 0 2px; }
.v3-fork__way .v3-link { margin-top: 12px; }
.v3-fork__mid { margin-top: 28px; font-size: 15px; line-height: 1.8; color: var(--ink-2); text-align: center; }
@media (max-width: 840px) {
  .v3-fork__q { margin: 0; width: auto; padding: 12px 16px; font-size: 16px; text-align: left; }
  .v3-fork__ways { grid-template-columns: 1fr; row-gap: 20px; padding: 20px 0 0 28px; }
  .v3-fork__ways::before { display: none; }
  /* 幹＝行き先ごとの縦の線（SGの段は次の段の頭まで・MYの段は自分の枝まで）＝最後の枝で幹が止まる */
  .v3-fork__way::after { content: ""; position: absolute; left: -17px; top: -20px; bottom: -20px; width: 3px; background: var(--accent-dk); }
  .v3-fork__way.is-my::after { bottom: auto; top: -20px; height: 63px; background: var(--chart); }
  .v3-fork__way.is-sg::after { background: linear-gradient(180deg, var(--ink) 0 20px, var(--accent-dk) 20px); }
  .v3-scale__k.is-gain { display: none; }
  .v3-fork__ways::after { display: none; }
  .v3-fork__way { padding: 20px 18px 20px; }
  .v3-fork__way::before { left: -17px; top: 40px; width: 17px; height: 3px; transform: none; }
  .v3-fork__name { font-size: 24px; }
  .v3-fork__why { font-size: 15px; }
  .v3-fork__yr b { font-size: 22px; }
  .v3-fork__mid { text-align: left; }
}
/* トップ比較の節の末尾の1行（費用の差のかわりに得られるもの→教育環境ページへ） */
.v3-compare__gain { margin-top: 28px; padding: 18px 0 0 18px; border-left: 3px solid var(--accent-dk); font-size: 17px; line-height: 1.9; }
.v3-compare__gain .v3-link { font-size: 15px; margin-left: 20px; vertical-align: middle; }
@media (max-width: 840px) { .v3-compare__gain { font-size: 15px; padding: 4px 0 4px 14px; display: block; } .v3-compare__gain .v3-link { margin: 8px 0 0; display: flex; width: max-content; } }