/* 自動生成: _src/build_vsl2.py（中様VSL01 vsl.css＋_src/vsl2_extra.css。金はメタリックブルーに変換、NO-RECOLOR以降は変換しない）。手で直さない */
/* VSL01 redesign 2026-11-11: LP01承認基準（黒台紙＋金枠・赤CTA・金は見出しの一部と数字だけ）に統一 */
:root{
 --bg:#060606;--panel:#0f0e0c;--panel2:#15130f;--line:#122949;
 --white:#f5f2ea;--muted:#bdb6a8;--gold:#4382db;--gold-deep:#2e67b6;
 --metal:linear-gradient(115deg,#255393 0%,#4382db 22%,#fff3cf 38%,#4b83d2 55%,#3980e5 75%,#295ca4 100%);
 --red:#c8172a;--red-deep:#8e0b19;
 --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
 --gutter:20px;--col:390px;
}
*{box-sizing:border-box}
html{scroll-padding-top:16px}
body{margin:0;background:#020202 url("assets/marble.webp") center/600px;color:var(--white);font:16px/1.9 var(--sans);overflow-wrap:anywhere;-webkit-text-size-adjust:100%}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:700}
img{max-width:100%;height:auto;display:block}
em{font-style:normal}
a{color:inherit}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #ffffff;outline-offset:4px}
.skip{position:absolute;left:10px;top:-100px;z-index:30;background:#ffffff;color:#111111;padding:12px}
.skip:focus{top:10px}
.brand-rail,.contents{display:none}
.copy p+p,.microcopy p+p,.flow-copy p+p,.notice p+p,.invitation p+p,.rotation-note p+p,.risk-note p+p{margin-top:1em}

main{position:relative;max-width:var(--col);margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px #1d1912,0 0 90px #000000}

/* ---------- FV ---------- */
.hero{position:relative;background:var(--bg);overflow:hidden}
.target{position:relative;z-index:2;padding:12px 14px 13px;background:#000000;text-align:center;font-size:13px;font-weight:700;line-height:1.7;border-bottom:2px solid transparent;border-image:var(--metal) 1}
.target em{font-size:15px;font-weight:700;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-visual{position:relative;aspect-ratio:4/4.5;overflow:hidden}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(180deg,#00000000 0%,#00000000 48%,#060606b3 72%,var(--bg) 100%)}
.hero-logo{position:absolute;left:0;right:0;bottom:6px;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-logo img{width:112px;height:auto;margin-bottom:-6px;filter:drop-shadow(0 3px 10px #000000)}
.hero-brand{font-family:var(--serif);font-weight:700;font-size:46px;letter-spacing:.14em;line-height:1.05;padding-left:.14em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 2px #000000) drop-shadow(0 0 14px #000000)}
.hero-brand span{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.5em;padding-left:.5em;-webkit-text-fill-color:var(--gold);color:var(--gold)}
.hero-brand span:before,.hero-brand span:after{content:"";width:34px;height:1px;background:var(--gold)}
.hero-copy{position:relative;z-index:1;padding:30px var(--gutter) 6px;text-align:center}
.hero-copy h1{font-size:34px;line-height:1.5;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 12px #000000}
.hero-copy h1 em{display:inline-block;margin-top:4px;font-size:1.06em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 6px #000000)}
.hero-description{margin:20px auto 0;display:inline-block;padding:10px 18px;font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.7;color:#111111;background:var(--metal);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}

/* ---------- 動画 ---------- */
.video-section{padding:14px var(--gutter) 0}
.video-frame{position:relative;padding:2px;background:var(--metal);box-shadow:0 14px 40px #000000cc}
.video-poster{position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#000000 url("assets/poster.webp") 50% 78%/cover}
.video-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:radial-gradient(ellipse at 50% 55%,#00000000 0,#00000077 70%)}
.video-poster[hidden]{display:none}
.cinema-orbit,.movie-wordmark,.movie-subtitle{display:none}
.movie-wordmark{position:relative;font-family:var(--serif);font-weight:700;font-size:28px;letter-spacing:.22em;line-height:1.2;color:#fff3cf}
.movie-subtitle{position:relative;font-size:11px;letter-spacing:.3em;color:var(--gold);margin-top:4px}
.play{position:relative;width:72px;height:72px;margin:0 0 8px;padding:0;border:3px solid #ffffff;border-radius:50%;background:var(--red);color:#ffffff;display:grid;place-items:center;box-shadow:0 0 0 6px #ffffff26,0 6px 20px #000000}
.play span{font-size:22px;margin-left:4px;line-height:1}
.video-poster>p{position:relative;font-size:12px;font-weight:500;color:#ffffff}
.video-status{margin:0;padding:7px;text-align:center;font-size:12px;color:var(--muted);background:#0b0a08}
video{width:100%;aspect-ratio:16/9;display:block;background:#000000}
video[hidden]{display:none}

/* ---------- 冒頭 ---------- */
.opening{padding:30px var(--gutter) 44px}
.opening-lead{font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.85;text-align:center;margin-bottom:26px}
.takeaway{padding:22px 18px 8px;border:2px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--metal) border-box}
.takeaway h2{margin:-38px auto 14px;width:max-content;max-width:100%;padding:6px 16px;font-size:18px;line-height:1.5;color:#111111;background:var(--metal)}

/* チェックリスト共通 */
.takeaway ul,.eligibility{list-style:none;padding:0;margin:0}
.takeaway li,.eligibility li{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.8}
.takeaway li:last-child,.eligibility li:last-child{border-bottom:0}
.takeaway li>span,.eligibility li>span{width:24px;height:24px;margin-top:3px;display:grid;place-items:center;font-size:14px;font-weight:700;line-height:1;color:#111111;background:var(--metal)}

/* ---------- CTA（LP01型：吹き出し＋赤ボタン） ---------- */
.cta-group{margin:34px 0 0}
.cta-copy{position:relative;padding-top:4px}
.bubble{position:relative;z-index:1;display:block;width:calc(100% - 28px);margin:0 auto -2px;padding:8px 12px;background:var(--metal);color:#111111;font-size:13px;font-weight:700;line-height:1.6;text-align:center;border:1px solid #fff0c4;box-shadow:0 2px 0 #1f467d}
.bubble:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);border:9px solid transparent;border-bottom:0;border-top:10px solid #4b84d2}
.cta{position:relative;overflow:hidden;width:100%;min-height:74px;padding:18px 54px 18px 24px;border:2px solid #f08a92;border-radius:0;color:#ffffff;font-size:22px;font-weight:700;line-height:1.4;letter-spacing:.04em;background:linear-gradient(180deg,#e1293c,var(--red) 55%,#a50f20);box-shadow:0 6px 0 var(--red-deep),0 12px 24px #c8172a59;text-shadow:0 1px 2px #00000066;transition:transform .08s ease-out,box-shadow .08s ease-out;-webkit-user-select:none;user-select:none;touch-action:manipulation}
/* 押し込み：ボタン（光のリングごと）と吹き出しが一緒に沈む */
.cta-glow,.bubble{transition:transform .1s ease-out}
.cta-copy.is-pressed .cta-glow,.cta-copy.is-pressed .bubble{transform:translateY(6px)}.cta-copy:has(.cta:active) .cta-glow{transform:translateY(6px)}.cta-copy:has(.cta:active) .bubble{transform:translateY(6px)}
.cta-copy.is-pressed .cta{box-shadow:0 0 0 var(--red-deep),0 0 24px #ff2a3d99}.cta-copy:has(.cta:active) .cta{box-shadow:0 0 0 var(--red-deep),0 0 24px #ff2a3d99}
@media (hover:hover){.cta-copy:has(.cta:hover) .cta-glow{transform:translateY(6px)}.cta-copy:has(.cta:hover) .bubble{transform:translateY(6px)}.cta-copy:has(.cta:hover) .cta{box-shadow:0 0 0 var(--red-deep),0 0 24px #ff2a3d99}}
.cta>span{position:relative;z-index:1}
.cta>i{position:absolute;z-index:1;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#ffffff;display:grid;place-items:center;font-size:0}
.cta>i:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-left:9px solid var(--red);border-top:6px solid transparent;border-bottom:6px solid transparent}
.cta:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:22%;background:linear-gradient(90deg,transparent,#ffffff59,transparent);transform:skewX(-20deg);pointer-events:none}
.microcopy{margin-top:16px;font-size:12px;line-height:1.85;color:var(--muted)}

/* ---------- セクション見出し ---------- */
.section{padding:56px var(--gutter);border-top:1px solid #241e15}
.section-head{margin-bottom:34px;text-align:center}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--gold)}
.section-head .eyebrow:before,.section-head .eyebrow:after{content:"";width:22px;height:1px;background:var(--gold-deep)}
.section-head h2{padding:22px 14px;font-size:25px;line-height:1.6;border:2px solid transparent;background:linear-gradient(#000000b3,#000000b3) padding-box,url("assets/marble.webp") center/320px padding-box,var(--metal) border-box;box-shadow:0 10px 30px #000000aa}
.section-head h2 small{display:block;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.8;color:var(--white)}
.section-head h2 small:first-child{margin-bottom:8px}
.section-head h2 small:last-child{margin-top:8px}
.section-head h2 strong{display:block;font-weight:700;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.separator{font-size:.6em}

/* ---------- 章（1〜3） ---------- */
.chapter{margin-top:40px;background:var(--panel);border:1px solid #0f223c}
.chapter-title{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:20px 18px;background:linear-gradient(180deg,#1b1812,#0f0e0c);border-bottom:2px solid transparent;border-image:var(--metal) 1}
.num{display:grid;place-items:center;width:52px;height:52px;font-family:var(--serif);font-size:28px;font-weight:700;line-height:1;color:#111111;background:var(--metal)}
.chapter h3{font-size:19px;line-height:1.65}
.chapter>.copy,.chapter>.records,.chapter>.rotation-note,.chapter>.source-notes,.chapter>.environment-tags{margin-left:18px;margin-right:18px}
.chapter>.copy{padding:22px 0 26px;font-size:16px}

.strategy-scene{position:relative;background:#000000}
.strategy-scene img{width:100%;aspect-ratio:1200/955;object-fit:cover}
.strategy-scene figcaption{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #122949}
.strategy-scene figcaption span{padding:10px 4px 12px;text-align:center;font:700 19px/1.3 var(--serif);color:var(--gold)}
.strategy-scene figcaption span+span{border-left:1px solid #122949}
.strategy-scene small{display:block;margin-bottom:4px;font:500 11px/1.6 var(--sans);letter-spacing:.12em;color:var(--white)}

.proof-band{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000000}
.proof-band figure{margin:0}
.proof-band img{width:100%;aspect-ratio:1;object-fit:cover}

/* 実績カード：LP01型（金の帯＋黒地＋大きい数字） */
.records{display:grid;gap:20px;margin-top:22px}
.record{background:#070706;border:2px solid transparent;background:linear-gradient(#070706,#070706) padding-box,var(--metal) border-box}
.record-medal{display:none}
.record-top{padding:0}
.record-top>span{display:block;padding:10px 14px;text-align:center;font:700 17px/1.5 var(--serif);color:#141008;background:var(--metal)}
.record-top>p{padding:18px 14px 6px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--white)}
.record-top strong{display:block;margin-top:2px;font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.2;letter-spacing:0;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.record-top strong span{font-size:62px;letter-spacing:-.03em}
.record-facts{display:grid;grid-template-columns:1fr 1fr;margin:12px 14px 0;border:1px solid #122949}
.record-facts>span{padding:10px 8px;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}
.record-facts>span+span{border-left:1px solid #122949;display:grid;place-content:center;color:var(--white);font-size:13px}
.record-facts b{display:block;font-family:var(--serif);font-size:22px;font-weight:700;color:var(--white)}
.record .copy{padding:18px 14px 20px;font-size:15px}
.rotation-note{margin-top:20px;padding:16px;font-size:15px;background:#000000;border:1px solid #122949;border-left:4px solid var(--gold)}
.source-notes{padding:20px 0 26px;font-size:11px;line-height:1.9;color:#a9a294}
.source-notes>.copy+.copy{margin-top:12px}

.environment-photo{width:100%;aspect-ratio:16/9;object-fit:cover}
.env-extra{margin:2px 0 0}
.env-extra img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 35%}
.environment-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.environment-tags span{padding:8px 0;text-align:center;font-size:13px;font-weight:700;color:var(--gold);border:1px solid var(--gold-deep);background:#000000}
.chapter.environment>.copy{padding-top:18px}

/* ---------- 個別面談 ---------- */
.consult-photo{width:100%;aspect-ratio:16/9;object-fit:cover}
.consult-intro{background:var(--panel);border:1px solid #0f223c}
.consult-intro .copy{padding:20px 18px 22px;font-size:16px}
.consult-items{counter-reset:none;margin-top:22px;display:grid;gap:16px}
.consult-item{padding:20px 18px 22px;background:var(--panel);border:1px solid #0f223c;border-top:3px solid var(--gold)}
.consult-item h3{margin-bottom:14px;font-size:19px;line-height:1.6;color:var(--gold)}
.consult-item .copy{font-size:15px}
.invitation{margin-top:26px;padding:24px 20px;font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.95;border:2px solid transparent;background:linear-gradient(#000000c7,#000000c7) padding-box,url("assets/marble.webp") center/320px padding-box,var(--metal) border-box}
.invitation p:first-child{color:var(--gold);font-weight:700}

/* ---------- 導入の流れ ---------- */
.flow-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0 0 26px;padding:0}
.flow-diagram li{position:relative;padding:12px 4px 14px;text-align:center;color:var(--gold);background:var(--panel);border:1px solid var(--gold-deep)}
.flow-diagram li+li:before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);border-left:7px solid var(--gold);border-top:6px solid transparent;border-bottom:6px solid transparent}
.step-no{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--muted)}
.flow-diagram svg{display:block;width:70%;margin:6px auto 4px}
.flow-diagram strong{font:700 17px/1.4 var(--serif);color:var(--white)}
.flow-details{background:var(--panel);border:1px solid #0f223c;padding:4px 18px}
.flow-copy{padding:18px 0;font-size:15px}
.flow-copy+.flow-copy{border-top:1px solid var(--line)}
.notice{margin-top:16px;padding:14px 16px;font-size:13px;background:#000000;border-left:4px solid var(--gold)}

/* ---------- 向いている方・クロージング ---------- */
.future-band{background:var(--panel);border:2px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--metal) border-box}
.future-band>img{width:100%;aspect-ratio:16/9;object-fit:cover}
.future-band .eligibility{padding:6px 18px 10px}
.stock-grade{filter:saturate(.85) contrast(1.04)}
.closing-visual{position:relative;margin:40px calc(var(--gutter) * -1) 24px}
.closing-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% 40%;-webkit-mask-image:linear-gradient(180deg,#00000000 0%,#000000 22%,#000000 70%,#00000000 100%),linear-gradient(90deg,#00000000 0%,#000000 14%,#000000 86%,#00000000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#00000000 0%,#000000 22%,#000000 70%,#00000000 100%),linear-gradient(90deg,#00000000 0%,#000000 14%,#000000 86%,#00000000 100%);mask-composite:intersect}
.closing-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(180deg,#00000000 35%,#060606f2 88%,var(--bg))}
.closing-visual h2{position:absolute;left:0;right:0;bottom:6px;z-index:1;padding:0 var(--gutter);text-align:center;font-size:27px;font-weight:700;line-height:1.55;text-shadow:0 2px 12px #000000}
.closing>.copy{text-align:center;font-size:16px}

/* ---------- フッター ---------- */
footer{padding:44px var(--gutter) 50px;text-align:center;border-top:2px solid transparent;border-image:var(--metal) 1;background:#000000b0 url("assets/marble.webp") center/400px;background-blend-mode:multiply}
footer .brand{font-family:var(--serif);font-size:34px;font-weight:700;letter-spacing:.14em;line-height:1.3;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
footer .brand span{display:block;margin-top:4px;font-family:var(--sans);font-size:11px;letter-spacing:.3em;-webkit-text-fill-color:var(--gold)}
.risk-note{max-width:520px;margin:24px auto;text-align:left;font-size:12px;line-height:1.85;color:var(--muted)}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:22px}
.legal-links button{padding:0;border:0;background:none;color:#d9d3c6;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.copyright{margin-top:22px;font-size:11px;color:#8d877a}

/* ---------- ダイアログ ---------- */
dialog{width:calc(100% - 40px);max-width:420px;padding:36px 24px 26px;color:var(--white);background:#0f0e0c;border:2px solid var(--gold-deep)}
dialog::backdrop{background:#000000cc}
dialog h2{margin:6px 0 12px;font-size:21px;color:var(--gold)}
dialog p{font-size:14px}
.dialog-close{position:absolute;right:8px;top:6px;padding:0 8px;font-size:26px;color:#ffffff;background:none;border:0}
.dialog-ok{width:100%;margin-top:22px;padding:10px;color:#ffffff;background:var(--red);border:1px solid #f08a92}

/* ---------- 実績の比較バー（LP01と同じ型） ---------- */
.comparison-bars{margin:16px 14px 0;padding:14px 12px 16px;border:1px solid #122949;background:repeating-linear-gradient(90deg,#121110 0,#121110 calc(25% - 1px),#2a251c calc(25% - 1px),#2a251c 25%)}
.comparison-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px 9px;margin-bottom:14px}
.comparison-bars>div:last-child{margin-bottom:0}
.comparison-bars span{grid-column:1;grid-row:1;font-size:12px;font-weight:700;color:var(--muted)}
.comparison-bars b{grid-column:2;grid-row:1;font-size:14px;font-weight:700;color:var(--white)}
.comparison-bars>div:last-child b{color:var(--gold)}
.bar-track{grid-column:1/-1;grid-row:2;height:18px;background:#050505;box-shadow:inset 0 2px 4px #000000}
.bar-track i{display:block;height:100%;width:var(--bar);transform-origin:left;background:linear-gradient(#2f7fee,#4b84d2 45%,#295ba2 50%,#4a83d3);box-shadow:0 3px 0 #183660}
.comparison-bars>div:first-child .bar-track i{background:linear-gradient(#e2ded4,#8d887d);box-shadow:0 3px 0 #45423b}
.bar-note{margin-top:10px;font-size:11px;line-height:1.8;color:#a9a294}

/* ---------- 動き（OS設定を尊重。本文は隠さない） ---------- */
@media (prefers-reduced-motion:no-preference){
 /* FV */
 .target{animation:mv-drop .7s cubic-bezier(.16,1,.3,1) both}
 .hero-photo{animation:mv-kv 2.6s cubic-bezier(.16,1,.3,1) both}
 .hero-logo{animation:mv-rise 1s .35s cubic-bezier(.16,1,.3,1) both}
 .hero-brand,.hero-copy h1 em,.section-head h2 strong,.record-top strong,.hero-description{background-size:220% 100%;animation:mv-shine 5.5s 1.2s ease-in-out infinite}
 .hero-copy h1{animation:vsl-in .8s ease-out both}
 /* 動画の再生ボタン */
 .play:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;inset:-3px;border-radius:50%;border:2px solid #ffffff;animation:mv-ripple 2s ease-out infinite;pointer-events:none}
 /* CTA：ゆっくり拡大縮小＋光（押し込みは transform 側なので干渉しない） */
 .cta-copy{animation:mv-breathe 2.4s ease-in-out infinite;transform-origin:50% 100%}
 .cta-copy.is-pressed,.cta-copy:has(.cta:active){animation:none;scale:1}
 @media (hover:hover){.cta-copy:has(.cta:hover){animation:none;scale:1}}
 .cta:after{animation:vsl-sheen 3.6s 1s ease-in-out infinite}
 /* 比較バー・数字 */
 .comparison-bars .bar-track i{transform:scaleX(0);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
 .record.is-counted .bar-track i{transform:scaleX(1)}
 .record.is-counted .comparison-bars>div:last-child .bar-track i{transition-delay:.25s}
 .record.is-counted{animation:mv-glow 1.6s ease-out}
 /* スクロールで出てくるもの（見出し・画像・アイコン。本文は対象外） */
 .motion .rv{transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--d,0s),transform .9s cubic-bezier(.16,1,.3,1) var(--d,0s)}
 .motion .rv-up:not(.in){opacity:0;transform:translateY(22px)}
 .motion .rv-img{transition-duration:.9s,1.6s}
 .motion .rv-img:not(.in){opacity:0;transform:scale(1.12)}
 .strategy-scene,.proof-band figure,.env-extra,.consult-intro,.future-band,.closing-visual,.chapter.environment{overflow:hidden}
 .motion .rv-pop:not(.in){opacity:0;transform:scale(.3) rotate(-25deg)}
 .motion .rv-pop.in{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}
 .motion .rv-line:before,.motion .rv-line:after{transition:width .8s cubic-bezier(.16,1,.3,1) .2s}
 .motion .rv-line:not(.in):before,.motion .rv-line:not(.in):after{width:0}
 .motion .section-head h2.rv-up:not(.in){transform:translateY(16px) scale(.96)}
 @keyframes vsl-in{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}
 @keyframes vsl-sheen{0%{left:-40%}35%,100%{left:130%}}
 @keyframes mv-drop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
 @keyframes mv-kv{from{transform:scale(1.12);filter:brightness(.6)}to{transform:none;filter:none}}
 @keyframes mv-rise{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
 @keyframes mv-shine{0%,55%{background-position:100% 0}85%,100%{background-position:0 0}}
 @keyframes mv-ripple{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}
 @keyframes mv-breathe{0%,100%{scale:1}50%{scale:1.035}}
 @keyframes mv-glow{0%{box-shadow:0 0 0 #4382db00}35%{box-shadow:0 0 28px #4382db88}100%{box-shadow:0 0 0 #4382db00}}
}

/* ---------- 幅別 ---------- */
@media (max-width:359px){
 :root{--gutter:16px}
 .hero-copy h1{font-size:28px}
 .hero-brand{font-size:38px}
 .target{font-size:12px}
 .target em{font-size:13px}
 .hero-description{font-size:13px}
 .section-head h2{font-size:21px}
 .chapter h3,.consult-item h3{font-size:17px}
 .record-top strong span{font-size:50px}
 .cta{font-size:19px;padding-left:16px}
 .bubble{font-size:12px}
 .strategy-scene figcaption span{font-size:16px}
 .flow-diagram strong{font-size:15px}
 .closing-visual h2{font-size:23px}
}

.bubble,.chapter h3,.consult-item h3,.section-head h2,.opening-lead{text-wrap:balance}


/* ---------- FV：タイトルは頭のあたり、動画は画像の下部に重ねる（2026-11-11） ---------- */
.hero-visual{isolation:isolate;aspect-ratio:4/4.9}
.hero-photo{object-position:50% 30%}
.hero-visual:after{z-index:1;background:linear-gradient(180deg,#000000cc 0%,#00000066 16%,#00000000 32%,#00000000 62%,#060606d9 86%,var(--bg) 100%)}
#hero-fx{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}
.hero-logo{top:14px;bottom:auto;z-index:3}
.hero-logo img{width:92px;filter:drop-shadow(0 0 12px #1f7cff) drop-shadow(0 3px 10px #000000)}
.hero-brand{font-size:44px}
.hero-lead{position:relative;z-index:4;margin-top:-132px}
.hero-lead .hero-copy{padding:0 var(--gutter) 22px}
.hero-lead .hero-copy h1{text-shadow:0 2px 10px #000000,0 0 26px #000000,0 0 46px #000000}
.hero-visual:after{background:linear-gradient(180deg,#000000cc 0%,#00000066 16%,#00000000 32%,#00000000 50%,#060606b3 70%,#060606f2 86%,var(--bg) 100%)}
.video-section{position:relative;z-index:4;padding-top:6px}
/* CTA：回転する光のリング＋強い発光 */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.cta-glow{position:relative;isolation:isolate}
.cta-glow:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;inset:-4px;z-index:-1;background:conic-gradient(from var(--ang),#ff2238,#ffd77a,#fff6dc,#ff2238,#7d0010,#ffd77a,#ff2238)}
.cta-glow:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;inset:-14px;z-index:-2;background:conic-gradient(from var(--ang),#ff2238,#ffd77a,#ff2238,#ffb347,#ff2238);filter:blur(16px);opacity:.85}
.cta-glow .cta{box-shadow:0 6px 0 var(--red-deep),0 0 30px #ff2a3daa,0 0 60px #1f7cff66}
.cta-copy.is-pressed .cta-glow .cta{box-shadow:0 0 0 var(--red-deep),0 0 24px #ff2a3d99}.cta-copy:has(.cta:active) .cta-glow .cta{box-shadow:0 0 0 var(--red-deep),0 0 24px #ff2a3d99}
@media (hover:hover){.cta-copy:has(.cta:hover) .cta-glow .cta{box-shadow:0 0 0 var(--red-deep),0 0 24px #ff2a3d99}}
@media (prefers-reduced-motion:no-preference){
 .hero-logo{animation:mv-rise 1s .35s cubic-bezier(.16,1,.3,1) both}
 .hero-logo img{animation:mv-logo 2.8s ease-in-out infinite}
 .hero-brand{animation:mv-shine 3.2s .6s ease-in-out infinite,mv-brand-glow 2.8s ease-in-out infinite}
 .target{animation:mv-drop .7s cubic-bezier(.16,1,.3,1) both,mv-border 2.4s 1s ease-in-out infinite}
 .video-frame{animation:mv-frame 2.6s ease-in-out infinite}
 .cta-glow:before{animation:mv-ang 2.2s linear infinite}
 .cta-glow:after{animation:mv-ang 2.2s linear infinite,mv-halo 1.4s ease-in-out infinite}
 @keyframes mv-ang{to{--ang:360deg}}
 @keyframes mv-halo{0%,100%{opacity:.7;top:-12px;right:-12px;bottom:-12px;left:-12px;inset:-12px}50%{opacity:1;top:-24px;right:-24px;bottom:-24px;left:-24px;inset:-24px}}
 @keyframes mv-logo{0%,100%{filter:drop-shadow(0 0 10px #1f7cff) drop-shadow(0 3px 10px #000000)}50%{filter:drop-shadow(0 0 26px #1f7cff) drop-shadow(0 3px 10px #000000)}}
 @keyframes mv-brand-glow{0%,100%{filter:drop-shadow(0 2px 2px #000000) drop-shadow(0 0 10px #000000)}50%{filter:drop-shadow(0 2px 2px #000000) drop-shadow(0 0 18px #1f7cff99)}}
 @keyframes mv-border{0%,100%{box-shadow:0 0 0 #1f7cff00}50%{box-shadow:0 4px 22px #1f7cff55}}
 @keyframes mv-frame{0%,100%{box-shadow:0 14px 40px #000000cc,0 0 0 #1f7cff00}50%{box-shadow:0 14px 40px #000000cc,0 0 26px #1f7cff77}}
}

/* ---------- 2026-11-11 ロゴ（LP01と同じ）・FV詰め・選択色・下線演出 ---------- */
::selection{background:#d81f33;color:#ffffff}
::-moz-selection{background:#d81f33;color:#ffffff}
.hero-logo{top:12px;right:12px;left:auto;bottom:auto;width:132px;display:block}
.hero-logo img{width:100%;height:auto;margin:0;filter:drop-shadow(0 2px 6px #000000) drop-shadow(0 0 10px #000000aa)}
.hero-copy h1{line-height:1.3}
.hero-copy h1 em{margin-top:2px}
.hero-lead{margin-top:-150px}
.hero-lead .hero-copy{padding-bottom:14px}
.hero-description{margin-top:14px}
.video-section{padding-top:0}
footer .brand{background:none;-webkit-text-fill-color:initial}
footer .brand img{display:block;width:210px;height:auto;margin:0 auto}
footer .brand span{margin-top:8px}
/* 重要部分の下線：セクションに入ると左から一気に引かれる */
.hl{background:linear-gradient(transparent 66%,#d81f33d9 66%,#d81f33d9 92%,transparent 92%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:700}
@media (prefers-reduced-motion:no-preference){
 .motion .hl{background-size:0% 100%;transition:background-size .45s cubic-bezier(.2,.9,.2,1) var(--d,0s)}
 .motion .hl.in{background-size:100% 100%}
 .hero-logo{animation:mv-fade 1s .3s ease-out both}
 .hero-logo img{animation:mv-logo2 3s ease-in-out infinite}
 @keyframes mv-fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
 @keyframes mv-logo2{0%,100%{filter:drop-shadow(0 2px 6px #000000) drop-shadow(0 0 6px #1f7cff55)}50%{filter:drop-shadow(0 2px 6px #000000) drop-shadow(0 0 16px #1f7cffcc)}}
}

/* 背景（大理石）の上を走る雷。ページの列（不透明）の後ろ */
#bolt-bg{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;mix-blend-mode:screen}
main{z-index:1}

/* FV：見出し・説明・動画をさらに上へ（2026-11-11） */
.hero-visual{aspect-ratio:4/4.6}
.hero-photo{object-position:50% 22%}
.hero-visual:after{background:linear-gradient(180deg,#000000cc 0%,#00000066 14%,#00000000 28%,#00000000 42%,#060606b3 62%,#060606f2 80%,var(--bg) 100%)}
.hero-lead{margin-top:max(-200px,-51vw)}
.hero-lead .hero-copy{padding-bottom:12px}
.hero-description{margin-top:12px}

/* ---------- PC：左右の空きに VSL動画（左）と予約ボタン（右）。動画はメインと連動 ---------- */
.side-rail{display:none}
@media (min-width:1100px){
 .side-rail{display:block;position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:min(320px,calc(50vw - 195px - 60px));padding:20px 18px 22px;text-align:center;border:2px solid transparent;background:linear-gradient(#000000c7,#000000c7) padding-box,url("assets/marble.webp") center/320px padding-box,var(--metal) border-box;box-shadow:0 20px 50px #000000cc}
 .side-left{right:calc(50% + 195px + 30px)}
 .side-cta{left:calc(50% + 195px + 30px)}
 .rail-logo{width:170px;height:auto;margin:0 auto 10px;filter:drop-shadow(0 2px 6px #000000)}
 .rail-label{margin-bottom:10px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gold)}
 .side-rail .play{width:58px;height:58px}
 .side-rail .cta-group{margin:8px 0 0}
 .side-rail .cta{min-height:64px;padding:14px 48px 14px 16px;font-size:19px}
 .side-rail .bubble{font-size:12px}
 .side-rail .microcopy{text-align:left;font-size:11px}
}

/* スマホだけ：見出し・説明・動画をさらに上へ（PCは据え置き） */
@media (max-width:767px){
 .hero-visual{aspect-ratio:4/4.25}
 .hero-photo{object-position:50% 16%}
 .hero-lead{margin-top:max(-215px,-55vw)}
 .hero-copy h1{font-size:31px}
 .hero-description{margin-top:10px;padding:8px 16px;font-size:14px}
 .target{padding:9px 12px 10px}
}
@media (max-width:359px){.hero-description{font-size:12px;padding:8px 12px}}

.rail-player[hidden]{display:none}
@media (min-width:1100px){.rail-player{margin-bottom:14px}}

/* スマホの横揺れ防止：はみ出した光・演出を列の中で切り、横スクロールを出さない（2026-11-11） */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}main{overflow-x:clip}}
html{touch-action:pan-y pinch-zoom}
#bolt-bg{width:100%}

/* 吹き出し・ボタンの文字は明朝。吹き出しは普通の太さ（2026-11-11） */
.bubble{font-family:var(--serif);font-weight:500}
.cta{font-family:var(--serif);font-weight:700}

/* スマホだけ：下部追従ボタン（PCの左側に箱があるときは出さない）。拡大縮小なし、光のみ */
.sticky-cta{display:none}
@media (max-width:1099px){
 .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:var(--col);margin:0 auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#060606eb;border-top:1px solid #1d4174;transform:translateY(110%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
 .sticky-cta.is-shown{transform:none}
 .sticky-cta .cta{min-height:56px;padding:12px 48px 12px 16px;font-size:19px;border-radius:0;box-shadow:0 4px 0 var(--red-deep)}
 .sticky-cta .cta.is-pressed,.sticky-cta .cta:active{transform:translateY(4px);box-shadow:0 0 0 var(--red-deep)}
 body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}

/* PC：右側に目次（LP01と同じ型）。現在のセクションを金色で表示 */
.desktop-toc{display:none}
@media (min-width:1100px){
 .desktop-toc{display:block;position:fixed;top:50%;transform:translateY(-50%);left:calc(50% + 195px + 40px);z-index:2;width:min(220px,calc(50vw - 195px - 60px));max-height:calc(100vh - 60px);overflow:auto}
 .desktop-toc>p{font:11px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#4b84d2;text-shadow:0 1px 3px #000000}
 .desktop-toc>p span{display:block;margin-top:9px;font:600 12px/1.8 var(--sans);letter-spacing:.06em;color:#4b84d2}
 .desktop-toc ol{list-style:none;padding:0;margin:22px 0 0;border-left:1px solid #17355e}
 .desktop-toc a{position:relative;display:flex;align-items:center;gap:11px;padding:10px 0 10px 17px;color:#b6afa2;font-size:13px;line-height:1.5;text-decoration:none;text-shadow:0 1px 3px #000000;transition:color .15s}
 .desktop-toc a span{font:10px/1 Arial,sans-serif;color:#837765}
 .desktop-toc a:before{content:"";position:absolute;left:-4px;width:5px;height:5px;border-radius:50%;border:1px solid #265699;background:#141310}
 .desktop-toc a:hover,.desktop-toc a[aria-current]{color:#3880e6;font-weight:700}
 .desktop-toc a[aria-current]:before{background:#4b84d2;border-color:#4b84d2;box-shadow:0 0 0 4px #4b84d222}
}

/* PCの左の箱と右の目次をLP01と同じ位置へ（本文から離す）。左のボタンは拡大縮小なし・光が流れるだけ（2026-11-11） */
@media (min-width:1100px){
 .side-left{right:auto;left:calc(50% - 565px);width:270px}
 .desktop-toc{left:auto;right:18px;width:180px}
 .side-rail .cta-copy{animation:none!important;scale:1}
 .side-rail .cta-glow:before,.side-rail .cta-glow:after{display:none}
 .side-rail .cta-glow .cta{box-shadow:0 6px 0 var(--red-deep),0 8px 18px #c8172a55}
}
@media (min-width:1100px) and (max-width:1190px){.side-left{left:24px;width:240px}}
/* 目次は左の箱と左右対称に（本文から約100px） */
@media (min-width:1100px){.desktop-toc{right:auto;left:calc(50% + 295px);width:220px}}
@media (min-width:1100px) and (max-width:1190px){.desktop-toc{left:auto;right:24px;width:200px}}

/* ===================================================================
   高橋様VSL v2 追加分（2026-11-13）
   中様VSL01・LP01の部品を流用。地は黒に近い濃色、アクセントはメタリック青紫、
   吹き出しは中様と同じ金×黒、CTAは赤。フォントは全部明朝。
   =================================================================== */
:root{
 --bg:#0c0b0a;--panel:#181716;--panel2:#21201d;--line:#403d38;
 --white:#f8f8f7;--muted:#d0cdc8;--gold:#d7d5d2;--gold-deep:#4180d8;
 --metal:linear-gradient(115deg,#3c7dd7 0%,#d0cdc8 22%,#f5f5f4 38%,#4180d8 55%,#e7e6e3 75%,#4180d8 100%);
 --bubble-gold:linear-gradient(115deg,#255393 0%,#4382db 22%,#fff3cf 38%,#4b83d2 55%,#3980e5 75%,#295ca4 100%);
 --serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;--sans:var(--serif);
}
body{background:#070707 url("assets/marble.webp") center/cover fixed;font-family:var(--serif);font-weight:500}
main{background:var(--bg);box-shadow:0 0 0 1px #2c2a27,0 0 90px #000000}
b,strong{font-weight:700}
.nw{white-space:nowrap}
.copy p,.invitation p{font-size:16px;line-height:1.95}

/* ---------- FV ---------- */
.target{font-size:13.5px}
.target em{font-size:15px}
.hero-photo{object-position:50% 40%}
.hero-badge{position:absolute;z-index:3;top:14px;right:12px;margin:0;padding:2px;background:var(--metal);box-shadow:0 6px 18px #000000aa}
.hero-badge span{display:block;padding:7px 12px 8px;background:#141311;font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1.2;color:#ffffff}
.hero-badge span:before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 2px 0;border-radius:50%;background:#ff3b4f;box-shadow:0 0 0 3px #ff3b4f44;vertical-align:middle}
.hero-copy h1{font-size:33px;line-height:1.38;letter-spacing:-.01em}
.hero-copy h1 .h1a{display:block;color:#ffffff;text-shadow:0 2px 10px #000000,0 0 26px #000000,0 0 46px #000000,0 0 22px #4180d866}
.hero-copy h1 em{display:block;margin-top:10px;font-size:.92em;line-height:1.4;filter:drop-shadow(0 2px 6px #000000) drop-shadow(0 0 14px #4180d888)}
.hero-description{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:10px 22px 11px;font-size:15px;line-height:1.65;color:#ffffff}
.hero-description b{font-size:17px;font-weight:700}
/* FV直下：2つの記録の要約 */
.fv-recs{position:relative;z-index:4;padding:6px var(--gutter) 18px}
.fv-rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fv-rec{padding:0 0 10px;border:2px solid transparent;background:linear-gradient(#131211,#131211) padding-box,var(--metal) border-box;text-align:center}
.fv-rec-h{padding:5px 4px 6px;font-size:14px;font-weight:700;line-height:1.4;color:#ffffff;background:var(--metal)}
.fv-rec-kind{display:inline-block;margin:8px auto 0;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.7;color:var(--gold);border:1px solid var(--gold-deep)}
.fv-rec-num{margin:4px 0 2px;line-height:1.15}
.fv-rec-num small{display:block;font-size:10.5px;color:var(--muted);font-weight:500}
.fv-rec-num b{display:block;font-size:24px;font-weight:700;letter-spacing:-.03em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fv-rec ul{list-style:none;margin:6px 8px 0;padding:0;text-align:left}
.fv-rec li{position:relative;padding:4px 0 4px 11px;font-size:11.5px;line-height:1.6;color:#eae9e7;border-top:1px dashed #45433e}
.fv-rec li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:var(--gold)}
.fv-rec li b{color:#ffffff;font-size:12.5px}
.kubun{margin-top:12px;padding:9px 12px;font-size:12.5px;line-height:1.75;color:#e4e3e0;background:#131211;border-left:3px solid var(--gold)}
.kubun span{display:inline-block;margin-right:8px;padding:0 7px;font-size:11px;font-weight:700;color:#ffffff;background:var(--metal)}

/* ---------- 動画 ---------- */
.video-section{padding-top:4px}
.video-poster{background:#000000 url("assets/poster.webp") 50% 50%/cover}
.video-poster:before{background:radial-gradient(ellipse at 50% 50%,#00000000 0,#000000aa 75%)}
.video-poster>p{font-size:13px;font-weight:700;text-shadow:0 1px 6px #000000}
.video-slot{aspect-ratio:16/9;background:#000000}
.video-slot iframe,.video-slot video{width:100%;height:100%;border:0;display:block}
.video-status{background:#11100f}

/* ---------- セミナー案内（動画直下） ---------- */
.opening{padding:26px var(--gutter) 40px}
.opening-lead{font-size:17px;line-height:1.9;text-align:left;padding:18px 16px;border:2px solid transparent;background:linear-gradient(#131211,#131211) padding-box,var(--metal) border-box;margin-bottom:0}

/* ---------- CTA（中様と同じ：金の吹き出し＋赤ボタン） ---------- */
.cta-group{margin:34px 0 0}
.bubble{background:var(--bubble-gold);color:#111111;border:1px solid #fff0c4;box-shadow:0 2px 0 #1f467d;font-family:var(--serif);font-weight:700;font-size:12.5px;letter-spacing:0;padding:7px 10px}
.bubble:after{border-top-color:#4b84d2}
a.cta{display:block;text-decoration:none;text-align:center}
.cta{font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:0;line-height:1.5;padding:16px 46px 16px 14px;min-height:76px;display:flex;align-items:center;justify-content:center}
.cta>span{display:block}
@media (prefers-reduced-motion:no-preference){
 .cta-copy{animation:cta-breathe 2.8s ease-in-out infinite}
 .cta:after{animation:cta-shine 3.8s ease-in-out infinite}
 @keyframes cta-breathe{0%,100%{scale:1}50%{scale:1.035}}
 @keyframes cta-shine{0%,30%{left:-40%}70%,100%{left:130%}}
}
/* 本文中の重要語の下線：赤 */
.key-line{margin:22px 0 0;padding:16px 14px;text-align:center;font-size:18px;font-weight:700;line-height:1.8;background:#131211;border-top:1px solid var(--gold-deep);border-bottom:1px solid var(--gold-deep)}
.small-note{margin-top:14px;font-size:12.5px;line-height:1.85;color:var(--muted)}
.copy.lead{margin-bottom:6px}

/* ---------- 節：英字ラベル＋斜めの区切り線（LP01） ---------- */
.section{position:relative;border-top:0;padding-top:64px}
.section:before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:var(--metal);clip-path:polygon(0 75%,100% 0,100% 30%,0 100%);opacity:.95}
.section-head .eyebrow{font-family:var(--serif);font-size:12px;letter-spacing:.2em;color:var(--gold)}
.section-head h2{background:linear-gradient(#090908cc,#090908cc) padding-box,url("assets/marble.webp") center/420px padding-box,var(--metal) border-box;font-size:24px;line-height:1.6}
.section-head h2 small{font-family:var(--serif);font-weight:500;font-size:14.5px;color:#f0efed}
.section-head h2 strong{font-weight:700;filter:drop-shadow(0 1px 0 #00000088)}
.section-head h2 strong .nw{white-space:nowrap}
/* 交互に地の明るさを変える（同じ色の上に同じ色を重ねない） */
.records-sec,.day-sec,.seminar-sec{background:#121110}
.auto-sec,.sim-sec,.who-sec{background:#0a0a09}

/* ---------- 実績 ---------- */
.records-sec .copy.lead p{font-size:15.5px}
.records{gap:26px}
.record{background:linear-gradient(#0f0f0e,#0f0f0e) padding-box,var(--metal) border-box}
.record-top{text-align:center}
.record-top h3{padding:12px 14px 13px;font-size:17px;line-height:1.55;font-weight:700;color:#ffffff;background:var(--metal)}
.record-kind{display:inline-block!important;margin:14px auto 0;padding:2px 12px!important;font:700 12px/1.7 var(--serif)!important;letter-spacing:.12em;color:#ffffff!important;background:#c8172a!important}
.record-top>p{padding:12px 14px 2px;font-size:13px}
.record-top strong{font-size:18px;white-space:nowrap}
.record-top strong span{font-size:44px;letter-spacing:-.03em}
.record-top strong small{font-size:16px;margin-left:2px}
.rec-period{margin:12px 14px 0;padding:8px 10px;font-size:13px;line-height:1.7;color:#ebeae7;background:#181716;border:1px solid #45433e}
.record>.copy{padding:16px 14px 0}
.record>.copy p{font-size:15px}
.record>.copy:last-child{padding-bottom:20px}
.comparison-bars{background:repeating-linear-gradient(90deg,#191816 0,#191816 calc(25% - 1px),#393733 calc(25% - 1px),#393733 25%);border-color:#45433e}
.comparison-bars span,.comparison-bars b{font-family:var(--serif)}
.bar-track i{background:linear-gradient(#f5f5f4,#d0cdc8 45%,#4180d8 50%,#dbd9d6);box-shadow:0 3px 0 #514e47}
.comparison-bars>div:last-child b{color:#e8e7e5}
.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:16px 14px 0}
.stat-tiles>div{padding:10px 6px 11px;text-align:center;background:#181716;border:1px solid #4c4943;border-top:2px solid var(--gold)}
.stat-tiles dt{font-size:11.5px;line-height:1.5;color:var(--muted)}
.stat-tiles dd{margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.35;color:#ffffff}
.year-chart{margin:16px 14px 0;padding:14px 12px 16px;background:#181716;border:1px solid #45433e}
.yr-h{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--gold)}
.yr{display:grid;grid-template-columns:1fr auto;gap:5px 9px;margin-top:12px}
.yr span{font-size:12.5px;color:#e6e5e2}
.yr b{font-size:15px;font-weight:700;color:#ffffff}
.yr .bar-track{grid-column:1/-1;height:16px}
.yr:last-child b{color:#e8e7e5}
.bar-note{color:var(--muted)}
@media (prefers-reduced-motion:no-preference){
 .motion .year-chart .bar-track i,.motion .sim-chart .col i{transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
 .motion .year-chart .yr:nth-of-type(3) .bar-track i{transition-delay:.15s}.motion .year-chart .yr:nth-of-type(4) .bar-track i{transition-delay:.3s}
 .motion .year-chart.is-counted .bar-track i{transform:scaleX(1)}
 .record.is-counted{animation:v2-glow 1.6s ease-out}
 @keyframes v2-glow{0%{box-shadow:0 0 0 #c9c6c000}35%{box-shadow:0 0 28px #c9c6c088}100%{box-shadow:0 0 0 #c9c6c000}}
}

/* ---------- 仕組み図（LP01 engine-showcase の流用） ---------- */
.engine-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;margin:30px 0 0;padding:26px 18px 22px;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#2869c366,transparent 46%),linear-gradient(145deg,#201f1c,#0c0b0a 50%,#1c1b19);border:1px solid #4180d8;box-shadow:inset 0 0 0 5px #0c0b0a,0 16px 40px #00000077}
.engine-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:linear-gradient(#d1ceca0d 1px,transparent 1px),linear-gradient(90deg,#d1ceca0d 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse,#000000,transparent 80%);mask-image:radial-gradient(ellipse,#000000,transparent 80%)}
.engine-showcase:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;inset:10px;border-top:2px solid #d0cdc8;border-bottom:2px solid #d0cdc8;pointer-events:none;opacity:.4}
.engine-trader{position:relative;text-align:left;padding:0 0 18px;border-bottom:1px solid #235cac;z-index:1}
.engine-showcase .micro{font:700 11px/1.4 var(--serif);letter-spacing:.22em;color:var(--gold)}
.engine-trader h3{margin:12px 0 10px;font-size:28px;line-height:1.35;color:#ffffff}
.engine-trader h3 span{display:block;font-size:38px;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.engine-trader p{font-size:13.5px;line-height:1.85;color:#deddda}
.outline-badge{display:inline-block;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;color:#ffffff;background:var(--metal)}
.trader-spark{position:absolute;right:0;top:40px;width:85px;height:60px;color:#d1ceca;filter:drop-shadow(0 0 5px #d1ceca88);opacity:.6}
.engine-link{position:relative;display:flex;align-items:center;justify-content:center;height:56px;color:#4180d8}
.engine-link span{position:absolute;left:calc(50% + 20px);font:9px/1.5 var(--serif);letter-spacing:.1em;white-space:nowrap}
.engine-link i{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d7d5d2,transparent)}
.engine-link b{position:relative;z-index:1;width:26px;text-align:center;font-size:18px;color:#e8e7e5;background:#161513}
.engine-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:250px;max-width:100%;height:250px;margin:0 auto;isolation:isolate}
.engine-core:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 23%,#e2e0dd33,transparent 45%),linear-gradient(135deg,#21201d,#43403b 48%,#11100f 51%,#2e2c28);border:2px solid #c9c6c0;box-shadow:inset 0 0 0 7px #0f0f0e,inset 0 0 0 8px #296cca,0 0 35px #bebbb555;z-index:-1}
.core-mark{font-size:40px;font-weight:700;line-height:1;letter-spacing:.04em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #bebbb588)}
.engine-core>span{margin-top:10px;font:700 13px/1 var(--serif);letter-spacing:.25em;padding-left:.25em;color:#f1f0ef}
.engine-core small{margin-top:7px;font:9px/1.4 var(--serif);letter-spacing:.18em;color:#bebbb4}
.engine-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;inset:4px;border-radius:50%;border:1px solid #3b7cd7;box-shadow:0 0 20px #bebbb522;pointer-events:none}
.engine-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;inset:-3px;border:3px solid transparent;border-top-color:#f1f0ef;border-right-color:#c9c6c088;border-radius:50%;filter:drop-shadow(0 0 6px #d1ceca)}
.engine-ring.ring-inner{top:22px;right:22px;bottom:22px;left:22px;inset:22px;border:1px dashed #d0cdc888}
.engine-crosshair{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;inset:-7px;z-index:-2;background:linear-gradient(90deg,transparent 49.7%,#d0cdc844 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#d0cdc844 50%,transparent 50.3%)}
.engine-node{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#f1f0ef;box-shadow:0 0 12px #d7d5d2}
.node-left{left:2px}.node-right{right:2px}
.engine-system>.micro{display:block;margin-bottom:12px;text-align:center}
.execution-step{position:relative;display:grid;grid-template-columns:36px 1fr 18px;gap:0 10px;align-items:center;margin:8px 0 0;padding:11px 14px;overflow:hidden;background:linear-gradient(110deg,#2e2c29,#171614);border:1px solid #2156a1;border-left:3px solid #d0cdc8;box-shadow:0 4px 12px #00000055}
.execution-step>span{grid-row:1/3;font:italic 700 26px/1 var(--serif);color:#d0cdc8}
.execution-step>b{font-size:17px;font-weight:700;color:#f6f6f5}
.execution-step>i{grid-column:3;grid-row:1/3;font-style:normal;font-size:17px;color:#e8e7e5}
.execution-step>small{grid-column:2;font:9px/1.8 var(--serif);letter-spacing:.2em;color:#4180d8}
.execution-step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(100deg,transparent,#e2e0dd2a,transparent);transform:translateX(-120%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
 .engine-showcase.is-energized .ring-outer{animation:reactor-spin 12s linear infinite}
 .engine-showcase.is-energized .ring-inner{animation:reactor-spin 9s linear infinite reverse}
 .engine-showcase.is-energized .engine-link b{animation:reactor-transfer 2.4s ease-in-out infinite}
 .engine-showcase.is-energized .execution-step:after{animation:execution-sweep 7.2s ease-in-out infinite}
 .engine-showcase.is-energized .execution-step:nth-of-type(2):after{animation-delay:2.4s}
 .engine-showcase.is-energized .execution-step:nth-of-type(3):after{animation-delay:4.8s}
 @keyframes reactor-spin{to{transform:rotate(360deg)}}
 @keyframes reactor-transfer{0%,100%{transform:translateY(-6px);opacity:.5}50%{transform:translateY(6px);opacity:1}}
 @keyframes execution-sweep{0%,4%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
}

/* ---------- 取引デモ画面（LP01 terminal の流用） ---------- */
.terminal-wrap{margin:26px 0 0}
.terminal{overflow:hidden;background:#100f0e;border:1px solid #2156a1;border-radius:10px;box-shadow:0 18px 40px #000000,0 0 40px #bebbb522}
.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:#1f1e1b;border-bottom:1px solid #403d38}
.terminal-brand{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.15em;color:#e8e7e5}
.demo-pill{padding:3px 7px;font-size:9px;letter-spacing:.1em;color:#f1f0ef;background:#44413c;border-radius:3px}
.terminal-top{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px}
.terminal-top .micro{display:block;font-size:9px;letter-spacing:.2em;color:var(--gold)}
.terminal-title{margin-top:4px;font-size:18px;font-weight:700;color:#ffffff}
.signal{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.12em;color:#4180d8}
.signal i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4180d8;box-shadow:0 0 0 4px #4180d822}
.chart-caption{display:flex;justify-content:space-between;padding:6px 14px 8px;font-size:11px;color:#edecea}
.chart-caption>span:last-child{font-size:10px;color:#bebbb4}
.chart-caption small{font-size:9px;color:#4180d8}
.market-chart{display:block;width:calc(100% - 28px);height:auto;margin:0 14px;overflow:visible}
.terminal-flow{display:flex;align-items:center;gap:5px;padding:10px 10px;margin-top:8px;background:#171614;border-top:1px solid #403d38;border-bottom:1px solid #403d38}
.flow-item{flex:1;padding:6px 2px;text-align:center;font-size:11.5px;color:#d6d4cf;border:1px solid #4c4943}
.flow-item.active{color:#ffffff;background:var(--metal);border-color:transparent;font-weight:700}
.terminal-flow>b{color:#4180d8;font-size:12px}
.event-log{padding:4px 14px}
.event-log>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed #403d38;font-size:12.5px;color:#edecea}
.event-log>div:last-child{border-bottom:0}
.log-time{font-size:9.5px;letter-spacing:.08em;color:#4180d8;white-space:nowrap}
.event-log em{font-style:normal;font-size:9.5px;letter-spacing:.1em;color:#4180d8}
.terminal-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:11px;color:#d6d4cf;border-top:1px solid #403d38}
.demo-note{margin-top:10px;text-align:center;font-size:12.5px;line-height:1.85;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){
 .chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:v2-draw 3.4s cubic-bezier(.4,0,.2,1) .4s infinite}
 .chart-dot{animation:v2-blink 1.4s ease-in-out infinite}
 .flow-item{animation:v2-flow 4.5s ease-in-out infinite}
 .flow-item:nth-of-type(2){animation-delay:1.5s}.flow-item:nth-of-type(3){animation-delay:3s}
 @keyframes v2-draw{0%{stroke-dashoffset:1}60%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
 @keyframes v2-blink{0%,100%{opacity:1}50%{opacity:.3}}
 @keyframes v2-flow{0%,8%,34%,100%{box-shadow:none}16%,26%{box-shadow:0 0 0 1px #e2e0dd,0 0 14px #c9c6c088}}
}

/* ---------- 5つの設計（VSL01 chapter） ---------- */
.chapters{margin-top:10px}
.chapter{margin-top:22px;background:#131211;border-color:#403d38}
.chapter-title{background:linear-gradient(180deg,#272623,#181716);align-items:center}
.chapter h3{font-size:18px;line-height:1.6}
.chapter>.copy{padding:18px 0 22px}
.chapter>.copy p{font-size:15.5px}
.num{color:#ffffff}
.invitation{margin-top:26px;font-family:var(--serif)}
.invitation p:first-child{color:#ffffff}

/* ---------- 導入者の声（LP01のiPhone型・白い画面。見出し帯は金×黒） ---------- */
.voices-sec{background:#f1f0ef;color:#22211f}
.voices-sec:before{opacity:1}
.voices-sec .section-head .eyebrow{color:#2259a5}
.voices-sec .section-head .eyebrow:before,.voices-sec .section-head .eyebrow:after{background:#2259a5}
.voices-sec .copy.lead p{color:#2b2a27;font-weight:500}
.voice-grid{display:grid;gap:44px;margin-top:28px}
.voice-card>h3{margin:0 0 18px;padding:14px 14px 15px;text-align:center;font-size:19px;font-weight:700;line-height:1.6;color:#141008;background:var(--bubble-gold);border-top:1px solid #fff3cf;border-bottom:1px solid #1f467d;box-shadow:0 3px 0 #1f467d}
.voice-phone{position:relative;max-width:350px;margin:0 auto;overflow:hidden;background:#ffffff;border:7px solid #15151a;border-radius:42px;box-shadow:0 0 0 1px #737377,0 0 0 3px #29292b,0 20px 40px #2d2b2833}
.phone-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:46px;padding:0 22px;color:#151515;font:700 11px/1 var(--serif)}
.phone-island{position:absolute;left:50%;top:8px;width:88px;height:24px;transform:translateX(-50%);border-radius:18px;background:#070707}
.phone-content{padding:6px 16px 20px}
.voice-person{display:flex;align-items:center;gap:12px;padding:0 0 14px;border-bottom:1px solid #e1e1e6;font-size:14px;font-weight:700;color:#272522}
.voice-person>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;font-size:19px;font-weight:700;color:#4382db;background:#141414;border:1px solid #3c79ce}
.voice-person small{display:block;font-size:11px;font-weight:500;color:#6a6a76}
.voice-phone blockquote{position:relative;margin:18px 0 0;padding:15px 14px;background:#f3f2f1;border-radius:0 14px 14px 14px}
.voice-phone blockquote:before{content:"";position:absolute;top:0;left:-7px;border-top:9px solid #f3f2f1;border-left:8px solid transparent}
.voice-phone blockquote p{font-size:15px;line-height:1.9;color:#1d1d24}
.voice-phone blockquote p+p{margin-top:.9em}
.phone-home{width:104px;height:4px;margin:2px auto 12px;border-radius:4px;background:#171719}
.voice-card .fineprint{margin:16px 4px 0}
.voice-card .fineprint p{font-size:13.5px;line-height:1.9;color:#34322f}

/* ---------- 一日（写真と本文の交互） ---------- */
.days{display:grid;gap:34px}
.day-photo{position:relative;margin:0 0 0 calc(var(--gutter) * -1);width:calc(100% + var(--gutter) - 26px);overflow:hidden}
.day.is-rev .day-photo{margin:0 calc(var(--gutter) * -1) 0 26px;width:auto}
.day-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.day-tag{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;padding:4px 10px 5px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#ffffff;background:#0c0b0acc;border:1px solid #4180d8}
.day.is-rev .day-tag{left:auto;right:12px}
.day-tag b{font-size:16px;letter-spacing:0;color:var(--gold)}
.day-copy{position:relative;z-index:1;margin:-34px 0 0 22px;padding:18px 16px;background:#181716;border-left:3px solid transparent;border-image:var(--metal) 1;box-shadow:0 10px 26px #000000aa}
.day.is-rev .day-copy{margin:-34px 22px 0 0}
.day-copy p{font-size:15.5px}

/* ---------- 複利シミュレーション ---------- */
.sim-photo{margin:22px calc(var(--gutter) * -1) 0;overflow:hidden}
.sim-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sim-chart{margin:-40px 8px 0;position:relative;z-index:1;padding:14px 14px 12px;background:#131211;border:2px solid transparent;background:linear-gradient(#131211,#131211) padding-box,var(--metal) border-box;box-shadow:0 12px 30px #000000cc}
.sim-chart-h{text-align:center;font-size:14px;font-weight:700;color:var(--gold)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;height:200px;margin-top:8px;padding:0 6px;border-bottom:1px solid #235cac;background:repeating-linear-gradient(0deg,#00000000 0,#00000000 49px,#35332f33 49px,#35332f33 50px)}
.col{display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-align:center}
.col b{font-size:14px;font-weight:700;line-height:1.3;margin-bottom:6px;color:#ffffff;white-space:nowrap}
.col.is-top b{font-size:17px;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.col i{display:block;height:calc(var(--h) - 34px);min-height:20px;background:linear-gradient(90deg,#3c7dd7,#dbd9d6 45%,#f5f5f4 52%,#4180d8);box-shadow:0 0 18px #bebbb544}
.col:first-child i{background:linear-gradient(90deg,#55566a,#b7b7c6 50%,#6d6d82)}
.col span{display:block;padding-top:6px;font-size:12.5px;color:#deddda;position:relative;top:24px;margin-top:-18px}
.sim-chart .cols{margin-bottom:24px}
@media (prefers-reduced-motion:no-preference){
 .motion .sim-chart .col i{transform:scaleY(0);transform-origin:bottom}
 .motion .sim-chart .col:nth-child(2) i{transition-delay:.2s}.motion .sim-chart .col:nth-child(3) i{transition-delay:.4s}
 .motion .sim-chart.is-counted .col i{transform:none}
}
.sim-table{width:100%;margin-top:22px;border-collapse:collapse;font-size:14px;background:#131211}
.sim-table th,.sim-table td{padding:11px 8px;border:1px solid #45433e;text-align:right;line-height:1.5}
.sim-table thead th{text-align:center;font-size:12.5px;font-weight:700;color:#ffffff;background:var(--metal)}
.sim-table tbody th{text-align:left;font-weight:700;color:#ffffff;background:#21201d}
.sim-table td{color:#efeeec}
.sim-table td.strong{font-size:16px;font-weight:700;color:#e8e7e5}

/* ---------- セミナー ---------- */
.consult-intro{background:#181716;border-color:#403d38}
.consult-intro .copy p{font-size:16px}
.consult-items{gap:18px;margin-top:22px}
.consult-item{position:relative;background:#181716;border-color:#403d38;border-top:3px solid #d0cdc8;padding-top:20px}
.ci-no{position:absolute;right:12px;top:-4px;font-size:32px;font-weight:700;line-height:1;opacity:.9;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.consult-item h3{padding-right:40px;color:#ffffff;font-size:18.5px}
.consult-item .copy p{font-size:15.5px}

/* ---------- 最終 ---------- */
.closing{background:#090908}
.closing-visual{margin-top:-10px}
.closing-visual img{aspect-ratio:1/1;object-position:50% 40%}
.closing-visual h2{font-size:25px;line-height:1.55}
.closing-visual h2 small{display:block;margin-bottom:4px;font-size:17px;color:#ff5466;letter-spacing:.1em}
.closing-visual h2 em{display:inline-block;color:#efeeed;text-shadow:0 2px 10px #000000,0 0 22px #bebbb5aa}
.final-recs{display:grid;gap:12px;margin-top:6px}
.final-rec{padding:0 0 14px;background:#181716;border:2px solid transparent;background:linear-gradient(#181716,#181716) padding-box,var(--metal) border-box}
.fr-h{margin-bottom:10px;padding:6px 12px;font-size:15px;font-weight:700;color:#ffffff;background:var(--metal)}
.final-rec p:not(.fr-h){padding:0 14px;font-size:15.5px;line-height:1.85}
.final-rec strong{color:#e8e7e5;font-weight:700}
.closing-copy{margin-top:22px;text-align:left}

/* ---------- 開発者・運営者 ---------- */
.who-card{margin-top:22px;background:#181716;border:1px solid #403d38}
.who-h{display:flex;align-items:baseline;gap:12px;padding:12px 16px;font-size:20px;font-weight:700;color:#ffffff;background:var(--metal)}
.who-h span{font-size:11px;letter-spacing:.2em;font-weight:700}
.who-photo{width:100%;aspect-ratio:16/9;object-fit:cover}
.medals{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 14px 0}
.medal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 6px;background:#0f0f0e;border:1px solid #2156a1}
.medal-img{width:50px;height:50px;flex:0 0 50px;object-fit:contain;filter:drop-shadow(0 2px 6px #000000)}
.medal p{line-height:1.25}
.medal small{display:block;font-size:11px;color:var(--muted)}
.medal b{font-size:24px;font-weight:700;background:linear-gradient(115deg,#9a9aa6,#ffffff 40%,#b9b9c8 60%,#f4f3f2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.who-card>.copy{padding:16px 16px 20px}
.who-card>.copy p{font-size:15.5px}
.who-sec .eligibility{margin-top:22px;padding:4px 16px;background:#131211;border:1px solid #403d38}
.eligibility li>span{color:#ffffff}

/* ---------- フッター（運営者情報） ---------- */
.foot{padding:44px var(--gutter) 40px;text-align:center;border-top:2px solid transparent;border-image:var(--metal) 1;background:#090908}
.foot h2{font-size:20px;margin-bottom:16px;color:#ffffff}
.op{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px;line-height:1.7}
.op th,.op td{padding:10px 8px;border-bottom:1px solid #403d38;vertical-align:top}
.op th{width:7.5em;color:var(--gold);font-weight:700;white-space:nowrap}
.op td{color:#edecea}
.op a{color:#edecea}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:24px}
.legal-links a{font-size:13px;color:#e4e3e0;text-underline-offset:3px}
.copyright{margin-top:18px;font-size:11px;color:#4180d8}

/* ---------- ダイアログ（準備中） ---------- */
.dlg{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:20px;background:#000000cc}
.dlg.open{display:flex}
.dlg-box{width:100%;max-width:400px;padding:30px 22px 22px;text-align:center;color:var(--white);background:#181716;border:2px solid #4180d8}
.dlg-box p{font-size:15px;line-height:1.9}
.dlg-box button{width:100%;margin-top:20px;padding:11px;font-family:var(--serif);font-weight:700;color:#ffffff;background:#c8172a;border:1px solid #f08a92}

/* ---------- 下部追従（PC・スマホとも、FVから表示。帯は本文カラムと同じ幅・薄い水色） ---------- */
.sticky-cta{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:var(--col);margin:0 auto;padding:6px 12px calc(9px + env(safe-area-inset-bottom,0px));background:rgba(232,231,228,.6);border-top:1px solid #ffffff99;transform:none;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.sticky-cta.is-hide{transform:translateY(120%)}
.sticky-cta .cta-copy{animation:none!important;scale:1}
.sticky-cta .bubble{width:calc(100% - 40px);padding:4px 10px;font-size:12px;line-height:1.5;margin-bottom:-2px}
.sticky-cta .bubble:after{bottom:-8px;border-width:7px;border-top-width:8px;border-bottom:0}
.sticky-cta .cta{min-height:56px;padding:10px 46px 10px 14px;font-size:17px;box-shadow:0 4px 0 var(--red-deep)}
.sticky-cta .cta>i{right:12px}
body{padding-bottom:0}
main{margin-bottom:0}
.foot{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
@media (hover:hover){.sticky-cta .cta-copy:has(.cta:hover) .bubble{transform:translateY(4px)}.sticky-cta .cta:hover{transform:translateY(4px);box-shadow:0 0 0 var(--red-deep)}}

/* ---------- PC：左の申込枠・右の目次（VSL01と同じ配置） ---------- */
@media (min-width:1100px){
 .side-rail{width:min(330px,calc(50vw - 195px - 40px));left:max(16px,calc(50% - 195px - 40px - 330px));right:auto;padding:24px 18px 22px;background:linear-gradient(#090908d9,#090908d9) padding-box,url("assets/marble.webp") center/420px padding-box,var(--metal) border-box}
 .rail-en{font-size:11px;letter-spacing:.22em;color:var(--gold)}
 .rail-catch{margin-top:10px;font-size:23px;font-weight:700;line-height:1.5;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
 .rail-sub{margin-top:8px;font-size:13px;color:#edecea}
 .side-rail .cta-group{margin-top:20px}
 .side-rail .cta-copy{animation:none!important;scale:1}
 .side-rail .cta-glow:before,.side-rail .cta-glow:after{display:none}
 .side-rail .bubble{font-size:12px;width:calc(100% - 12px)}
 .side-rail .cta{min-height:60px;padding:12px 44px 12px 10px;font-size:14.5px;white-space:nowrap;letter-spacing:0}
 .side-rail .cta>i{right:10px;width:22px;height:22px}
 .desktop-toc{left:calc(50% + 195px + 40px);right:auto;width:220px}
 .desktop-toc>p{font-family:var(--serif);color:var(--gold)}
 .desktop-toc>p span{font-family:var(--serif);color:#d0cdc8}
 .desktop-toc ol{border-left-color:#2156a1}
 .desktop-toc a{color:#d6d4cf}
 .desktop-toc a span{font-family:var(--serif);color:#4180d8}
 .desktop-toc a:before{border-color:#4180d8;background:#181716}
 .desktop-toc a:hover,.desktop-toc a[aria-current]{color:#f1f0ef}
 .desktop-toc a[aria-current]:before{background:#d7d5d2;border-color:#d7d5d2;box-shadow:0 0 0 4px #d7d5d233}
}
@media (min-width:1100px) and (max-width:1250px){.side-rail .cta{font-size:13px}.side-rail .bubble{font-size:11px}}

/* ---------- 選択色・下線 ---------- */
::selection{background:#4180d8;color:#ffffff}

/* ---------- 幅別 ---------- */
@media (max-width:359px){
 .hero-copy h1{font-size:27px}
 .hero-description{font-size:13px;padding:8px 14px}
 .hero-description b{font-size:14.5px}
 .fv-rec-num b{font-size:20px}
 .fv-rec li{font-size:10.5px}
 .record-top strong span{font-size:36px}
 .cta{font-size:16px;padding-right:44px}
 .sticky-cta .cta{font-size:15px}
 .sticky-cta .bubble{font-size:11px}
 .section-head h2{font-size:21px}
 .engine-trader h3{font-size:24px}.engine-trader h3 span{font-size:32px}
 .engine-core{width:220px;height:220px}
 .medal b{font-size:20px}
 .medal-img{width:40px;height:40px;flex-basis:40px}
 .col b{font-size:12px}.col.is-top b{font-size:14px}
 .voice-card>h3{font-size:17px}
}

/* ===== FV v3（2026-11-13 ユーザー指定：文字を大きく・色と動きでデザイン性） ===== */
.hero-copy h1{font-size:min(8.7vw,36px)!important;line-height:1.28}
.hero-copy h1 .h1a{text-shadow:0 0 2px #ffffff,0 0 14px rgba(211,209,204,.95),0 0 34px rgba(65,128,216,.8),0 4px 10px #000000}
.hero-copy h1 em{font-size:.9em!important;margin-top:8px;background:linear-gradient(100deg,#cbc8c3 0%,#f2f2f1 22%,#cac7c1 42%,#ffffff 52%,#c3c0b9 66%,#e7e6e4 84%,#cbc8c3 100%)!important;background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 10px rgba(192,189,183,.85)) drop-shadow(0 3px 6px #000000)}
.hero-copy h1 em:after{content:"";display:block;width:56%;height:3px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#3780e7 30%,#d1ceca 70%,transparent);box-shadow:0 0 12px rgba(209,206,202,.9)}
.hero-description{font-size:min(4.1vw,16.5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 18px rgba(192,189,183,.45)}
.hero-description b{font-size:min(4.7vw,19px)!important}
@media (prefers-reduced-motion:no-preference){.hero-copy h1 em{animation:mv-shine 4.5s .8s ease-in-out infinite}}
@media(max-width:359px){.hero-copy h1{font-size:27px!important}}
@media(max-width:359px){.sticky-cta .cta{font-size:13px!important;letter-spacing:0!important}}
@media(max-width:359px){main .cta-copy .cta{font-size:14px!important;letter-spacing:0!important}}

/* 薄い紫の四角→濃い紫＋白文字（2026-11-13 ユーザー指定：コントラスト） */
html body .chapter-title .num,html body .record h3,html body .record-top h3,html body .fv-rec-h,html body .fr-h,html body .kubun span:first-child,html body main th,html body .outline-badge,html body .flow-item.active,html body .who-h,html body .hero-description{background:linear-gradient(120deg,#44413c 0%,#2664ba 52%,#47443f 100%)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 1px 4px rgba(0,0,0,.45)!important}
html body .chapter-title .num{border:1px solid #d1ceca!important}
html body .hero-description b,html body .hero-description .nw{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* PC：左右の枠の裏に同じ幅の黒55%の帯（2026-11-13 ユーザー指定） */
@media(min-width:1100px){html body .side-rail,html body .desktop-toc{top:0!important;bottom:0!important;height:100vh!important;transform:none!important;display:flex!important;flex-direction:column;justify-content:center;background:rgba(0,0,0,.55)!important;box-shadow:0 0 0 28px rgba(0,0,0,.55)!important;clip-path:inset(0 -28px)}}
.hero-visual #hero-fx{z-index:2}

/* ===================================================================
   v3（2026-11-13 ユーザー指摘）：FVの文字の裏を暗く／各節にカラム・図解・写真見出し／追従の帯は黒50%
   =================================================================== */
/* FV：文字を置く範囲のKVを暗く落とし、大見出しの裏に暗い帯 */
html body .hero-visual:after{background:linear-gradient(180deg,#000000cc 0%,#00000055 12%,#00000000 24%,#00000000 33%,#090908b3 50%,#090908ee 64%,var(--bg) 82%)!important}
.hero-lead .hero-copy h1{position:relative;margin:0 calc(var(--gutter) * -1);padding:14px var(--gutter) 16px;background:linear-gradient(90deg,#09090800 0%,#090908db 12%,#090908db 88%,#09090800 100%)}
.hero-lead .hero-copy h1:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d1ceca,transparent)}

/* 下部追従：帯は黒50%（幅は本文カラムのまま） */
html body .sticky-cta{background:rgba(0,0,0,.5)!important;border-top:1px solid #ffffff22}

/* 写真に見出しを重ねる型（中様 closing-visual / narrative-band） */
.records-sec{--sec-bg:#121110}.auto-sec,.sim-sec,.who-sec{--sec-bg:#0a0a09}.seminar-sec{--sec-bg:#121110}
.section:before{z-index:3}
.head-visual{position:relative;margin:-64px calc(var(--gutter) * -1) 30px;padding:0}
.hv-photo{position:relative;margin:0;overflow:hidden}
.hv-photo img{width:100%;aspect-ratio:4/3.2;object-fit:cover}
.hv-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(180deg,#0c0b0a99 0%,#0c0b0a00 22%,#0c0b0a00 34%,#0c0b0ac4 58%,var(--sec-bg,#0c0b0a) 86%)}
.hv-text{position:relative;z-index:2;margin-top:-170px;padding:0 var(--gutter)}
.head-visual .eyebrow{text-shadow:0 1px 6px #000000}
html body .head-visual h2{background:none!important;border:0!important;box-shadow:none!important;padding:0 2px 16px;font-size:27px;line-height:1.5;text-shadow:0 2px 10px #000000,0 0 26px #000000}
.head-visual h2 small{color:#ffffff;text-shadow:0 1px 8px #000000,0 0 16px #000000}
.head-visual h2 strong{filter:drop-shadow(0 2px 4px #000000) drop-shadow(0 0 14px #000000)}
.head-visual h2:after{content:"";display:block;width:64px;height:3px;margin:16px auto 0;background:var(--metal)}

/* 実績：守り／攻めの2カラム（絵＋短い見出し） */
.rec-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.rs{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;text-align:center;background:#181716;border:1px solid #4c4943;border-top:3px solid #d0cdc8}
.rs.is-atk{border-top-color:#c8172a}
.rs .ic{width:54px;height:54px;color:#d7d5d2;filter:drop-shadow(0 0 8px #bebbb588)}
.rs.is-atk .ic{color:#ff8a96;filter:drop-shadow(0 0 8px #c8172a88)}
.rs small{display:block;font-size:12px;color:var(--muted)}
.rs b{display:block;margin-top:2px;font-size:19px;font-weight:700;color:#ffffff;line-height:1.4}
.rs span{display:inline-block;margin-top:6px;padding:1px 10px;font-size:11.5px;color:#f1f0ef;border:1px solid #296cca}

/* 自動化：手作業の3つ（番号付きの並び）→ 5つの設計（見出し＋図解の2カラム、本文は下） */
.manual{margin-top:4px;padding:18px 16px 6px;background:#181716;border:1px solid #403d38}
.manual-h{text-align:center;font-size:11px;letter-spacing:.24em;color:var(--muted)}
.manual-list{list-style:none;margin:10px 0 0;padding:0}
.manual-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:12px 0;border-top:1px dashed #4c4943}
.manual-list li:first-child{border-top:0}
.manual-list{counter-reset:ml}.manual-list li:before{counter-increment:ml;content:"0" counter(ml);display:grid;place-items:center;width:42px;height:42px;font-size:17px;font-weight:700;color:#ffffff;background:#292724;border:1px solid #296cca;border-radius:50%}
.manual-list p{font-size:15.5px;line-height:1.75}
.manual-arrow{margin:6px 0 -14px;text-align:center;font-size:18px;color:#d7d5d2;line-height:1}
.designs{display:grid;gap:18px;margin-top:30px}
.design{position:relative;background:#131211;border:1px solid #403d38;border-left:3px solid #d0cdc8;overflow:hidden}
.design-top{display:grid;grid-template-columns:1fr 78px;gap:12px;align-items:center;padding:16px 14px 14px 16px;background:linear-gradient(110deg,#272623,#181716 70%)}
.d-no{display:block;font-size:11px;letter-spacing:.2em;color:var(--gold)}
.design h3{margin-top:4px;font-size:18.5px;line-height:1.55;color:#ffffff}
.d-ic{display:grid;place-items:center;width:78px;height:78px;background:radial-gradient(circle,#57544d 0%,#131211 72%);border:1px solid #4180d8;box-shadow:inset 0 0 0 4px #131211}
.d-ic .ic{width:48px;height:48px;color:#e8e7e5;filter:drop-shadow(0 0 6px #c9c6c0)}
.design>.copy{padding:16px 16px 20px}
.design>.copy p{font-size:15.5px}

/* シミュレーション：前提を数字ブロック＋本文の2段に */
.premise{display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:center;padding:16px 14px;background:#181716;border:1px solid #403d38;border-left:3px solid #d0cdc8}
.pm-k{text-align:center;line-height:1.3}
.pm-k small{display:block;font-size:11px;color:var(--muted)}
.pm-k b{display:block;margin:2px 0;font-size:34px;font-weight:700;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pm-k b span{font-size:18px}
.premise .copy p{font-size:14.5px;line-height:1.85}
html body .sim-chart{margin-top:24px}

/* セミナー：問い3つ（Q）→ 答え（A）→ 内容カード（見出し＋図解） */
.q-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.q-list li{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:12px 14px;background:#181716;border:1px solid #4c4943}
.q-list{counter-reset:q}.q-list li:before{counter-increment:q;content:"Q" counter(q);display:grid;place-items:center;width:46px;height:46px;font-size:17px;font-weight:700;color:#ffffff;background:linear-gradient(120deg,#44413c,#2664ba 52%,#47443f);border:1px solid #d1ceca}
.q-list p{font-size:16px;font-weight:700;line-height:1.7}
.a-line{position:relative;padding-left:58px!important;text-align:left!important}
.a-mark{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;font-size:17px;font-weight:700;color:#ffffff;background:#c8172a}
.ci-top{display:grid;grid-template-columns:1fr 78px;gap:12px;align-items:center;margin-bottom:12px}
html body .ci-no{position:static;font-size:13px;letter-spacing:.2em;opacity:1;background:none;-webkit-text-fill-color:var(--gold);color:var(--gold)}
html body .ci-no:before{content:"POINT "}
html body .consult-item h3{padding-right:0;margin:4px 0 0}

/* 最終：数字ブロック */
.fr-num{display:grid;grid-template-columns:1fr auto 1.4fr;align-items:end;gap:6px;margin:4px 14px 12px;padding:10px 10px 12px;background:#0f0f0e;border:1px solid #4c4943}
.fr-num span,.fr-num b{line-height:1.2;text-align:center}
.fr-num small{display:block;margin-bottom:4px;font-size:11px;font-weight:500;color:var(--muted);-webkit-text-fill-color:var(--muted)}
.fr-num span{font-size:18px;font-weight:700;color:#edecea}
.fr-num i{font-style:normal;font-size:18px;color:#d7d5d2;padding-bottom:2px}
.fr-num b{font-size:24px;font-weight:700;letter-spacing:-.02em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* 運営者：アイコン＋本文 */
.op-row{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center;padding:16px 16px 18px}
html body .op-row .copy{padding:0}
.op-row .copy p{font-size:15px}

@media (max-width:359px){
 html body .head-visual h2{font-size:22px}
 .hv-text{margin-top:-140px}
 .design-top,.ci-top{grid-template-columns:1fr 64px}
 .d-ic{width:64px;height:64px}.d-ic .ic{width:40px;height:40px}
 .design h3{font-size:16.5px}
 .premise{grid-template-columns:90px 1fr}
 .pm-k b{font-size:28px}
 .fr-num b{font-size:20px}.fr-num span{font-size:15px}
 .op-row{grid-template-columns:64px 1fr}
 .rs b{font-size:17px}
}
/* v3 調整：写真に重ねた見出しはベタの明るい色＋影（グラデの文字は写真の上で沈むため） */
html body .head-visual h2 strong{display:block;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#f4f4f3!important;-webkit-text-fill-color:#f4f4f3!important;filter:none!important;font-size:1.06em;text-shadow:0 2px 4px #000000,0 0 18px #000000,0 0 28px rgba(65,128,216,.75)!important}
html body .hv-photo:after{background:linear-gradient(180deg,#0c0b0a99 0%,#0c0b0a00 20%,#0c0b0a22 32%,#0c0b0ad6 54%,var(--sec-bg,#0c0b0a) 80%)}
/* FVの帯：上下の端もぼかす（画像との境目を見せない） */
html body .hero-lead .hero-copy h1{background:radial-gradient(ellipse 72% 60% at 50% 50%,#090908f0 0%,#090908dd 45%,#09090800 100%)}

/* ===================================================================
   v4（2026-11-13 ユーザー指示）
   ・グラデ／メタリックは中間色→暗い色だけ（白・淡い色なし）。流れるキラキラは削除（ボタン上の光だけ残す）
   ・見出しは中様／タコスケ式：黒地に白の太い明朝＋要点は彩度のある単色。左揃え・英字ラベル＋細い罫線
   ・CTAはエメラルド→青緑→ブルー。文字は上下左右中央、丸アイコンは絶対配置。ボタン・吹き出しを大きく
   ・PC：左の枠はKV＋横長ボタン、左右とも不透明な濃色の台紙
   =================================================================== */
:root{
 --metal:linear-gradient(115deg,#3c7dd7 0%,#2b71d4 50%,#514e48 100%);
 --accent:#c0bdb7;--accent2:#4180d8;
 --bubble-gold:linear-gradient(115deg,#2a65b8 0%,#3c7dd9 45%,#2e6cc4 70%,#1c519c 100%);
 --red-deep:#524f48;
}
/* 文字のグラデ（clip:text）は全部やめて単色に */
html body :is(.target em,.hero-copy h1 em,.section-head h2 strong,.record-top strong,.fv-rec-num b,.engine-trader h3 span,.core-mark,.col.is-top b,.ci-no,.rail-catch,.closing-visual h2 em,.medal b,.pm-k b,.fr-num b,.bt-v b){background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;filter:none!important;animation:none!important}
html body .target em{color:var(--accent)}
html body .record-top strong,html body .fv-rec-num b,html body .engine-trader h3 span,html body .core-mark,html body .col.is-top b,html body .pm-k b,html body .fr-num b,html body .ci-no{color:var(--accent)!important}
html body .medal b{color:#ffffff!important}
/* 流れるキラキラ（背景位置を動かす光）を止める */
html body :is(.hero-copy h1 em,.section-head h2 strong,.record-top strong,.hero-description,.hero-brand){animation:none!important;background-size:auto!important}
html body .hero-copy h1 em:after{background:linear-gradient(90deg,transparent,#2b71d4 25%,#3c7dd7 75%,transparent)!important;box-shadow:none!important}
/* FV：白い光彩をやめ、黒の影＋濃い紫のにじみ。要点は単色 */
html body .hero-copy h1 .h1a{color:#ffffff;text-shadow:0 2px 6px #000000,0 0 18px #000000,0 0 30px rgba(38,99,185,.9)!important}
html body .hero-copy h1 em{color:var(--accent)!important;text-shadow:0 2px 6px #000000,0 0 18px #000000!important}
/* 棒・図の塗り：中間色→暗い色 */
html body .bar-track i{background:linear-gradient(90deg,#514e48,#2f74d4 60%,#4180d8)!important;box-shadow:0 3px 0 #363430!important}
html body .comparison-bars>div:first-child .bar-track i{background:linear-gradient(90deg,#46433e,#6b6c80)!important;box-shadow:0 3px 0 #2a2926!important}
html body .col i{background:linear-gradient(180deg,#4180d8,#2f74d4 50%,#514e48)!important}
html body .col:first-child i{background:linear-gradient(180deg,#6b6c80,#46433e)!important}
html body .comparison-bars>div:last-child b,html body .yr:last-child b,html body .sim-table td.strong,html body .final-rec strong{color:var(--accent)!important}
html body .engine-core:before{background:radial-gradient(circle at 35% 23%,#2f74d455,transparent 50%),linear-gradient(135deg,#21201d,#43403b 48%,#11100f 51%,#2e2c28)}
html body .engine-ring:before{border-top-color:#4180d8}
html body .d-ic .ic,html body .rs .ic{color:#c0bdb7}
html body .execution-step>i,html body .engine-link b{color:var(--accent)}

/* ---------- 見出し（中様の視認性＋タコスケの組み方） ---------- */
html body .section-head{text-align:left;margin-bottom:30px}
html body .section-head .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.28em;color:var(--accent)}
html body .section-head .eyebrow:before{content:"";width:30px;height:2px;background:var(--accent)}
html body .section-head .eyebrow:after{display:none}
html body .section-head:not(.head-visual) h2{padding:0;background:none!important;border:0!important;box-shadow:none!important;font-size:29px;line-height:1.48;letter-spacing:-.01em}
html body .section-head h2 small{display:block;margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.75;color:#ffffff}
html body .section-head h2 small:last-child{margin:10px 0 0;font-weight:500;color:#dfdedb}
html body .section-head h2 strong{display:block;font-weight:700;color:var(--accent)!important}
html body .head-visual .hv-text{text-align:left}
html body .head-visual h2{font-size:29px}
html body .head-visual h2 strong{color:#ffffff!important;text-shadow:0 2px 4px #000000,0 0 18px #000000,0 0 26px #000000!important}
html body .head-visual h2 small:first-child{color:var(--accent);text-shadow:0 1px 6px #000000,0 0 14px #000000}
html body .head-visual h2:after{margin:16px 0 0;width:48px}
.voices-sec .section-head:not(.head-visual) h2{color:#21201d}
html body .voices-sec .section-head h2 small{color:#21201d}
html body .voices-sec .section-head h2 strong{color:#245dae!important}
html body .voices-sec .section-head .eyebrow{color:#245dae}
html body .voices-sec .section-head .eyebrow:before{background:#245dae}
/* 本文の強調・リード */
html body .copy.lead p{font-size:16px}
html body .key-line{text-align:left;font-size:19px;background:none;border:0;border-left:3px solid var(--accent);padding:6px 0 6px 16px}
html body .a-line{padding-left:58px!important;border-left:0}
html body .invitation{background:#181716!important;border:1px solid #403d38!important;border-left:3px solid var(--accent)!important}

/* ---------- 実績：ベントーグリッド（大きい数字の統計ブロック） ---------- */
.bento{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.bt{position:relative;padding:16px 14px 14px;background:#181716;border:1px solid #403d38;overflow:hidden}
.bt-wide{grid-column:1/-1;padding:18px 16px 16px;background:radial-gradient(ellipse at 100% 0,#514e4888,transparent 60%),#181716}
.bt.is-atk.bt-wide{background:radial-gradient(ellipse at 100% 0,#46443f77,transparent 60%),#181716}
.bt .ic{position:absolute;right:14px;top:14px;width:46px;height:46px;color:#4180d8;opacity:.9}
.bt.is-atk .ic{color:#235dad}
.bt-k{font-size:17px;font-weight:700;color:#ffffff;line-height:1.4}
.bt-k span{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--muted)}
.bt-v{margin-top:12px;line-height:1}
.bt-v b{font-size:42px;font-weight:700;letter-spacing:-.03em;color:#ffffff}
.bt:not(.bt-wide) .bt-v b{font-size:27px;color:var(--accent)}
.bt.is-atk:not(.bt-wide) .bt-v b{color:#2b71d3}
.bt-v small{margin-left:4px;font-size:15px;font-weight:700;color:#dfdedb}
.bt-s{margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--muted)}
.bt:not(.bt-wide) .bt-s{margin-top:0;margin-bottom:10px}
.bt-wide:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2b71d4}
.bt-wide.is-atk:after{background:#2156a1}

/* ---------- CTA：エメラルド→青緑→ブルー、文字は中央、大きく ---------- */
html body .cta{display:flex!important;align-items:center;justify-content:center;text-align:center;min-height:86px;padding:16px 46px!important;font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.45;letter-spacing:.01em;color:#ffffff;background:linear-gradient(180deg,#235cac 0%,#2156a1 50%,#2869c5 100%)!important;border:1px solid #53504a!important;box-shadow:0 6px 0 #524f48,0 10px 22px rgba(33,86,161,.35)!important;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 6px rgba(42,41,38,.45)}
html body .cta>span{display:block;width:100%;text-align:center}
html body .cta>i{position:absolute!important;right:13px;top:50%;transform:translateY(-50%);width:28px;height:28px;margin:0;background:#ffffff}
html body .cta>i:before{border-left-color:#2869c5!important}
html body .cta-copy.is-pressed .cta{box-shadow:0 0 0 #524f48,0 0 18px rgba(33,86,161,.5)!important}html body .cta-copy:has(.cta:active) .cta{box-shadow:0 0 0 #524f48,0 0 18px rgba(33,86,161,.5)!important}
@media (hover:hover){html body .cta-copy:has(.cta:hover) .cta{box-shadow:0 0 0 #524f48,0 0 18px rgba(33,86,161,.5)!important}}
html body .cta-glow:before{background:conic-gradient(from var(--ang),#235cac,#2156a1,#2869c5,#524f48,#235cac)!important}
html body .cta-glow:after{background:conic-gradient(from var(--ang),#235cac,#2156a1,#2869c5,#2156a1,#235cac)!important;opacity:.6}
html body .bubble{font-size:15px;font-weight:700;line-height:1.55;padding:9px 12px;color:#111111;background:var(--bubble-gold);border:1px solid #1c519c;box-shadow:0 2px 0 #12386e;text-shadow:none}
html body .bubble:after{border-top-color:#2e6cc4}
html body .sticky-cta .cta{min-height:62px;font-size:18px;padding:10px 44px!important;box-shadow:0 4px 0 #524f48!important}
html body .sticky-cta .bubble{font-size:13.5px;padding:5px 10px}
html body .dlg-box button{background:linear-gradient(180deg,#235cac,#2156a1 50%,#2869c5);border-color:#53504a}
@media (max-width:359px){html body main .cta-copy .cta{font-size:15.5px!important;padding:14px 38px!important}html body .bubble{font-size:13px}html body .sticky-cta .cta{font-size:15px!important}}

/* ---------- 動き：出現を強めに（中様の出現演出の値を大きく） ---------- */
@media (prefers-reduced-motion:no-preference){
 html body .motion .rv{transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0s),transform 1.1s cubic-bezier(.16,1,.3,1) var(--d,0s)}
 html body .motion .rv-up:not(.in){opacity:0;transform:translateY(44px)}
 html body .motion .rv-img:not(.in){opacity:0;transform:scale(1.18)}
 html body .motion .bt.rv-up:not(.in){transform:translateY(30px) scale(.96)}
}

/* ---------- PC：左はKV＋横長ボタン、左右とも不透明な濃色の台紙 ---------- */
@media (min-width:1100px){
 html body aside.side-rail,html body nav.desktop-toc{background:rgba(17,17,16,.96)!important;box-shadow:none!important;clip-path:none!important;border:1px solid #403d38!important;border-top:0!important;border-bottom:0!important}
 html body aside.side-rail{padding:0 20px!important}
 .rail-kv{position:relative;margin:0 0 6px;border:1px solid #2156a1;overflow:hidden}
 .rail-kv img{width:100%;max-height:56vh;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}
 .rail-kv:after{content:"";position:absolute;top:auto;right:0;bottom:0;left:0;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,#111110)}
 .rail-badge{position:absolute;z-index:1;left:10px;top:10px;padding:5px 10px;font-size:13px;font-weight:700;color:#ffffff;background:#514e48;border:1px solid #2b71d4}
 html body .side-rail .cta-group{margin-top:22px}
 html body .side-rail .cta{min-height:64px;font-size:15.5px!important;padding:12px 40px 12px 14px!important;white-space:nowrap}
 html body .side-rail .bubble{font-size:13px}
 html body nav.desktop-toc{padding:0 24px!important}
 html body .desktop-toc>p{color:#ffffff!important;font-size:12px;letter-spacing:.24em}
 html body .desktop-toc>p span{color:#dfdedb!important;font-size:13px}
 html body .desktop-toc a{color:#f6f6f5!important;font-size:14px}
 html body .desktop-toc a span{color:var(--accent)!important}
 html body .desktop-toc a[aria-current]{color:var(--accent)!important}
}
@media (min-width:1100px) and (max-width:1250px){html body .side-rail .cta{font-size:13.5px!important}}
/* v4 調整：文字の折れ・はみ出し */
html body .hero-copy h1{font-size:min(8.7vw,34px)!important}
html body .hero-description b{font-size:min(4.6vw,17.5px)!important}
html body main .cta{font-size:17.5px;padding:16px 40px!important;letter-spacing:-.01em}
html body .sticky-cta .cta{font-size:16.5px;padding:10px 40px!important}
html body .bt:not(.bt-wide) .bt-v b{font-size:24px}
@media (min-width:1100px){
 html body .side-rail .cta{font-size:14.5px!important;padding:12px 44px 12px 10px!important}
 html body .desktop-toc a{font-size:13.5px}
 html body .desktop-toc a span{flex:0 0 auto;white-space:nowrap}
}
@media (min-width:1100px){html body nav.desktop-toc{max-height:none!important;padding:0 18px!important}html body .desktop-toc a{white-space:nowrap;font-size:13px;letter-spacing:0}}

/* ===================================================================
   v5（2026-11-13 ユーザー指示）投資HUD・ゲーム/CGのような演出をガンガン
   色の役割：地＝漆黒〜濃紺／アクセント＝青×紫／上昇・数字＝シアン〜エメラルド／強調＝赤マーカー／吹き出し＝金
   すべて中間色〜暗い色。左右に流れるグラデの光は使わない（ボタン上の光のみ）
   =================================================================== */
:root{--up:#2766bf;--cyan:#2a6fd0;--blue:#4180d8;--violet:#4180d8;--hud:#2c72d4}
/* 上昇・成果の数字はシアン〜エメラルド */
html body :is(.bt-wide .bt-v b,.record-top strong,.fv-rec-num b,.col.is-top b,.fr-num b,.pm-k b){color:var(--up)!important}
html body .bt.is-atk:not(.bt-wide) .bt-v b,html body .yr b,html body .sim-table td.strong,html body .final-rec strong,html body .comparison-bars>div:last-child b{color:var(--up)!important}
html body .bt:not(.bt-wide):not(.is-atk) .bt-v b{color:#c2bfb8!important}
html body .bar-track i,html body .col i{background:linear-gradient(90deg,#4f4c46,#2156a1 55%,#235cac)!important;box-shadow:0 0 12px rgba(35,92,172,.35),0 3px 0 #2f2d2a!important}
html body .col i{background:linear-gradient(0deg,#4f4c46,#2156a1 55%,#235cac)!important}
html body .col:first-child i,html body .comparison-bars>div:first-child .bar-track i{background:linear-gradient(90deg,#393732,#225aa8)!important;box-shadow:0 3px 0 #22211e!important}
/* アクセントの線・ラベルは青×紫のミックス */
html body .section-head .eyebrow{color:var(--cyan)}
html body .section-head .eyebrow:before{width:34px;background:linear-gradient(90deg,var(--cyan),var(--violet))}
html body .d-ic .ic,html body .bt .ic{color:var(--cyan)}
html body .design{border-left-color:var(--cyan)}
html body .consult-item{border-top-color:var(--violet)}
html body .key-line{border-left-color:var(--cyan)}

/* ---------- 進捗バー・キラキラの台 ---------- */
.fx-progress{position:fixed;top:0;left:0;z-index:90;width:100%;height:3px;transform-origin:0 50%;transform:scaleX(0);pointer-events:none;background:linear-gradient(90deg,#2156a1,#3c7dd7 55%,#397ad6);box-shadow:0 0 10px rgba(42,111,208,.7)}
.fx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.bento,.engine-showcase,.closing-visual,.sim-chart,.opening{position:relative}
.bento>.fx-canvas{z-index:0}.bento>.bt{z-index:1}

/* ---------- HUDの角（照準枠）：出現時に外から寄って点灯 ---------- */
.hud-c{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;inset:-1px;pointer-events:none;z-index:4;background:
 linear-gradient(var(--hud),var(--hud)) 0 0/14px 2px,linear-gradient(var(--hud),var(--hud)) 0 0/2px 14px,
 linear-gradient(var(--hud),var(--hud)) 100% 0/14px 2px,linear-gradient(var(--hud),var(--hud)) 100% 0/2px 14px,
 linear-gradient(var(--hud),var(--hud)) 0 100%/14px 2px,linear-gradient(var(--hud),var(--hud)) 0 100%/2px 14px,
 linear-gradient(var(--hud),var(--hud)) 100% 100%/14px 2px,linear-gradient(var(--hud),var(--hud)) 100% 100%/2px 14px;background-repeat:no-repeat;filter:drop-shadow(0 0 4px rgba(42,111,208,.8))}
:is(.bt-wide,.sim-chart,.terminal,.video-frame,.record,.fv-rec,.design,.consult-item,.who-card,.final-rec){position:relative}
.fx :is(.bt-wide,.sim-chart,.terminal,.video-frame,.record,.fv-rec,.design,.consult-item,.who-card,.final-rec):not(.is-lit) .hud-c{top:-14px;right:-14px;bottom:-14px;left:-14px;inset:-14px;opacity:0}
.fx .hud-c{transition:inset .6s cubic-bezier(.2,.9,.2,1) .15s,opacity .4s ease .15s}
.fx .is-lit>.hud-c{animation:hud-blink .9s steps(1) .2s 1}
@keyframes hud-blink{0%,30%,60%{opacity:1}15%,45%{opacity:.2}100%{opacity:1}}

/* ---------- 見出し：左から走って現れる（ギュイン）・英字ラベルの線が伸びる ---------- */
.fx .section-head h2{transition:clip-path 1s cubic-bezier(.7,0,.2,1) .1s}
.fx .section-head:not(.is-lit) h2{clip-path:inset(0 100% 0 0)}
.fx .section-head.is-lit h2{clip-path:inset(0 0 0 0)}
.fx .section-head .eyebrow:before{transition:width .7s cubic-bezier(.2,.9,.2,1)}
.fx .section-head:not(.is-lit) .eyebrow:before{width:0}
.fx .section-head:not(.is-lit) .eyebrow{letter-spacing:.6em;opacity:0}
.fx .section-head .eyebrow{transition:letter-spacing .9s cubic-bezier(.2,.9,.2,1),opacity .6s}
/* 写真の見出しに走査線とグリッド */
.hv-photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(42,111,208,.07) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,rgba(42,111,208,.07) 1px,transparent 1px) 0 0/22px 100%}
.fx .hv-photo:after{z-index:1}
.fx .hv-photo{isolation:isolate}
.fx .hv-photo>.scan{display:block}
.fx .head-visual .hv-photo:before{animation:none}
.fx .head-visual .hv-photo{background:#000000}
.fx .head-visual .hv-photo .fx-scan{position:absolute;left:0;right:0;height:2px;top:0;z-index:2;background:var(--cyan);box-shadow:0 0 12px 2px rgba(42,111,208,.75);animation:hud-scan 3.6s cubic-bezier(.5,0,.5,1) infinite;opacity:.8}
@keyframes hud-scan{0%{top:0;opacity:0}10%{opacity:.85}80%{opacity:.85}100%{top:100%;opacity:0}}

/* ---------- 数字のティッカー（原稿の数字だけ） ---------- */
.ticker{position:relative;display:flex;align-items:stretch;margin:0;background:#0a0908;border-top:1px solid #312f2b;border-bottom:1px solid #312f2b;overflow:hidden}
.tk-h{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:700;letter-spacing:.2em;color:#ffffff;background:#312f2c;z-index:1;box-shadow:6px 0 12px #0a0908}
.tk-h i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px rgba(39,102,191,.25)}
.tk-track{display:flex;flex:0 0 auto;white-space:nowrap}
.tk-set{display:flex;flex:0 0 auto}
.tk-i{display:flex;align-items:baseline;gap:7px;padding:11px 16px;border-right:1px solid #312f2b}
.tk-i small{font-size:11px;color:#4180d8}
.tk-i b{font-size:15px;font-weight:700;color:#ffffff}
.tk-i.up b{color:var(--up)}
.tk-i.up b:after{content:" ▲";font-size:10px}
.fx .tk-track{animation:tk-run 38s linear infinite}
@keyframes tk-run{to{transform:translateX(-50%)}}
.fx .tk-h i{animation:tk-dot 1.2s ease-in-out infinite}
@keyframes tk-dot{50%{box-shadow:0 0 0 6px rgba(39,102,191,0)}}

/* ---------- ベントーの数字：点灯 ---------- */
.fx .bento:not(.is-lit) .bt-wide .bt-v b{opacity:.2}
.fx .bento .bt-v b{transition:opacity .4s}
.fx .bt-wide.is-lit{animation:bt-flash 1s ease-out .2s 1}
@keyframes bt-flash{0%{box-shadow:0 0 0 rgba(42,111,208,0)}30%{box-shadow:0 0 30px rgba(42,111,208,.55),inset 0 0 20px rgba(42,111,208,.25)}100%{box-shadow:0 0 0 rgba(42,111,208,0)}}

/* ---------- 目次：カーソルで「パンッ」と光る（ネオン点灯＋下線が走る＋粒が弾ける） ---------- */
@media (min-width:1100px){
 html body .desktop-toc a{position:relative;overflow:visible;transition:color .15s,text-shadow .15s,transform .15s}
 html body .desktop-toc a:after{content:"";position:absolute;left:17px;right:0;bottom:4px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.9,.2,1);box-shadow:0 0 8px rgba(42,111,208,.8)}
 html body .desktop-toc a:hover{color:#ffffff!important;text-shadow:0 0 6px rgba(42,111,208,.95),0 0 16px rgba(65,128,216,.8);transform:translateX(4px)}
 html body .desktop-toc a:hover:after,html body .desktop-toc a[aria-current]:after{transform:scaleX(1)}
 html body .desktop-toc a:hover:before{background:var(--cyan)!important;border-color:var(--cyan)!important;box-shadow:0 0 0 4px rgba(42,111,208,.25),0 0 14px var(--cyan)!important}
 html body .desktop-toc a[aria-current]{color:#ffffff!important;text-shadow:0 0 8px rgba(42,111,208,.8)}
 html body .desktop-toc a[aria-current]:before{background:var(--up)!important;border-color:var(--up)!important;box-shadow:0 0 0 4px rgba(39,102,191,.25),0 0 12px var(--up)!important}
 html body .desktop-toc a.is-pop{animation:toc-pop .45s cubic-bezier(.2,1.6,.4,1)}
 @keyframes toc-pop{0%{transform:translateX(4px) scale(1)}35%{transform:translateX(6px) scale(1.08)}100%{transform:translateX(4px) scale(1)}}
 .toc-spark{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#4180d8 0,#2a6fd0 45%,rgba(42,111,208,0) 75%);animation:toc-spark .6s ease-out forwards}
 .toc-spark:nth-child(odd){background:radial-gradient(circle,#cac7c1 0,#4180d8 45%,rgba(65,128,216,0) 75%)}
 @keyframes toc-spark{from{transform:translate(0,-50%) scale(1.4);opacity:1}to{transform:translate(var(--x),calc(-50% + var(--y))) scale(.2);opacity:0}}
}

/* ---------- ローディング（最長1.5秒・2回目以降は短縮） ---------- */
.loader{display:none}
.is-loading .loader,.is-loaded .loader{display:grid;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:200;place-items:center;background:#070707;transition:opacity .45s ease,visibility .45s}
.is-loaded .loader{opacity:0;visibility:hidden}
.ld-in{position:relative;width:220px;text-align:center}
.ld-emblem{width:74px;height:74px;margin:0 auto;display:block;stroke:var(--cyan);filter:drop-shadow(0 0 10px rgba(42,111,208,.8));animation:ld-emb 1.1s cubic-bezier(.2,.9,.2,1) both}
.ld-emblem path{stroke-dasharray:1;stroke-dashoffset:1;animation:ld-draw .9s ease-out forwards}
.ld-emblem path:last-child{stroke:var(--violet);animation-delay:.3s}
.ld-emblem path{pathLength:1}
.ld-chart{display:block;width:100%;height:46px;margin-top:16px;overflow:visible}
.ld-chart path{fill:none;stroke:var(--up);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:ld-draw 1s .1s cubic-bezier(.6,0,.2,1) forwards;filter:drop-shadow(0 0 6px rgba(39,102,191,.8))}
.ld-num{margin-top:10px;font-size:40px;font-weight:700;line-height:1;color:#ffffff;letter-spacing:.02em}
.ld-num small{font-size:16px;margin-left:2px;color:var(--cyan)}
.ld-label{margin-top:8px;font-size:11px;letter-spacing:.4em;color:#4180d8}
.is-quick .ld-emblem,.is-quick .ld-emblem path,.is-quick .ld-chart path{animation-duration:.25s;animation-delay:0s}
@keyframes ld-draw{to{stroke-dashoffset:0}}
@keyframes ld-emb{from{transform:scale(.6) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.loader{display:none!important}}

/* ===================================================================
   v6（2026-11-13 ユーザー指示・最優先）：文字は「濃い色の暗めのグラデ長方形＋白文字」
   行ごとに長方形を敷く（box-decoration-break:clone）。光彩は補助程度。白・淡色のグラデは使わない
   =================================================================== */
:root{
 --band-v:linear-gradient(100deg,#2259a7 0%,#514e48 55%,#282724 100%);
 --band-c:linear-gradient(100deg,#403e39 0%,#2a2825 100%);
 --band-e:linear-gradient(100deg,#3e3c37 0%,#2a2825 100%);
}
.band-line,html body .hero-copy h1 .h1a,html body .hero-copy h1 em,html body .section-head h2 small,html body .section-head h2 strong,html body .closing-visual h2 small,html body .closing-visual h2 .cv-main,html body .closing-visual h2 em{display:inline!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* FV：KVの上に行ごとの長方形 */
html body .hero-lead .hero-copy h1{background:none!important;padding:0!important;margin:0!important;line-height:1.62!important}
html body .hero-lead .hero-copy h1:before{display:none}
html body .hero-copy h1 .h1a{padding:.04em .32em .1em;color:#ffffff!important;background:var(--band-v)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;box-shadow:0 6px 18px rgba(0,0,0,.45)}
html body .hero-copy h1 em{font-size:.86em!important;padding:.06em .32em .12em;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:var(--band-c)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;box-shadow:0 6px 18px rgba(0,0,0,.45);border-left:4px solid var(--cyan)}
html body .hero-copy h1 em:after{display:none!important}
html body .hero-copy h1 em:before{content:"";display:block;height:12px}
html body .hero-description{background:var(--band-v)!important;box-shadow:0 8px 22px rgba(0,0,0,.5)!important}
html body .target em{display:inline;padding:.05em .3em;color:#ffffff;background:var(--band-c);-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 節の見出し：前置き＝濃紺シアンの帯、主見出し＝青紫の帯。どちらも白文字 */
html body .section-head h2{line-height:1.75!important}
html body .section-head h2 small{display:inline!important;margin:0!important;padding:.12em .45em .16em;font-size:15px;font-weight:700;color:#ffffff!important;background:var(--band-c);text-shadow:none!important}
html body .section-head h2 small:first-child:after{content:"";display:block;height:12px;background:none}
html body .section-head h2 strong{display:inline!important;padding:.06em .36em .1em;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:var(--band-v)!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important;font-size:1em}
html body .section-head h2 small:last-child{display:inline!important;margin-top:0!important;background:var(--band-e)}
html body .section-head h2 strong+small:before{content:"";display:block;height:12px}
html body .section-head:not(.head-visual) h2{font-size:27px}
html body .head-visual h2{font-size:26px}
html body .head-visual h2 strong{text-shadow:0 1px 2px rgba(0,0,0,.5)!important}
html body .head-visual h2 small:first-child{color:#ffffff!important}
/* 英字ラベル：濃紺の小さな長方形 */
html body .section-head .eyebrow{display:inline-flex;padding:4px 10px 4px 0;color:#ffffff;background:linear-gradient(90deg,#403e39,#2a2825);text-shadow:none}
html body .section-head .eyebrow:before{width:4px!important;height:1.6em;margin-right:4px;background:var(--cyan)!important}
.fx .section-head:not(.is-lit) .eyebrow:before{width:4px}
/* 声の節（明るい地）でも帯はそのまま白文字 */
html body .voices-sec .section-head h2 strong,html body .voices-sec .section-head h2 small{color:#ffffff!important}
html body .voices-sec .section-head .eyebrow{color:#ffffff}
/* 強調の一文：濃紺の長方形＋白文字（赤マーカーはそのまま） */
html body .key-line{padding:14px 16px!important;background:var(--band-c)!important;border-left:4px solid var(--cyan)!important;color:#ffffff}
html body .a-line{padding-left:60px!important}
/* 締めの写真見出し */
html body .closing-visual h2{line-height:1.75}
html body .closing-visual h2 small{display:inline-block!important;margin-bottom:10px;padding:.1em .5em;color:#ffffff!important;background:linear-gradient(100deg,#8a1222,#4a0a14)}
html body .closing-visual h2 .cv-main{padding:.06em .34em .1em;color:#ffffff;background:var(--band-v);text-shadow:none}
html body .closing-visual h2 em{padding:.06em .34em .1em;color:#ffffff!important;background:var(--band-c)!important;text-shadow:none!important}
/* カードの見出しも濃い帯に */
html body .design h3,html body .consult-item h3{display:inline;padding:.06em .3em .1em;background:var(--band-v);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.75}
html body .voice-card>h3{text-shadow:none}
/* v6b：帯の背景を確実に効かせる（前の :is() 指定より強く） */
html body .section-head.section-head h2 strong{background:var(--band-v)!important}
html body .hero-copy.hero-copy h1 em{background:var(--band-c)!important}
html body .closing-visual.closing-visual h2 em{background:var(--band-c)!important}
html body .target.target em{background:var(--band-c)!important}
html body .hero-copy h1{font-size:min(8vw,31px)!important}
@media(max-width:359px){html body .hero-copy h1{font-size:24px!important}html body .section-head:not(.head-visual) h2,html body .head-visual h2{font-size:22px}}

/* ===================================================================
   v7（2026-11-13 ユーザー指示）OPT・VSL共通
   ・文字の帯は「一枚帯（1色の濃いグラデ）＋白文字」。行ごとに色を変えない。立体（上辺の中間色ハイライト・下辺の濃い影・厚み・ドロップシャドウ）＋斜め（帯だけskew）
   ・帯は斜めに滑り込んで一度だけ出る
   ・CTAはゴールド（白なし）＋周りを回る虹色の光。吹き出しは赤帯に白文字
   ・「5日間限定公開」は金地に白抜き
   ・PCの左右の台紙・縦線は外し、ドロップシャドウで浮かせる。左はミニFV＋横長ボタン
   =================================================================== */
:root{
 --band1:linear-gradient(180deg,#2560b2 0%,#54514b 50%,#35332f 100%);
 --band-hl:#4180d8;--band-shadow:#1e1d1a;--band-thick:#151412;
 --gold-btn:linear-gradient(180deg,#3a7fe0 0%,#266ac9 48%,#164f9e 100%);
 --red-bub:linear-gradient(180deg,#d4202f 0%,#a8121f 100%);
}
/* 帯の共通形：中の文字は傾けず、帯（疑似要素）だけ傾ける */
html body .hero-copy h1,html body .section-head.section-head h2,html body .closing-visual.closing-visual h2{position:relative;isolation:isolate;background:none!important;box-shadow:none!important;border:0!important}
html body .hero-copy h1:before,html body .section-head.section-head h2:before,html body .closing-visual.closing-visual h2:before{content:""!important;display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:var(--band1);transform:skewX(-7deg);
 box-shadow:inset 0 2px 0 var(--band-hl),inset 0 -3px 0 var(--band-shadow),0 5px 0 var(--band-thick),0 14px 26px rgba(0,0,0,.6)}
/* 帯の中の文字：背景・行ごとの帯を全部外す */
html body .hero-copy.hero-copy h1 .h1a,html body .hero-copy.hero-copy h1 em,html body .section-head.section-head h2 small,html body .section-head.section-head h2 strong,html body .closing-visual.closing-visual h2 .cv-main,html body .closing-visual.closing-visual h2 em,html body.p-opt .closing-visual.closing-visual h2 span.cb{display:block!important;background:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 2px 3px rgba(0,0,0,.55)!important}
html body .hero-copy.hero-copy h1 em:before,html body .hero-copy.hero-copy h1 em:after,html body .hero-copy.hero-copy h1 .h1a:after,html body .section-head.section-head h2 small:after,html body .section-head.section-head h2 small:before,html body .section-head.section-head h2 strong+small:before{content:none!important;display:none!important}
/* FV：一枚帯 */
html body .hero-lead .hero-copy{padding-left:calc(var(--gutter) + 6px);padding-right:calc(var(--gutter) + 6px)}
html body .hero-lead .hero-copy h1{display:block;margin:0 auto!important;padding:16px 16px 18px!important;line-height:1.42!important;font-size:min(7.6vw,30px)!important}
html body .hero-copy.hero-copy h1 em{margin-top:10px!important;padding-top:10px!important;font-size:.84em!important;line-height:1.45!important;border-top:1px solid rgba(65,128,216,.45)!important}
html body.p-opt .hero-copy.hero-copy h1 em{font-size:.66em!important}
html body .hero-description{margin-top:16px!important;background:var(--band1)!important;box-shadow:inset 0 2px 0 var(--band-hl),inset 0 -3px 0 var(--band-shadow),0 5px 0 var(--band-thick),0 14px 26px rgba(0,0,0,.6)!important}
html body .target.target em{display:inline-block!important;padding:1px 12px 2px!important;background:var(--band1)!important;box-shadow:inset 0 1px 0 var(--band-hl),0 3px 0 var(--band-thick);transform:skewX(-7deg)}
/* 節の見出し：一枚帯（前置き・主見出し・後置きを同じ帯の中に） */
html body .section-head.section-head h2{display:block;padding:18px 20px 20px!important;margin:0 4px!important;line-height:1.5!important}
html body .section-head.section-head h2 small{font-size:14.5px!important;font-weight:700;line-height:1.7!important;opacity:.95}
html body .section-head.section-head h2 small:first-child{margin-bottom:8px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(65,128,216,.45)!important}
html body .section-head.section-head h2 small:last-child:not(:first-child){margin-top:8px!important;font-weight:500}
html body .section-head.section-head h2 strong{font-size:1em!important;line-height:1.5!important}
html body .section-head:not(.head-visual) h2{font-size:25px!important}
html body .head-visual h2{font-size:24px!important}
html body .head-visual h2:after{display:none!important}
/* 締めの写真見出しも一枚帯 */
html body .closing-visual.closing-visual h2{left:var(--gutter)!important;right:var(--gutter)!important;bottom:14px!important;padding:16px 16px 18px!important;line-height:1.5!important;font-size:22px!important}
html body .closing-visual.closing-visual h2 small{display:table!important;margin:0 auto 10px!important}
/* カードの見出しの行ごとの帯も外す */
html body .design h3,html body .consult-item h3{display:block!important;background:none!important;padding:0!important}
/* 帯が斜めに滑り込む（一度だけ） */
@media (prefers-reduced-motion:no-preference){
 .fx .section-head h2{clip-path:none!important}
 .fx .section-head h2:before{transition:transform .8s cubic-bezier(.2,.9,.2,1),opacity .5s ease}
 .fx .section-head:not(.is-lit) h2:before{transform:translateX(-46px) skewX(-18deg)!important;opacity:0}
 .fx .section-head h2>*{transition:opacity .5s ease .3s,transform .7s cubic-bezier(.2,.9,.2,1) .3s}
 .fx .section-head:not(.is-lit) h2>*{opacity:0;transform:translateX(-14px)}
 html body .hero-copy h1:before{animation:band-in .9s cubic-bezier(.2,.9,.2,1) .2s both}
 html body .hero-copy h1>*{animation:band-txt .7s cubic-bezier(.2,.9,.2,1) .55s both}
 html body .hero-description{animation:band-in2 .8s cubic-bezier(.2,.9,.2,1) .7s both}
 @keyframes band-in{from{transform:translateX(-60px) skewX(-20deg);opacity:0}to{transform:skewX(-7deg);opacity:1}}
 @keyframes band-in2{from{transform:translateX(50px);opacity:0}to{transform:none;opacity:1}}
 @keyframes band-txt{from{transform:translateX(-12px);opacity:0}to{transform:none;opacity:1}}
}
.is-loading .hero-copy h1:before,.is-loading .hero-copy h1>*,.is-loading .hero-description{animation-play-state:paused!important}

/* ---------- 「5日間限定公開」：金地に白抜き ---------- */
html body .hero-badge{padding:0!important;background:none!important;box-shadow:0 6px 16px rgba(0,0,0,.6)!important}
html body .hero-badge span,html body .rail-badge{background:linear-gradient(180deg,#3271c9 0%,#1e58a9 55%,#103d7d 100%)!important;color:#ffffff!important;border:1px solid #0e356b!important;text-shadow:0 1px 2px rgba(0,0,0,.65)!important;box-shadow:inset 0 1px 0 #4683d8,0 3px 0 #08234a}
html body .hero-badge span:before{background:#ffffff!important;box-shadow:0 0 0 3px rgba(255,255,255,.25)!important}

/* ---------- CTA：ゴールド＋虹色の光が回る ---------- */
html body .cta{background:var(--gold-btn)!important;color:#1a1105!important;border:1px solid #10438a!important;box-shadow:inset 0 1px 0 #3880e5,0 6px 0 #0c2e5e,0 10px 22px rgba(0,0,0,.45)!important;text-shadow:none!important;font-weight:700}
html body .cta>i{background:#1a1105!important}
html body .cta>i:before{border-left-color:#3a7fe0!important}
html body .cta-copy.is-pressed .cta{box-shadow:inset 0 1px 0 #3880e5,0 0 0 #0c2e5e,0 0 18px rgba(58,127,224,.5)!important}html body .cta-copy:has(.cta:active) .cta{box-shadow:inset 0 1px 0 #3880e5,0 0 0 #0c2e5e,0 0 18px rgba(58,127,224,.5)!important}
@media (hover:hover){html body .cta-copy:has(.cta:hover) .cta{box-shadow:inset 0 1px 0 #3880e5,0 0 0 #0c2e5e,0 0 18px rgba(58,127,224,.5)!important}}
html body .cta-glow:before{top:-4px!important;right:-4px!important;bottom:-4px!important;left:-4px!important;inset:-4px!important;background:conic-gradient(from var(--ang),#e8344f,#f08a1c,#e9c31b,#296cca,#2a6fd0,#4180d8,#4180d8,#e8344f)!important}
html body .cta-glow:after{top:-16px!important;right:-16px!important;bottom:-16px!important;left:-16px!important;inset:-16px!important;background:conic-gradient(from var(--ang),#e8344f,#f08a1c,#e9c31b,#296cca,#2a6fd0,#4180d8,#4180d8,#e8344f)!important;filter:blur(18px)!important;opacity:.85!important}
@media (prefers-reduced-motion:no-preference){
 html body .cta-glow:before{animation:mv-ang 1.5s linear infinite!important}
 html body .cta-glow:after{animation:mv-ang 1.5s linear infinite,rb-halo 1.1s ease-in-out infinite!important}
 @keyframes rb-halo{0%,100%{opacity:.6;top:-12px;right:-12px;bottom:-12px;left:-12px;inset:-12px}50%{opacity:1;top:-24px;right:-24px;bottom:-24px;left:-24px;inset:-24px}}
}
/* PC左にも虹色のリング（拡大縮小はなし）。下部追従は細いリングだけ */
@media (min-width:1100px){html body .side-rail .cta-glow:before,html body .side-rail .cta-glow:after{display:block!important}}
html body .sticky-cta .cta-copy{position:relative;isolation:isolate}
html body .sticky-cta .cta{box-shadow:inset 0 1px 0 #3880e5,0 4px 0 #0c2e5e!important}

/* ---------- 吹き出し：赤帯に白文字 ---------- */
html body .bubble{background:var(--red-bub)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border:1px solid #7a0c17!important;box-shadow:inset 0 1px 0 #e0485a,0 3px 0 #5e0911!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important;font-size:15.5px;font-weight:700}
html body .bubble:after{border-top-color:#a8121f!important}
html body .sticky-cta .bubble{font-size:14px}

/* ---------- PC：左右の台紙・縦線を外し、影で浮かせる。左はミニFV ---------- */
@media (min-width:1100px){
 html body aside.side-rail,html body nav.desktop-toc{background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important}
 html body main{box-shadow:0 0 60px rgba(0,0,0,.7)!important}
 html body .desktop-toc ol{border-left:0!important}
 html body .desktop-toc>p,html body .desktop-toc>p span,html body .desktop-toc a{text-shadow:0 2px 4px #000000,0 0 12px #000000,0 0 22px #000000!important}
 html body .desktop-toc a span{text-shadow:0 1px 3px #000000!important}
 html body .desktop-toc{filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
 .rail-fv{position:relative;filter:drop-shadow(0 16px 30px rgba(0,0,0,.75))}
 html body .rail-kv{margin:0!important;border:0!important}
 html body .rail-kv img{aspect-ratio:4/4.3!important;max-height:42vh!important;object-position:50% 18%!important}
 html body .rail-kv:after{height:55%!important;background:linear-gradient(transparent,#090908 92%)!important}
 .rf-copy{position:relative;z-index:1;margin-top:-92px;padding:0 10px 12px;text-align:center;background:linear-gradient(#09090800,#090908 30%)}
 .rf-h1{position:relative;isolation:isolate;margin:0 4px;padding:10px 10px 11px;font-size:17px;font-weight:700;line-height:1.42;color:#ffffff;text-shadow:0 2px 3px rgba(0,0,0,.55)}
 .rf-h1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:var(--band1);transform:skewX(-7deg);box-shadow:inset 0 2px 0 var(--band-hl),inset 0 -3px 0 var(--band-shadow),0 4px 0 var(--band-thick),0 10px 18px rgba(0,0,0,.6)}
 .rf-h1 span{display:block}
 .rf-b{margin-top:6px;padding-top:6px;font-size:.82em;border-top:1px solid rgba(65,128,216,.45)}
 .rf-desc{margin:10px 6px 0;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.6;color:#ffffff;background:var(--band1);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
 html body .side-rail .cta-group{margin-top:20px!important}
}
@media (min-width:1100px) and (max-height:760px){html body .rail-kv img{max-height:34vh!important}.rf-h1{font-size:15px}.rf-desc{font-size:11px}}

/* 320px */
@media (max-width:359px){html body .hero-lead .hero-copy h1{font-size:23px!important;padding:14px 12px 16px!important}html body .section-head:not(.head-visual) h2,html body .head-visual h2{font-size:20px!important}html body .bubble{font-size:13px}}
/* v7b：FVの帯の形を確実に（前の細線の指定を打ち消す） */
html body .hero-lead .hero-copy h1:before{top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;background:var(--band1)!important}


/* ===================================================================
   v8（2026-11-13 ユーザー指示）シンプルに：黒×白＋金1色、赤は「5日間限定」と吹き出しだけ
   ・FVを一新（中様LP01型）：1行に1本の斜め帯＋大きい太字、金の大きな数字、3つの数字ボックス。KVは背後
   ・節の見出し：黒い節では白い帯＋黒文字、白い節では黒い帯＋白文字（1行に1本）
   ・FVの動画・節の動画は使わない
   =================================================================== */
:root{--gold:#4582d9;--gold-d:#27589c;--gold-line:#3d7acf;--accent:#4582d9;--up:#4582d9;--cyan:#3d7acf;--hud:#3d7acf}
html body .bubble{font-size:15.5px}

/* ---------- FV ---------- */
html body .fv8{position:relative;overflow:hidden;background:#000000}
html body .fv8 .hero-visual{position:absolute!important;top:0;right:0;bottom:0;left:0;inset:0;aspect-ratio:auto!important;height:100%;z-index:0}
html body .fv8 .hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 12%!important;animation:none}
html body .fv8 .hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 44%,rgba(0,0,0,.86) 60%,#000000 82%)!important}
.fv8-in{position:relative;z-index:3;padding:12px 14px 24px}
.bl{position:relative;isolation:isolate;display:table;margin:0 auto 8px;padding:5px 16px 7px;color:#ffffff;font-weight:700;line-height:1.3;white-space:nowrap;text-shadow:0 2px 3px rgba(0,0,0,.6)}
.bl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:linear-gradient(180deg,#1d1d1d 0%,#070707 100%);border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);transform:skewX(-12deg);box-shadow:0 4px 0 #000000,0 10px 22px rgba(0,0,0,.7)}
.bl.s{font-size:min(3.9vw,15px);padding:4px 14px 5px;margin-bottom:6px}
html body .fv8 .target{padding:0!important;margin:0!important;background:none!important;border:0!important;animation:none!important;text-align:center}
html body .fv8 .target p{font-size:inherit;line-height:1}
html body .fv8 .hero-badge{position:relative!important;top:auto!important;right:auto!important;display:table;margin:10px 0 0 auto!important}
html body .hero-badge span,html body .rail-badge{background:linear-gradient(180deg,#d4202f 0%,#a8121f 100%)!important;border:1px solid #7a0c17!important;box-shadow:inset 0 1px 0 #e0485a,0 3px 0 #5e0911!important;color:#ffffff!important}
html body .hero-badge span:before{background:#ffffff!important}
html body .fv8 .hero-lead{margin:min(44vw,172px) 0 0!important;padding:0!important;position:relative;z-index:3}
html body .fv8 .hero-lead .hero-copy{padding:0!important}
html body .fv8 .hero-lead .hero-copy h1{display:block;margin:0!important;padding:0!important;font-size:min(8.6vw,34px)!important;line-height:1.3!important;text-align:center;animation:none!important}
html body .fv8 .hero-lead .hero-copy h1:before{display:none!important;content:none!important}
html body .fv8 .bl.l{margin-bottom:10px;padding:6px 18px 9px}
.fv8-gold{display:block;margin-top:16px;color:var(--gold);font-size:.84em;line-height:1.42;text-shadow:0 2px 4px #000000,0 0 16px #000000}
.fv8-gold span{display:block}
.fv8-gold span:first-child{display:flex;align-items:center;justify-content:center;gap:12px}
.fv8-gold span:first-child:before,.fv8-gold span:first-child:after{content:"";width:36px;height:1px;background:var(--gold-line)}
.fv8-num{margin-top:20px;text-align:center;color:#ffffff}
.fv8-num-lead{font-size:14.5px;font-weight:700;line-height:1.6}
.fv8-num-big{margin-top:4px;line-height:1.1}
.fv8-num-big .from{display:block;font-size:16px;font-weight:700;margin-bottom:2px}
.fv8-num-big b{font-size:min(13.6vw,54px);font-weight:700;letter-spacing:-.03em;color:var(--gold);text-shadow:0 3px 0 #0c1f3a,0 0 24px rgba(0,0,0,.9)}
.fv8-num-big b small{font-size:.4em;margin-left:2px;letter-spacing:0}
.fv8-num-big .to{font-size:20px;font-weight:700}
.fv8-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 0}
.fv8-boxes>div{position:relative;padding:8px 4px 9px;text-align:center;background:rgba(0,0,0,.72);border:1px solid #1c4072;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 6px 14px rgba(0,0,0,.6);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.fv8-boxes dt{font-size:11px;font-weight:700;color:#e8e3d6;letter-spacing:.08em}
.fv8-boxes dd{margin:3px 0 0;font-size:19px;font-weight:700;line-height:1.2;color:#ffffff}
.fv8-boxes dd small{font-size:11px;margin-left:1px}
.fv8-boxes .is-gold dd{color:var(--gold)}
/* FVの動き：帯が斜めに滑り込む（一度だけ）・数字は数え上げ */
@media (prefers-reduced-motion:no-preference){
 .fv8 .bl:before{animation:bl-in .7s cubic-bezier(.2,.9,.2,1) both}
 .fv8 .bl{animation:bl-txt .6s cubic-bezier(.2,.9,.2,1) both}
 .fv8 .bl:nth-child(2),.fv8 .bl:nth-child(2):before{animation-delay:.12s}
 .fv8 h1 .bl:nth-child(1),.fv8 h1 .bl:nth-child(1):before{animation-delay:.3s}
 .fv8 h1 .bl:nth-child(2),.fv8 h1 .bl:nth-child(2):before{animation-delay:.45s}
 .fv8-gold{animation:bl-txt .7s cubic-bezier(.2,.9,.2,1) .7s both}
 .fv8-num{animation:bl-up .7s cubic-bezier(.2,.9,.2,1) .85s both}
 .fv8-boxes>div{animation:bl-up .6s cubic-bezier(.2,.9,.2,1) both}
 .fv8-boxes>div:nth-child(1){animation-delay:1s}.fv8-boxes>div:nth-child(2){animation-delay:1.1s}.fv8-boxes>div:nth-child(3){animation-delay:1.2s}
 .fv8 .hero-photo{animation:kv-in 2.2s cubic-bezier(.2,.9,.2,1) both!important}
 @keyframes bl-in{from{transform:translateX(-70%) skewX(-30deg);opacity:0}to{transform:skewX(-12deg);opacity:1}}
 @keyframes bl-txt{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
 @keyframes bl-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
 @keyframes kv-in{from{transform:scale(1.12);filter:brightness(.5)}to{transform:none;filter:none}}
}
.is-loading .fv8 *,.is-loading .fv8 *:before{animation-play-state:paused!important}
/* FV直下の2つの記録：黒白で簡潔に */
html body .fv8-recs{padding:4px var(--gutter) 18px;background:#000000}
html body .fv8-recs .fv-rec{background:#0c0c0c!important;border:1px solid #2c2c2c!important;padding:0 0 8px}
html body .fv8-recs .fv-rec-h{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px!important;background:#ffffff!important;color:#111111!important;-webkit-text-fill-color:#111111!important;text-shadow:none!important;font-size:14px;font-weight:700}
html body .fv8-recs .fv-rec-h span{font-size:10.5px;font-weight:700;color:#18417a;-webkit-text-fill-color:#18417a;letter-spacing:.12em}
html body .fv8-recs .fv-rec li{color:#e9e9e9;border-top-color:#262626}
html body .fv8-recs .fv-rec li:before{background:var(--gold)}
html body .fv8-recs .fv-rec li b{color:var(--gold)}
html body .fv8-recs .kubun{background:none!important;border:0!important;padding:10px 2px 0!important;font-size:12.5px;color:#cfcfcf}

/* ---------- 節の見出し：1行に1本の帯（黒い節は白帯＋黒字、白い節は黒帯＋白字） ---------- */
html body .section-head.section-head.section-head h2:before{display:none!important;content:none!important}
html body .section-head.section-head.section-head h2{padding:0!important;margin:0!important;font-size:26px!important;line-height:1.95!important;text-align:left}
html body .section-head.section-head.section-head h2 small{display:block!important;margin:0 0 10px!important;padding:0!important;border:0!important;font-size:15px!important;font-weight:700;line-height:1.75!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important;opacity:1}
html body .section-head.section-head.section-head h2 small:last-child:not(:first-child){margin:12px 0 0!important;font-weight:500}
html body .section-head.section-head.section-head h2 strong{display:inline!important;padding:.06em .4em .1em!important;background:#ffffff!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;text-shadow:none!important;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 -3px 0 var(--gold-line),0 5px 0 rgba(0,0,0,.55)}
html body .section-head .eyebrow{display:flex!important;padding:0!important;background:none!important;color:var(--gold)!important;letter-spacing:.3em}
html body .section-head .eyebrow:before{width:28px!important;height:1px!important;margin-right:0!important;background:var(--gold-line)!important}
/* 見出しの出現：斜めに拭うように滑り込む（一度だけ） */
@media (prefers-reduced-motion:no-preference){
 .fx .section-head h2{transition:clip-path 1s cubic-bezier(.7,0,.2,1) .1s}
 .fx .section-head:not(.is-lit) h2{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)!important}
 .fx .section-head.is-lit h2{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)!important}
 .fx .section-head h2>*{transition:none!important;opacity:1!important;transform:none!important}
}
/* 写真に重ねる見出しの下端 */
html body .hv-photo:before{display:none}
/* 白い節（声・セミナー）：白地に黒字、見出しは黒帯＋白字 */
html body .voices-sec,html body .seminar-sec{background:#f4f3ef!important;--sec-bg:#f4f3ef;color:#111111}
html body :is(.voices-sec,.seminar-sec) .section-head h2 small{color:#111111!important;-webkit-text-fill-color:#111111!important;text-shadow:none!important}
html body .seminar-sec .head-visual h2 small{color:#111111!important}
html body :is(.voices-sec,.seminar-sec) .section-head h2 strong{background:#0a0a0a!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
html body :is(.voices-sec,.seminar-sec) .section-head .eyebrow{color:#18417a!important}
html body :is(.voices-sec,.seminar-sec) .section-head .eyebrow:before{background:#18417a!important}
html body .seminar-sec>.copy p,html body .seminar-sec .copy.lead p{color:#111111!important}
html body .seminar-sec .q-list li{background:#ffffff;border:1px solid #d8d4c8}
html body .seminar-sec .q-list li p{color:#111111}
html body .seminar-sec .q-list li:before{background:#0a0a0a!important;border:0!important}
html body .seminar-sec .key-line{background:#0a0a0a!important;border-left-color:var(--gold)!important}
html body .seminar-sec .consult-item{background:#ffffff!important;border:1px solid #d8d4c8!important;border-top:3px solid #0a0a0a!important}
html body .seminar-sec .consult-item h3{color:#111111!important}
html body .seminar-sec .consult-item .copy p{color:#222222!important}
html body .seminar-sec .consult-item .d-ic{background:#0a0a0a;border-color:#0a0a0a}
html body .seminar-sec .consult-item .ci-no{color:#18417a!important;-webkit-text-fill-color:#18417a!important}
html body .seminar-sec .hv-photo:after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 25%,rgba(244,243,239,.4) 50%,rgba(244,243,239,.92) 70%,#f4f3ef 86%)!important}
html body .voices-sec .copy.lead p{color:#111111!important}
/* 赤は「5日間限定」と吹き出しだけ：記録の区分ラベル・回答マークは黒×金に */
html body .record-kind{background:#0a0a0a!important;border:1px solid var(--gold-line)!important;color:var(--gold)!important}
html body .a-mark{background:var(--gold)!important;color:#111111!important}
html body .hl{background-image:linear-gradient(transparent 66%,rgba(216,31,51,.85) 66%,rgba(216,31,51,.85) 92%,transparent 92%)}
/* 帯（v7の一枚帯）をやめた所の後片付け */

html body .closing-visual.closing-visual h2:before{background:linear-gradient(180deg,#1d1d1d,#070707)!important;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
/* 320px */
@media (max-width:359px){.bl.s{font-size:11.5px;padding:3px 10px 4px}html body .fv8 .hero-lead .hero-copy h1{font-size:25px!important}.fv8-num-big b{font-size:40px}.fv8-boxes dd{font-size:16px}html body .section-head.section-head.section-head h2{font-size:21px!important}}
.fv8-num-big b{font-size:min(12.4vw,48px)}
.fv8-num-big .to{margin-left:2px}
html body :is(.voices-sec,.seminar-sec) .section-head.section-head.section-head h2 small{color:#111111!important;-webkit-text-fill-color:#111111!important;text-shadow:none!important}
html body :is(.voices-sec,.seminar-sec) .section-head.section-head.section-head h2 strong{background:#0a0a0a!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.fv8-boxes dd small{display:block;margin:1px 0 0}
.fv8-desc{margin-top:16px;text-align:center;font-size:min(3.7vw,14.5px);font-weight:700;line-height:1.75;color:#ffffff;text-shadow:0 1px 4px #000000}
.fv8-desc p+p{margin-top:6px}
html body.p-opt .fv8-gold{font-size:.74em}
@media (prefers-reduced-motion:no-preference){.fv8-desc{animation:bl-up .7s cubic-bezier(.2,.9,.2,1) .8s both}}
html body.p-opt .fv8-gold{font-size:.7em}
html body.p-opt .fv8-gold span:first-child{display:block}
html body.p-opt .fv8-recs .fv-rec-h{display:block!important;background:#ffffff!important;color:#111111!important;-webkit-text-fill-color:#111111!important;font-size:13px;line-height:1.5}
html body.p-opt .fv8-recs .fv-rec-h span{display:inline;font-size:inherit;color:inherit;-webkit-text-fill-color:inherit;letter-spacing:0;font-weight:inherit}
html body.p-opt .fv8-recs .fv-rec-kind{color:var(--gold);border-color:#1c4072}
html body.p-opt .fv8-recs .kubun span{background:#ffffff!important;color:#111111!important}
html body.p-opt :is(.record-top h3,.who-h){background:linear-gradient(180deg,#1d1d1d,#070707)!important;color:#ffffff!important;border-bottom:2px solid var(--gold-line)}
/* v8：PC左のミニFVもFVと同じ組み方（1行1本の黒帯＋金の文字） */
@media (min-width:1100px){
 .rf-copy{background:linear-gradient(#00000000,#000000 30%)!important}
 .rf-h1{padding:0!important;margin:0!important}
 .rf-h1:before{display:none!important}
 .rf-a{display:block}
 .rf-a{font-size:18px;line-height:2}
 .rf-a{background:none}
 .rf-a{color:#ffffff}
 .rf-a{text-shadow:none}
 .rf-a>*{}
 .rf-b{border-top:0!important;margin-top:4px!important;padding-top:0!important;color:var(--gold);font-size:15px!important;text-shadow:0 2px 4px #000000}
 .rf-desc{background:#0a0a0a!important;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);clip-path:none!important;transform:skewX(-8deg)}
}
/* 締めの写真見出し：1行1本の帯 */
html body .closing-visual.closing-visual h2:before{display:none!important}
html body .closing-visual.closing-visual h2{padding:0!important;font-size:22px!important;line-height:2!important}
html body .closing-visual.closing-visual h2 .cv-main,html body .closing-visual.closing-visual h2 em{display:inline!important;padding:.06em .4em .1em!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffffff!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;text-shadow:none!important;box-shadow:inset 0 -3px 0 var(--gold-line)}
html body .closing-visual.closing-visual h2 em{background:#0a0a0a!important;color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important;box-shadow:inset 0 -2px 0 var(--gold-line),inset 0 2px 0 var(--gold-line)}
/* CTAの虹色の光（色の絞り込みの対象外。金ボタンの周りだけ） */
html body .cta-glow.cta-glow:before{background:conic-gradient(from var(--ang),#e8344f,#f08a1c,#e9c31b,#2fc46b,#1aa6e0,#4d5bff,#a03ee0,#e8344f)!important}
html body .cta-glow.cta-glow:after{background:conic-gradient(from var(--ang),#e8344f,#f08a1c,#e9c31b,#2fc46b,#1aa6e0,#4d5bff,#a03ee0,#e8344f)!important}

/* ===================================================================
   v9（2026-11-13 ユーザー指示）色だけ変更：金 → メタリックブルー（ビルド時に自動変換）、
   要所だけ水色、CTAはRazerの緑。黒白の地・赤の吹き出し・赤の「5日間限定公開」はそのまま
   =================================================================== */
:root{--mblue:linear-gradient(180deg,#2f7fe0 0%,#1e5bc6 45%,#0d2a6b 100%);--mblue-line:#2f7fe0;--sky:#38b6ff}
/* FVの大見出しの帯：メタリックブルー（白文字） */
.fv8 .bl.l:before{background:var(--mblue)!important;border-top:1px solid #4a8fe6!important;border-bottom:1px solid #0a1f52!important;box-shadow:0 4px 0 #071a45,0 12px 24px rgba(0,0,0,.7)!important}
.bl.s:before,.rf-a .bl:before{border-color:var(--mblue-line)!important}
.rf-a .bl:before{background:var(--mblue)!important}
/* 要所だけ水色：大きな数字・強調の数字・細いライン */
.fv8-num-big b,html body .fv8 .fv8-num-big b{color:var(--sky)!important;text-shadow:0 3px 0 #06244d,0 0 24px rgba(0,0,0,.9)!important}
html body :is(.bt-wide .bt-v b,.record-top strong,.fv-rec-num b,.col.is-top b,.fr-num b,.pm-k b,.sim-table td.strong,.yr:last-child b){color:var(--sky)!important;-webkit-text-fill-color:var(--sky)!important}
.fv8-boxes .is-gold dd{color:var(--sky)}
.fv8-gold span:first-child:before,.fv8-gold span:first-child:after{background:var(--sky)}
/* CTA：Razerの緑（文字は黒・上下左右中央、丸アイコンは黒丸＋緑の三角） */
html body .cta{background:linear-gradient(180deg,#44d62c 0%,#2fb81f 50%,#1f8a14 100%)!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;border:1px solid #1a7a10!important;box-shadow:inset 0 1px 0 #5fe04a,0 6px 0 #145c0d,0 10px 22px rgba(0,0,0,.45)!important;text-shadow:none!important}
html body .cta>i{background:#0a0a0a!important}
html body .cta>i:before{border-left-color:#44d62c!important}
html body .cta-copy.is-pressed .cta{box-shadow:inset 0 1px 0 #5fe04a,0 0 0 #145c0d,0 0 18px rgba(68,214,44,.5)!important}html body .cta-copy:has(.cta:active) .cta{box-shadow:inset 0 1px 0 #5fe04a,0 0 0 #145c0d,0 0 18px rgba(68,214,44,.5)!important}
@media (hover:hover){html body .cta-copy:has(.cta:hover) .cta{box-shadow:inset 0 1px 0 #5fe04a,0 0 0 #145c0d,0 0 18px rgba(68,214,44,.5)!important}}
html body .sticky-cta .cta{box-shadow:inset 0 1px 0 #5fe04a,0 4px 0 #145c0d!important}
html body .dlg-box button{background:linear-gradient(180deg,#44d62c,#2fb81f 50%,#1f8a14)!important;color:#0a0a0a!important;border-color:#1a7a10!important}

/* v9.1（2026-11-13 ユーザー指示）緑ボタンの文字は白、右の丸は白、三角は緑 */
html body .cta,html body .cta span,html body .cta *{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
html body .cta{text-shadow:0 1px 3px rgba(0,40,0,.55)!important}
html body .cta>i{background:#ffffff!important;color:#1f8a14!important;-webkit-text-fill-color:#1f8a14!important;text-shadow:none!important}
html body .cta>i *{color:#1f8a14!important;-webkit-text-fill-color:#1f8a14!important;fill:#1f8a14!important}
html body .cta>i:before{border-left-color:#1f8a14!important}
html body .cta>i:before{border-left-color:#3cc62a!important}html body .cta>i,html body .cta>i *{color:#3cc62a!important;-webkit-text-fill-color:#3cc62a!important;fill:#3cc62a!important}


/* ===== NO-RECOLOR（これより後ろは金→青の置き換えをかけない） ===== */
/* v9.2（2026-11-13 ユーザー指示）黒い節の白い帯 → 金の帯＋黒文字（白い節の黒帯はそのまま） */
html body .section-head.section-head.section-head h2 strong,html body .closing-visual.closing-visual h2 .cv-main,html body .closing-visual.closing-visual h2 em,html body .fv8-recs .fv-rec-h,html body.p-opt .fv8-recs .fv-rec-h,html body.p-opt .fv8-recs .kubun span{background:linear-gradient(180deg,#d6ad55 0%,#c39a3e 52%,#a9822a 100%)!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;text-shadow:none!important}
html body :is(.voices-sec,.seminar-sec) .section-head.section-head.section-head h2 strong{background:#0a0a0a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* v9.3（2026-11-13 ユーザー指示）ボタン＝赤・白文字・白丸・赤三角／吹き出しと「5日間限定公開」＝金・黒文字 */
html body .cta{background:linear-gradient(180deg,#e2313f 0%,#c41a2b 52%,#9c1020 100%)!important;border:1px solid #7a0c17!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px rgba(60,0,0,.55)!important}
html body .cta span,html body .cta br{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .cta>i{background:#fff!important}
html body .cta>i:before{border-left-color:#c41a2b!important}
html body .cta>i,html body .cta>i *{color:#c41a2b!important;-webkit-text-fill-color:#c41a2b!important;fill:#c41a2b!important}
html body .bubble,html body .hero-badge span,html body .rail-badge{background:linear-gradient(180deg,#d6ad55 0%,#c39a3e 52%,#a9822a 100%)!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;border:1px solid #7a5a1c!important;box-shadow:inset 0 1px 0 #e0bd6c,0 3px 0 #5e440f!important;text-shadow:none!important}
html body .bubble::after{border-top-color:#a9822a!important}
html body .hero-badge span:before{background:#c41a2b!important}

/* ===================================================================
   v10（2026-11-13 ユーザー指示）※NO-RECOLOR の後ろ（金はそのまま金）
   FV：①金の大きな吹き出し「5日間限定公開」②ターゲットコール ③左上に大見出し・右に人物の顔
   数字：スマホのモック・ゲージ・タイムライン・棒グラフで見せる（比率は実数どおり、画面はイメージと明記）
   =================================================================== */
/* ① 金の大きな吹き出し（バコンと出る） */
.fv10-pop{position:relative;display:table;margin:4px auto 16px;z-index:4}
.fv10-pop span{position:relative;display:block;padding:9px 26px 10px;font-size:min(6.6vw,26px);font-weight:700;letter-spacing:.08em;line-height:1.25;color:#0a0a0a;background:linear-gradient(180deg,#e8c46e 0%,#cfa044 52%,#a87c24 100%);border:2px solid #7a5a1c;box-shadow:inset 0 1px 0 #f0d08a,0 5px 0 #5e4310,0 14px 28px rgba(0,0,0,.65)}
.fv10-pop span:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);border:12px solid transparent;border-bottom:0;border-top:14px solid #a87c24;filter:drop-shadow(0 3px 0 #5e4310)}
@media (prefers-reduced-motion:no-preference){
 .fv10-pop{animation:pop-in .7s cubic-bezier(.2,1.6,.4,1) .15s both}
 @keyframes pop-in{0%{transform:scale(.2) rotate(-6deg);opacity:0}60%{transform:scale(1.14) rotate(1deg);opacity:1}80%{transform:scale(.96)}100%{transform:none}}
}
.is-loading .fv10-pop{animation-play-state:paused!important}
html body .fv10 .fv8-target{margin-bottom:0!important}
/* ③ 人物の舞台：見出しは左上、人物の顔は右 */
.fv10-stage{position:relative;margin:12px -14px 0;height:min(120vw,470px)}
html body .fv8.fv10 .fv10-stage .hero-visual{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;height:100%;z-index:0}
html body .fv10 .hero-visual.is-flip{transform:scaleX(-1)}
html body .fv10 .hero-photo{object-position:50% 30%!important}
html body .fv10.is-opt .hero-photo{object-position:50% 30%!important}
html body .fv8.fv10 .fv10-stage .hero-visual:after{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0) 62%,rgba(0,0,0,.75) 84%,#000 100%),linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,0) 58%)!important}
html body .fv10 .hero-visual.is-flip:after{transform:scaleX(-1)}
html body .fv8.fv10 .hero-lead{position:absolute!important;top:0;right:0;bottom:0;left:0;inset:0;margin:0!important;padding:14px 0 12px 14px!important;z-index:3}
html body .fv8.fv10 .hero-lead .hero-copy,html body .fv8.fv10 .hero-lead .hero-copy h1{height:100%}
html body .fv8.fv10 .hero-lead .hero-copy h1{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;font-size:min(8.6vw,34px)!important}
html body .fv10 .bl.l{margin:0 0 8px!important}
html body .fv10 .fv8-gold{margin-top:auto;align-self:stretch;padding-right:14px;text-align:center;font-size:.72em!important;line-height:1.45;color:#2a7fe6!important;text-shadow:0 0 2px #fff,0 0 10px rgba(255,255,255,.75),0 0 22px rgba(255,255,255,.45)!important}
html body .fv10 .fv8-gold span:first-child:before,html body .fv10 .fv8-gold span:first-child:after{background:#fff;box-shadow:0 0 6px #fff}
html body.p-opt .fv10 .fv8-gold{font-size:.6em!important}
/* KVの上の白文字は黒い影で浮かせる */
html body .fv8-desc,html body .fv8-desc p,html body .fv8-num-lead,html body .fv8-num-big .from,html body .fv8-num-big .to,html body .fv8 .bl.s{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.75)!important}
html body .head-visual h2 small,html body .closing-visual h2 small{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.75)!important}
html body .day-tag,html body .hv-text .eyebrow{text-shadow:0 2px 4px rgba(0,0,0,.9)}
/* 100,000 → 285,260.55 の矢印 */
.fv10-arrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:12px 4px 0}
.fv10-arrow span{display:flex;flex-direction:column;font-size:15px;font-weight:700;line-height:1.2;color:#fff}
.fv10-arrow span small{font-size:10.5px;font-weight:700;color:#b9c4d6}
.fv10-arrow span.is-end{color:#38b6ff;text-align:right}
.fv10-arrow i{position:relative;height:10px;background:linear-gradient(90deg,#26324a 0,#26324a var(--w),#1e5bc6 var(--w),#38b6ff 100%);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.fv10-arrow i:before{content:"";position:absolute;left:var(--w);top:-4px;bottom:-4px;width:2px;background:#fff}
/* FV下：スマホの口座アプリ風モック */
.pr-wrap{padding:4px 0 6px}
.pr-phone{position:relative;max-width:330px;margin:0 auto;padding:0 0 10px;background:#0a0d14;border:7px solid #17181c;border-radius:40px;box-shadow:0 0 0 1px #4a4d55,0 0 0 3px #1f2024,0 24px 50px rgba(0,0,0,.75),0 0 40px rgba(30,91,198,.25);overflow:hidden}
.pr-status{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 22px;font:700 11px/1 var(--serif);color:#e9eef7}
.pr-status i{width:84px;height:22px;border-radius:14px;background:#000}
.pr-screen{padding:0 12px}
.pr-app{margin:2px 2px 10px;font-size:16px;font-weight:700;color:#fff}
.pr-app small{margin-left:8px;font-size:11px;font-weight:700;color:#8fa3c4}
.pr-card{margin-bottom:10px;padding:12px 12px 10px;background:#111a2b;border:1px solid #1f3a66;border-left:3px solid #2f7fe0}
.pr-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pr-top b{font-size:13.5px;font-weight:700;color:#fff;line-height:1.4}
.pr-top span{flex:0 0 auto;padding:1px 8px;font-size:10.5px;font-weight:700;color:#fff;background:#1e5bc6}
.pr-lbl{margin-top:8px;font-size:10.5px;color:#8fa3c4}
.pr-num{line-height:1.05}
.pr-num span{font-size:31px;font-weight:700;letter-spacing:-.02em;color:#38b6ff}
.pr-num small{margin-left:4px;font-size:12px;font-weight:700;color:#cfd8e8}
.pr-bars{margin-top:8px}
.pr-bars>div{display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:center;margin-top:5px;font-size:11px;color:#cfd8e8}
.pr-bars i{display:block;height:10px;width:var(--w);background:#3a4458;transform-origin:left}
.pr-bars .is-end i{background:linear-gradient(90deg,#1e5bc6,#38b6ff)}
.pr-bars b{font-size:11.5px;font-weight:700;color:#fff}
.pr-cond{list-style:none;margin:9px 0 0;padding:8px 0 0;border-top:1px dashed #263a5c}
.pr-cond li{font-size:11px;line-height:1.65;color:#aab6ca}
.pr-cond li+li{margin-top:2px}
.pr-home{width:104px;height:4px;margin:4px auto 2px;border-radius:4px;background:#d9dde6}
.pr-note{margin-top:12px;font-size:12px;line-height:1.75;color:#bfc6d2;text-align:center}
@media (prefers-reduced-motion:no-preference){
 .motion .pr-card .pr-bars i{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
 .motion .pr-card.is-counted .pr-bars i{transform:none}
 .motion .pr-card.is-counted .pr-bars .is-end i{transition-delay:.2s}
}
/* 勝率のゲージ */
html body .stat-v{grid-template-columns:1fr 1fr!important}
html body .stat-v .st-gauge{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center}
html body .stat-v .st-gauge>dt{display:none}
html body .stat-v .st-gauge>dd{margin:0}
.gauge{position:relative;width:118px;height:118px}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:11}
.gauge .g-bg{stroke:#1d2a44}
.gauge .g-fg{stroke:#38b6ff;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p));stroke-linecap:butt;filter:drop-shadow(0 0 4px rgba(56,182,255,.6))}
.gauge .g-in{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.gauge .g-in small{font-size:11px;color:#aab6ca}
.gauge .g-in b{font-size:17px;font-weight:700;color:#fff}
@media (prefers-reduced-motion:no-preference){
 .motion .stat-v .g-fg{stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1) .2s}
 .motion .stat-v.is-counted .g-fg{stroke-dashoffset:calc(100 - var(--p))}
}
/* 期間のタイムライン */
.tl{margin:12px 14px 0;padding:12px 12px 10px;background:#0b1220;border:1px solid #1f3a66}
.tl-bar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#e3e9f3}
.tl-bar i{position:relative;height:4px;background:linear-gradient(90deg,#1e5bc6,#38b6ff);transform-origin:left}
.tl-bar i:before,.tl-bar i:after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#38b6ff;box-shadow:0 0 0 3px rgba(56,182,255,.25)}
.tl-bar i:before{left:-2px;background:#1e5bc6}.tl-bar i:after{right:-2px}
.tl-d{margin-top:6px;text-align:center;font-size:20px;font-weight:700;color:#fff}
.tl-c{margin-top:2px;text-align:center;font-size:11.5px;line-height:1.6;color:#9fb0c8}
@media (prefers-reduced-motion:no-preference){
 .motion .tl .tl-bar i{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
 .motion .tl.is-counted .tl-bar i{transform:none}
}
/* 複利シミュレーション：初期資金ごとの棒（各3年後を100とした比率） */
.sim-groups{margin-top:20px}
.sg{margin-top:10px;padding:12px 12px 10px;background:#0b1220;border:1px solid #1f3a66}
.sg-h{margin-bottom:6px;font-size:14px;font-weight:700;color:#e3e9f3}
.sg-h b{font-size:18px;color:#fff}
.sg-row{display:grid;grid-template-columns:104px 1fr 76px;gap:8px;align-items:center;margin-top:6px;font-size:11.5px;color:#cfd8e8}
.sg-row i{display:block;height:14px;width:var(--w);background:#3a4458;transform-origin:left}
.sg-row:nth-child(3) i{background:#1e5bc6}
.sg-row.is-top i{background:linear-gradient(90deg,#1e5bc6,#38b6ff)}
.sg-row b{text-align:right;font-size:14px;font-weight:700;color:#fff}
.sg-row.is-top b{color:#38b6ff;font-size:16px}
.sg-note{margin-top:8px;font-size:11.5px;color:#9fb0c8}
@media (prefers-reduced-motion:no-preference){
 .motion .sim-groups .sg-row i{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
 .motion .sim-groups.is-counted .sg-row i{transform:none}
 .motion .sim-groups .sg-row:nth-child(3) i{transition-delay:.15s}.motion .sim-groups .sg-row.is-top i{transition-delay:.3s}
}
/* 開発者の経歴の棒 */
.exp-bars{margin:14px 14px 0;padding:10px 12px;background:#0b1220;border:1px solid #1f3a66}
.exp-bars>div{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:center;margin-top:6px;font-size:12px;color:#e3e9f3}
.exp-bars i{display:block;height:12px;width:var(--w);background:linear-gradient(90deg,#1e5bc6,#38b6ff);transform-origin:left}
.exp-bars p{margin-top:6px;font-size:11.5px;color:#9fb0c8}
@media (prefers-reduced-motion:no-preference){.motion .exp-bars i{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.motion .exp-bars.is-counted i{transform:none}}
/* PC左のミニFV：上に金の吹き出し、人物は右 */
@media (min-width:1100px){
 .rail-pop{margin:0 auto 14px!important}
 .rail-pop span{font-size:19px;padding:7px 18px 8px}
 html body .rail-kv.is-flip img{transform:scaleX(-1)}
 html body .rail-kv img{object-position:50% 20%!important}
}
/* 320px */
@media (max-width:359px){.fv10-pop span{font-size:20px;padding:7px 18px 8px}.pr-num span{font-size:25px}.pr-bars>div{grid-template-columns:54px 1fr auto}.sg-row{grid-template-columns:86px 1fr 66px}.gauge{width:100px;height:100px}.fv10-arrow span{font-size:13px}}

/* ===================================================================
   v10b（2026-11-13 ユーザー指示・最優先）グラデーション／メタリックをやめ、深みのある青の単色に。文字は白。
   立体感は単色＋影で。対象外：CTA（赤の軽い上下グラデ）・写真・KV・チャート描画
   =================================================================== */
:root{
 --dblue:#173a7a;--dblue-d:#0f2a5c;--dblue-b:#0a1d44;
 --metal:linear-gradient(#173a7a,#173a7a);--band1:linear-gradient(#173a7a,#173a7a);--band-v:linear-gradient(#173a7a,#173a7a);--band-c:linear-gradient(#0f2a5c,#0f2a5c);--band-e:linear-gradient(#0f2a5c,#0f2a5c);--band-a:linear-gradient(#173a7a,#173a7a);--band-b:linear-gradient(#0f2a5c,#0f2a5c);
 --mblue:linear-gradient(#173a7a,#173a7a);--bubble-gold:linear-gradient(#173a7a,#173a7a);--red-bub:linear-gradient(#173a7a,#173a7a);
 --gold:#38b6ff;--gold-line:#0a1d44;--gold-d:#0f2a5c;--accent:#38b6ff;--up:#38b6ff;--hud:#2e5bb0
}
/* 吹き出し（本文・PC左・下部追従）・一番上の大きな吹き出し・バッジ：青の単色＋白文字 */
html body .bubble,html body .hero-badge span,html body .rail-badge,html body .fv10-pop span{background:#173a7a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #0a1d44!important;box-shadow:0 4px 0 #0a1d44,0 10px 22px rgba(0,0,0,.5)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}
html body .bubble:after,html body .bubble::after{border-top-color:#173a7a!important}
html body .fv10-pop span:after{border-top-color:#173a7a!important;filter:drop-shadow(0 3px 0 #0a1d44)}
/* 見出しの帯：黒い節＝青の単色＋白文字（白い節の黒帯はそのまま） */
html body .section-head.section-head.section-head h2 strong,html body .closing-visual.closing-visual h2 .cv-main{background:#173a7a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 0 #0a1d44!important}
html body .closing-visual.closing-visual h2 em{background:#0f2a5c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 0 #0a1d44!important}
html body :is(.voices-sec,.seminar-sec) .section-head.section-head.section-head h2 strong{background:#0a0a0a!important;box-shadow:0 4px 0 rgba(0,0,0,.25)!important}
/* FVの帯 */
html body .fv8 .bl:before,html body .bl:before,html body .rf-a .bl:before{background:#173a7a!important;border:0!important;box-shadow:0 4px 0 #0a1d44,0 10px 22px rgba(0,0,0,.6)!important}
html body .fv8 .bl.s:before{background:#0f2a5c!important}
html body .rf-desc{background:#0f2a5c!important;border:0!important}
/* 見出しセル・ラベル・台紙の帯：単色 */
html body :is(main th,.op th,.sim-table thead th,.record-top h3,.fv-rec-h,.fr-h,.who-h,.kubun span,.outline-badge,.flow-item.active,.num,.chapter-title .num,.hero-description,.target em,.record-kind,.pr-top span,.q-list li:before,.d-no,.ci-no,.sub-h,.role.you,.faq-item .q,.manual-list li:before,.fv-rec-kind){background:#173a7a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#0a1d44!important;text-shadow:none!important}
html body .op th{border-bottom:1px solid #0a1d44!important}
html body :is(.key-line,.invitation,.rf-desc){background:#0f2a5c!important;border-color:#0a1d44!important}
html body .role.you p,html body .role.you strong{color:#fff!important;border-color:#fff!important}
/* 枠のグラデも単色に */
html body :is(.record,.fv-rec,.final-rec,.opening-lead,.engine-showcase,.side-rail){border-color:#1f3a66!important}
html body :is(.record,.fv-rec,.final-rec,.opening-lead){background:#0c1422!important;border:1px solid #1f3a66!important}
html body :is(.design-top,.chapter-title,.bt-wide,.bt.is-atk.bt-wide,.engine-showcase,.terminal-bar){background:#0f1a2e!important}
html body .section:before{background:#173a7a!important}
html body .fx-progress{background:#2e5bb0!important}
html body .desktop-toc a:after{background:#38b6ff!important}
html body .section-head .eyebrow:before{background:#2e5bb0!important}
html body .hero-description b,html body .hero-description .nw{color:#fff!important}
html body .stat-tiles>div{border-top-color:#2e5bb0!important}
/* CTAは赤（v9.3）のまま */

/* v10c：導入者の声の節の背景＝白系の電磁波・スパーク（静止の柄＋ゆっくり明滅。文字とモックの裏は柄を弱める） */
html body section.voices-sec{position:relative;isolation:isolate;background:#f6f7f9 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="420" height="620" viewBox="0 0 420 620"%3E%3Ccircle cx="70" cy="120" r="18" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.51"/%3E%3Ccircle cx="70" cy="120" r="40" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.45"/%3E%3Ccircle cx="70" cy="120" r="62" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.40"/%3E%3Ccircle cx="70" cy="120" r="84" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.34"/%3E%3Ccircle cx="70" cy="120" r="106" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.29"/%3E%3Ccircle cx="70" cy="120" r="128" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.23"/%3E%3Ccircle cx="70" cy="120" r="150" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.18"/%3E%3Ccircle cx="350" cy="430" r="18" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.51"/%3E%3Ccircle cx="350" cy="430" r="40" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.45"/%3E%3Ccircle cx="350" cy="430" r="62" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.40"/%3E%3Ccircle cx="350" cy="430" r="84" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.34"/%3E%3Ccircle cx="350" cy="430" r="106" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.29"/%3E%3Ccircle cx="350" cy="430" r="128" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.23"/%3E%3Ccircle cx="350" cy="430" r="150" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.18"/%3E%3Cpath d="M200 0 L198 16 L207 32 L212 51 L200 74 L188 94 L176 110 L178 137 L168 155 L177 184" fill="none" stroke="%239fb1cc" stroke-width="1.4" stroke-linejoin="round" opacity="0.55"/%3E%3Cpath d="M188 94 L199 114 L224 129 L245 148" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.44"/%3E%3Cpath d="M40 300 L33 316 L32 343 L27 366 L38 386 L46 401 L36 419 L48 439 L47 463" fill="none" stroke="%239fb1cc" stroke-width="1.1" stroke-linejoin="round" opacity="0.45"/%3E%3Cpath d="M38 386 L48 405 L71 430 L74 453" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.36"/%3E%3Cpath d="M300 150 L296 178 L299 197 L311 212 L304 239 L286 260 L264 285 L269 308" fill="none" stroke="%239fb1cc" stroke-width="1.2" stroke-linejoin="round" opacity="0.5"/%3E%3Cpath d="M304 239 L308 258 L305 282 L297 303" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.40"/%3E%3Cpath d="M380 520 L386 549 L379 574 L357 599 L357 629" fill="none" stroke="%239fb1cc" stroke-width="1" stroke-linejoin="round" opacity="0.4"/%3E%3Cpath d="M379 574 L379 593 L362 617 L333 639" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.32"/%3E%3Ccircle cx="71" cy="73" r="0.8" fill="%238fa6c9" opacity="0.33"/%3E%3Ccircle cx="121" cy="458" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="366" cy="50" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="117" cy="85" r="1.8" fill="%238fa6c9" opacity="0.55"/%3E%3Ccircle cx="117" cy="257" r="1.3" fill="%238fa6c9" opacity="0.49"/%3E%3Ccircle cx="160" cy="143" r="0.8" fill="%238fa6c9" opacity="0.31"/%3E%3Ccircle cx="97" cy="145" r="1.8" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="77" cy="175" r="1" fill="%238fa6c9" opacity="0.40"/%3E%3Ccircle cx="155" cy="351" r="1" fill="%238fa6c9" opacity="0.49"/%3E%3Ccircle cx="217" cy="383" r="0.8" fill="%238fa6c9" opacity="0.41"/%3E%3Ccircle cx="366" cy="590" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="166" cy="299" r="1.8" fill="%238fa6c9" opacity="0.27"/%3E%3Ccircle cx="28" cy="129" r="1" fill="%238fa6c9" opacity="0.29"/%3E%3Ccircle cx="252" cy="63" r="1" fill="%238fa6c9" opacity="0.44"/%3E%3Ccircle cx="399" cy="381" r="0.8" fill="%238fa6c9" opacity="0.56"/%3E%3Ccircle cx="258" cy="92" r="1.3" fill="%238fa6c9" opacity="0.58"/%3E%3Ccircle cx="253" cy="294" r="0.8" fill="%238fa6c9" opacity="0.55"/%3E%3Ccircle cx="417" cy="289" r="1.8" fill="%238fa6c9" opacity="0.36"/%3E%3Ccircle cx="61" cy="465" r="1.3" fill="%238fa6c9" opacity="0.42"/%3E%3Ccircle cx="291" cy="320" r="1" fill="%238fa6c9" opacity="0.58"/%3E%3Ccircle cx="222" cy="91" r="0.8" fill="%238fa6c9" opacity="0.52"/%3E%3Ccircle cx="125" cy="399" r="0.8" fill="%238fa6c9" opacity="0.49"/%3E%3Ccircle cx="110" cy="227" r="1" fill="%238fa6c9" opacity="0.37"/%3E%3Ccircle cx="94" cy="336" r="1.3" fill="%238fa6c9" opacity="0.47"/%3E%3Ccircle cx="258" cy="489" r="1" fill="%238fa6c9" opacity="0.53"/%3E%3Ccircle cx="344" cy="459" r="1" fill="%238fa6c9" opacity="0.32"/%3E%3Ccircle cx="207" cy="453" r="0.8" fill="%238fa6c9" opacity="0.53"/%3E%3Ccircle cx="198" cy="120" r="1.3" fill="%238fa6c9" opacity="0.41"/%3E%3Ccircle cx="394" cy="613" r="1.3" fill="%238fa6c9" opacity="0.28"/%3E%3Ccircle cx="43" cy="291" r="1.3" fill="%238fa6c9" opacity="0.32"/%3E%3Ccircle cx="262" cy="558" r="0.8" fill="%238fa6c9" opacity="0.42"/%3E%3Ccircle cx="274" cy="496" r="0.8" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="50" cy="241" r="1" fill="%238fa6c9" opacity="0.42"/%3E%3Ccircle cx="75" cy="489" r="1.3" fill="%238fa6c9" opacity="0.28"/%3E%3Ccircle cx="397" cy="448" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="398" cy="449" r="1" fill="%238fa6c9" opacity="0.60"/%3E%3Ccircle cx="12" cy="366" r="1.8" fill="%238fa6c9" opacity="0.53"/%3E%3Ccircle cx="61" cy="512" r="1.8" fill="%238fa6c9" opacity="0.48"/%3E%3Ccircle cx="147" cy="340" r="1" fill="%238fa6c9" opacity="0.26"/%3E%3Ccircle cx="336" cy="450" r="0.8" fill="%238fa6c9" opacity="0.43"/%3E%3Ccircle cx="392" cy="269" r="1" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="89" cy="156" r="1.3" fill="%238fa6c9" opacity="0.43"/%3E%3Ccircle cx="321" cy="202" r="1.8" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="26" cy="459" r="1.8" fill="%238fa6c9" opacity="0.48"/%3E%3Ccircle cx="342" cy="320" r="1" fill="%238fa6c9" opacity="0.44"/%3E%3Ccircle cx="220" cy="12" r="1.8" fill="%238fa6c9" opacity="0.52"/%3E%3C/svg%3E') center top/420px auto repeat!important}
html body section.voices-sec:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(160,190,230,.18),transparent 70%),radial-gradient(ellipse 50% 35% at 75% 70%,rgba(160,190,230,.16),transparent 70%)}
@media (prefers-reduced-motion:no-preference){html body section.voices-sec:after{animation:emf-blink 4.5s ease-in-out infinite}@keyframes emf-blink{0%,100%{opacity:.35}50%{opacity:1}}}
html body .voices-sec .copy.lead,html body .voices-sec .voice-card .fineprint{background:rgba(246,247,249,.88);padding:8px 10px;box-shadow:0 0 18px 10px rgba(246,247,249,.88)}
html body .voices-sec .voice-card .fineprint p{color:#2b2f3a!important;-webkit-text-fill-color:#2b2f3a!important}
html body .voices-sec .voice-phone{box-shadow:0 0 0 1px #737377,0 0 0 3px #29292b,0 20px 40px rgba(27,28,58,.25),0 0 0 30px rgba(246,247,249,.6)}
/* v10d：画像・柄の上の文字の浮かせ方を統一（黒文字＝白の光彩強め／白文字＝黒の影／色付き強調＝白の光彩） */
html body :is(.seminar-sec,.voices-sec) .section-head.section-head.section-head h2 small,html body :is(.seminar-sec,.voices-sec) .section-head .eyebrow{text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 14px rgba(255,255,255,.95),0 0 26px rgba(255,255,255,.8)!important}
html body .seminar-sec .head-visual .eyebrow{color:#0f2a5c!important}
html body .head-visual h2 small,html body .hv-text .eyebrow{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.75)}
html body .section-head.section-head.section-head h2 strong,html body .closing-visual.closing-visual h2 :is(.cv-main,em){text-shadow:0 1px 2px rgba(0,0,0,.45)!important}
html body .closing-visual.closing-visual h2 small{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.75)!important}
html body .fv8-gold,html body .fv10-arrow span.is-end,html body .fv8-num-big b{text-shadow:0 0 2px #fff,0 0 10px rgba(255,255,255,.7),0 0 20px rgba(255,255,255,.4)!important}
html body .fv8-num-big b{color:#1e8ff0!important}

/* v10c-OPT：OPTの導入者の声（記録の節の中の声のかたまり）にも同じ白系の電磁波の地 */
html body.p-opt .voice-grid{position:relative;margin:30px calc(var(--gutter) * -1) 0;padding:34px var(--gutter);background:#f6f7f9 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="420" height="620" viewBox="0 0 420 620"%3E%3Ccircle cx="70" cy="120" r="18" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.51"/%3E%3Ccircle cx="70" cy="120" r="40" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.45"/%3E%3Ccircle cx="70" cy="120" r="62" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.40"/%3E%3Ccircle cx="70" cy="120" r="84" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.34"/%3E%3Ccircle cx="70" cy="120" r="106" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.29"/%3E%3Ccircle cx="70" cy="120" r="128" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.23"/%3E%3Ccircle cx="70" cy="120" r="150" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.18"/%3E%3Ccircle cx="350" cy="430" r="18" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.51"/%3E%3Ccircle cx="350" cy="430" r="40" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.45"/%3E%3Ccircle cx="350" cy="430" r="62" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.40"/%3E%3Ccircle cx="350" cy="430" r="84" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.34"/%3E%3Ccircle cx="350" cy="430" r="106" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.29"/%3E%3Ccircle cx="350" cy="430" r="128" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.23"/%3E%3Ccircle cx="350" cy="430" r="150" fill="none" stroke="%23b9c6da" stroke-width="1" opacity="0.18"/%3E%3Cpath d="M200 0 L198 16 L207 32 L212 51 L200 74 L188 94 L176 110 L178 137 L168 155 L177 184" fill="none" stroke="%239fb1cc" stroke-width="1.4" stroke-linejoin="round" opacity="0.55"/%3E%3Cpath d="M188 94 L199 114 L224 129 L245 148" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.44"/%3E%3Cpath d="M40 300 L33 316 L32 343 L27 366 L38 386 L46 401 L36 419 L48 439 L47 463" fill="none" stroke="%239fb1cc" stroke-width="1.1" stroke-linejoin="round" opacity="0.45"/%3E%3Cpath d="M38 386 L48 405 L71 430 L74 453" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.36"/%3E%3Cpath d="M300 150 L296 178 L299 197 L311 212 L304 239 L286 260 L264 285 L269 308" fill="none" stroke="%239fb1cc" stroke-width="1.2" stroke-linejoin="round" opacity="0.5"/%3E%3Cpath d="M304 239 L308 258 L305 282 L297 303" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.40"/%3E%3Cpath d="M380 520 L386 549 L379 574 L357 599 L357 629" fill="none" stroke="%239fb1cc" stroke-width="1" stroke-linejoin="round" opacity="0.4"/%3E%3Cpath d="M379 574 L379 593 L362 617 L333 639" fill="none" stroke="%23b3c2da" stroke-width=".8" opacity="0.32"/%3E%3Ccircle cx="71" cy="73" r="0.8" fill="%238fa6c9" opacity="0.33"/%3E%3Ccircle cx="121" cy="458" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="366" cy="50" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="117" cy="85" r="1.8" fill="%238fa6c9" opacity="0.55"/%3E%3Ccircle cx="117" cy="257" r="1.3" fill="%238fa6c9" opacity="0.49"/%3E%3Ccircle cx="160" cy="143" r="0.8" fill="%238fa6c9" opacity="0.31"/%3E%3Ccircle cx="97" cy="145" r="1.8" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="77" cy="175" r="1" fill="%238fa6c9" opacity="0.40"/%3E%3Ccircle cx="155" cy="351" r="1" fill="%238fa6c9" opacity="0.49"/%3E%3Ccircle cx="217" cy="383" r="0.8" fill="%238fa6c9" opacity="0.41"/%3E%3Ccircle cx="366" cy="590" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="166" cy="299" r="1.8" fill="%238fa6c9" opacity="0.27"/%3E%3Ccircle cx="28" cy="129" r="1" fill="%238fa6c9" opacity="0.29"/%3E%3Ccircle cx="252" cy="63" r="1" fill="%238fa6c9" opacity="0.44"/%3E%3Ccircle cx="399" cy="381" r="0.8" fill="%238fa6c9" opacity="0.56"/%3E%3Ccircle cx="258" cy="92" r="1.3" fill="%238fa6c9" opacity="0.58"/%3E%3Ccircle cx="253" cy="294" r="0.8" fill="%238fa6c9" opacity="0.55"/%3E%3Ccircle cx="417" cy="289" r="1.8" fill="%238fa6c9" opacity="0.36"/%3E%3Ccircle cx="61" cy="465" r="1.3" fill="%238fa6c9" opacity="0.42"/%3E%3Ccircle cx="291" cy="320" r="1" fill="%238fa6c9" opacity="0.58"/%3E%3Ccircle cx="222" cy="91" r="0.8" fill="%238fa6c9" opacity="0.52"/%3E%3Ccircle cx="125" cy="399" r="0.8" fill="%238fa6c9" opacity="0.49"/%3E%3Ccircle cx="110" cy="227" r="1" fill="%238fa6c9" opacity="0.37"/%3E%3Ccircle cx="94" cy="336" r="1.3" fill="%238fa6c9" opacity="0.47"/%3E%3Ccircle cx="258" cy="489" r="1" fill="%238fa6c9" opacity="0.53"/%3E%3Ccircle cx="344" cy="459" r="1" fill="%238fa6c9" opacity="0.32"/%3E%3Ccircle cx="207" cy="453" r="0.8" fill="%238fa6c9" opacity="0.53"/%3E%3Ccircle cx="198" cy="120" r="1.3" fill="%238fa6c9" opacity="0.41"/%3E%3Ccircle cx="394" cy="613" r="1.3" fill="%238fa6c9" opacity="0.28"/%3E%3Ccircle cx="43" cy="291" r="1.3" fill="%238fa6c9" opacity="0.32"/%3E%3Ccircle cx="262" cy="558" r="0.8" fill="%238fa6c9" opacity="0.42"/%3E%3Ccircle cx="274" cy="496" r="0.8" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="50" cy="241" r="1" fill="%238fa6c9" opacity="0.42"/%3E%3Ccircle cx="75" cy="489" r="1.3" fill="%238fa6c9" opacity="0.28"/%3E%3Ccircle cx="397" cy="448" r="1.8" fill="%238fa6c9" opacity="0.39"/%3E%3Ccircle cx="398" cy="449" r="1" fill="%238fa6c9" opacity="0.60"/%3E%3Ccircle cx="12" cy="366" r="1.8" fill="%238fa6c9" opacity="0.53"/%3E%3Ccircle cx="61" cy="512" r="1.8" fill="%238fa6c9" opacity="0.48"/%3E%3Ccircle cx="147" cy="340" r="1" fill="%238fa6c9" opacity="0.26"/%3E%3Ccircle cx="336" cy="450" r="0.8" fill="%238fa6c9" opacity="0.43"/%3E%3Ccircle cx="392" cy="269" r="1" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="89" cy="156" r="1.3" fill="%238fa6c9" opacity="0.43"/%3E%3Ccircle cx="321" cy="202" r="1.8" fill="%238fa6c9" opacity="0.54"/%3E%3Ccircle cx="26" cy="459" r="1.8" fill="%238fa6c9" opacity="0.48"/%3E%3Ccircle cx="342" cy="320" r="1" fill="%238fa6c9" opacity="0.44"/%3E%3Ccircle cx="220" cy="12" r="1.8" fill="%238fa6c9" opacity="0.52"/%3E%3C/svg%3E') center top/420px auto repeat}
html body.p-opt .voice-grid .fineprint,html body.p-opt .voice-grid .fineprint p{color:#2b2f3a!important;-webkit-text-fill-color:#2b2f3a!important}
html body.p-opt .voice-grid .fineprint{background:rgba(246,247,249,.88);padding:8px 10px;box-shadow:0 0 18px 10px rgba(246,247,249,.88)}
html body .voice-card>h3,html body .voice-card h3{background:#173a7a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:0 4px 0 #0a1d44!important;text-shadow:none!important}
html body .voice-card h3 *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .fv8-num-big b{text-shadow:0 0 2px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.3)!important}
/* 赤ボタンの下端の厚みも赤系に（緑の残りを消す） */
html body .cta{box-shadow:inset 0 1px 0 #ef5a66,0 6px 0 #6e0a14,0 10px 22px rgba(0,0,0,.45)!important}
html body .sticky-cta .cta{box-shadow:inset 0 1px 0 #ef5a66,0 4px 0 #6e0a14!important}
html body .cta-copy.is-pressed .cta{box-shadow:inset 0 1px 0 #ef5a66,0 0 0 #6e0a14,0 0 18px rgba(226,49,63,.5)!important}html body .cta-copy:has(.cta:active) .cta{box-shadow:inset 0 1px 0 #ef5a66,0 0 0 #6e0a14,0 0 18px rgba(226,49,63,.5)!important}
@media (hover:hover){html body .cta-copy:has(.cta:hover) .cta{box-shadow:inset 0 1px 0 #ef5a66,0 0 0 #6e0a14,0 0 18px rgba(226,49,63,.5)!important}}
html body .dlg-box button{background:#c41a2b!important;color:#fff!important;border-color:#7a0c17!important}

/* ===================================================================
   v10e（2026-11-13 ルール）濃い地の文字は反対の明るい色（白、特に目立たせたい所はホワイトゴールド）
   スマホのモック：時刻・電波表示なし、iPhone 11 相当（9:19.5）に統一、文章は画面の上側
   =================================================================== */
:root{--wgold:#f3e6c4}
html body .fv10 .fv8-gold,html body .fv8-gold{color:var(--wgold)!important;-webkit-text-fill-color:var(--wgold)!important;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.75)!important}
html body .fv10 .fv8-gold span:first-child:before,html body .fv10 .fv8-gold span:first-child:after{background:var(--wgold)!important;box-shadow:none!important}
html body .engine-trader h3 span,html body .core-mark{color:var(--wgold)!important;-webkit-text-fill-color:var(--wgold)!important}
html body .rf-b{color:var(--wgold)!important}
html body :is(.bubble,.fv10-pop span,.hero-badge span,.rail-badge,main th,.op th,.voice-card h3,.record-top h3,.fv-rec-h,.fr-h,.who-h,.pr-top span,.key-line,.invitation,.design h3,.section-head.section-head.section-head h2 strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .fv10-pop span{color:var(--wgold)!important;-webkit-text-fill-color:var(--wgold)!important}
html body .key-line,html body .key-line *{color:#fff!important}
/* スマホのモック：iPhone 11 相当の大きさにそろえ、時刻表示はなし */
html body .voice-phone,html body .pr-phone{width:min(316px,84vw)!important;max-width:none!important;aspect-ratio:9/19.5;display:flex;flex-direction:column;margin:0 auto!important}
html body .voice-phone .phone-status,html body .pr-status{justify-content:center!important;height:40px;flex:0 0 auto}
html body .voice-phone .phone-content{flex:0 0 auto}
html body .voice-phone .phone-home,html body .pr-home{margin-top:auto!important;flex:0 0 auto}
html body .voice-phone blockquote p{font-size:15px}
html body .pr-screen{flex:0 0 auto}
html body .phone-island{position:static!important;transform:none!important;margin:0 auto}
html body .voice-person>span{color:#f3e6c4!important;background:#173a7a!important;border-color:#0a1d44!important}
html body .eligibility li>span.ck:before{content:"\2713"}

/* v11（2026-11-13）原稿にない文字を外したあとの組み直し＋目次のホバーで位置・大きさを変えない */
html body .design.is-plain .design-top{grid-template-columns:78px 1fr;align-items:center;gap:14px;padding:14px}
html body .design.is-plain .design-top .copy p{font-size:15.5px;line-height:1.85;color:#fff}
html body .design>.design-top+.copy{padding-top:14px}
html body .role-k{display:none}
@media (min-width:1100px){
 html body .desktop-toc a,html body .desktop-toc a:hover,html body .desktop-toc a[aria-current],html body .desktop-toc a.is-pop{transform:none!important;animation:none!important;font-weight:700!important;letter-spacing:0!important;padding:10px 0 10px 17px!important;line-height:1.5!important;transition:color .15s,text-shadow .15s!important}
 html body .desktop-toc a:after{bottom:4px;transition:opacity .25s!important;transform:none!important;opacity:0}
 html body .desktop-toc a:hover:after,html body .desktop-toc a[aria-current]:after{opacity:1}
 html body .desktop-toc a:before{transition:background .15s,box-shadow .15s!important}
 html body .desktop-toc ol{margin-top:0!important}html body .side-rail .cta-copy:has(.cta:hover) .cta-glow{transform:none!important}html body .side-rail .cta-copy:has(.cta:hover) .bubble{transform:none!important}
}

/* ===================================================================
   v12（2026-11-13）写真で文章の塊を分ける／声のスマホにアイコンと状態表示（文字なし）・高さは中身に合わせる／
   明朝の太さは Bold まで（ビルドで900→700）／サブ見出しを斜体に
   =================================================================== */
/* 写真（Adobe Stock）：全幅または左右に寄せて交互 */
.stock-ph{position:relative;margin:26px calc(var(--gutter) * -1);overflow:hidden}
.stock-ph img{width:100%;aspect-ratio:16/9;object-fit:cover}
.stock-ph.is-l{margin-right:28px}
.stock-ph.is-r{margin-left:28px}
.stock-ph.is-l img,.stock-ph.is-r img{aspect-ratio:3/2;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.designs>.stock-ph{margin:4px calc(var(--gutter) * -1)}
html body .seminar-sec .stock-ph,html body .voices-sec .stock-ph{box-shadow:none}
/* 声のスマホ：送り主のアイコン（文字なし）・電波と電池（文字なし）・高さは中身に合わせる */
html body .voice-phone{aspect-ratio:auto!important;min-height:0}
html body .voice-phone .phone-home{margin-top:16px!important}
html body .voice-phone .phone-status{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px}
.ps-r{display:flex;align-items:flex-end;justify-content:flex-end;gap:2px;height:12px}
.ps-r b{display:block;width:3px;background:#151515;border-radius:1px}
.ps-r b:nth-child(1){height:4px}.ps-r b:nth-child(2){height:6px}.ps-r b:nth-child(3){height:8px}.ps-r b:nth-child(4){height:10px}
.ps-r em{display:block;width:22px;height:11px;margin-left:6px;border:1.5px solid #151515;border-radius:3px;position:relative}
.ps-r em:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;inset:1.5px;right:5px;background:#151515;border-radius:1px}
.ps-r em:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;background:#151515}
html body .voice-phone .voice-person{display:flex!important;align-items:center;gap:12px;padding:0 0 14px;border-bottom:1px solid #e1e1e6}
.voice-person .av{position:relative;display:block;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#c9d2e0;overflow:hidden}
.voice-person .av:before{content:"";position:absolute;left:50%;top:9px;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:#fff}
.voice-person .av:after{content:"";position:absolute;left:50%;bottom:-10px;width:30px;height:22px;margin-left:-15px;border-radius:50% 50% 0 0;background:#fff}
.voice-person .vp-bar{display:block;width:96px;height:10px;border-radius:5px;background:#e3e6ec}
html body .voice-person>span.av{color:transparent!important;background:#c9d2e0!important;border:0!important}
/* サブ見出しを斜体に（文字の形だけ右に傾ける。本文・数字は傾けない） */
html body .section-head.section-head.section-head h2 strong,html body .fv8-gold,html body .closing-visual.closing-visual h2 :is(.cv-main,em),html body .rf-b{font-style:oblique 8deg!important}
html body .fv8 .bl.l{transform:skewX(-8deg)}
html body .fv8 .bl.l:before{transform:skewX(-4deg)!important}
@media (prefers-reduced-motion:no-preference){html body .fv8 .bl.l{animation:none!important}}

/* v12 目次：見切れ・横スクロールなし（幅と左の余白を確保、長い項目は折り返し） */
@media (min-width:1100px){
 html body nav.desktop-toc{overflow:visible!important;width:min(250px,calc(50vw - 195px - 70px))!important;padding:0 10px 0 22px!important}
 html body .desktop-toc ol{overflow:visible!important;padding:0!important}
 html body .desktop-toc a{white-space:normal!important;align-items:center!important;overflow:visible!important}
 html body .desktop-toc a span{flex:0 0 auto!important;min-width:18px;padding-top:0!important;line-height:1!important}
 html body .desktop-toc a:before{top:50%!important;transform:translateY(-50%)!important}
}
html body .voices-sec .voice-phone,html body.p-opt .voice-grid .voice-phone{box-shadow:0 0 0 1px #737377,0 0 0 3px #29292b,0 20px 40px rgba(27,28,58,.25)!important}

/* ===================================================================
   v13（2026-11-14 ユーザー指示）過去実績（藤本塾・投資セミナー）から：
   白い台紙＋青いドロップシャドウ＋黒文字／青グラデの番号タイル／節の番号／生成イラストのアイコン／
   FVの数字は白い台紙に／見出し帯は青のグラデに戻す／「5日間限定公開」はホワイトゴールド＋黒文字でキラキラ
   =================================================================== */
:root{--bandg:linear-gradient(100deg,#2a5bd0 0%,#173a7a 55%,#0d2452 100%);--wcard-sh:0 10px 28px rgba(30,80,200,.35),0 2px 6px rgba(20,50,140,.25);--ink:#14161c;--ink2:#3a3f4c;--blue:#1a4fc9}
/* 見出し帯：青のグラデ */
html body .section-head.section-head.section-head h2 strong,html body .closing-visual.closing-visual h2 .cv-main,html body .voice-card h3,html body .record-top h3,html body .who-h,html body .fr-h,html body main th,html body .op th,html body .key-line{background:var(--bandg)!important}
html body .fv8 .bl.l:before,html body .rf-a .bl:before{background:var(--bandg)!important}
html body :is(.voices-sec,.seminar-sec) .section-head.section-head.section-head h2 strong{background:var(--bandg)!important}
/* 「5日間限定公開」：ホワイトゴールドの地に黒文字、細かい粒が瞬き、斜めに光が通る */
html body .fv10-pop span{overflow:hidden;color:#141008!important;-webkit-text-fill-color:#141008!important;text-shadow:none!important;background:linear-gradient(135deg,#f6ecd0 0%,#ecdcae 45%,#e6cf96 70%,#f3e4bc 100%)!important;border:1px solid #c9ad6a!important;box-shadow:0 0 0 3px rgba(246,236,208,.25),0 6px 0 #9c8143,0 14px 30px rgba(0,0,0,.6),0 0 26px rgba(246,226,170,.55)!important}
html body .fv10-pop span:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:36%;border:0!important;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);filter:none!important}
html body .fv10-pop:after{content:"";position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);border:12px solid transparent;border-bottom:0;border-top:14px solid #e6cf96}
html body .fv10-pop:before{content:"";position:absolute;top:-14px;right:-22px;bottom:-14px;left:-22px;inset:-14px -22px;pointer-events:none;z-index:2;background:
 radial-gradient(circle,#fffaf0 0,rgba(255,240,200,.9) 1.5px,transparent 3.5px) 6% 20%/40px 40px no-repeat,
 radial-gradient(circle,#fffaf0 0,rgba(255,240,200,.9) 1px,transparent 3px) 92% 12%/30px 30px no-repeat,
 radial-gradient(circle,#fffaf0 0,rgba(255,240,200,.9) 1.5px,transparent 4px) 88% 86%/44px 44px no-repeat,
 radial-gradient(circle,#fffaf0 0,rgba(255,240,200,.9) 1px,transparent 3px) 14% 90%/30px 30px no-repeat,
 radial-gradient(circle,#fffaf0 0,rgba(255,240,200,.8) 1px,transparent 2.5px) 50% 0/26px 26px no-repeat}
@media (prefers-reduced-motion:no-preference){
 html body .fv10-pop span:after{animation:wg-sweep 3.2s ease-in-out 1s infinite}
 html body .fv10-pop:before{animation:wg-twinkle 1.6s ease-in-out infinite}
 @keyframes wg-sweep{0%,40%{left:-60%}75%,100%{left:140%}}
 @keyframes wg-twinkle{0%,100%{opacity:.25}50%{opacity:1}}
}
html body .rail-pop span{color:#141008!important;-webkit-text-fill-color:#141008!important;background:linear-gradient(135deg,#f6ecd0,#e6cf96)!important;border-color:#c9ad6a!important;box-shadow:0 4px 0 #9c8143!important;text-shadow:none!important}
html body .rail-pop:after{border-top-color:#e6cf96}
/* FV：ターゲットコールは帯なしの白文字（影で浮かせる）、数字は白い台紙に */
html body .fv8 .bl.s{font-size:min(3.9vw,15px)!important;padding:2px 0!important;margin:0 auto 2px!important}
html body .fv8 .bl.s:before{display:none!important}
html body .fv8-target p{padding:10px 0 4px;border-top:1px solid rgba(230,207,150,.45);border-bottom:1px solid rgba(230,207,150,.45)}
html body .fv8 .bl.l{font-size:1.04em}
.fv13-card{position:relative;z-index:4;margin:6px 0 0;padding:16px 14px 14px;background:#fff;box-shadow:var(--wcard-sh);color:var(--ink)}
html body .fv13-card .fv8-num{margin-top:0}
html body .fv13-card .fv8-num-lead,html body .fv13-card .fv8-num-big .from,html body .fv13-card .fv8-num-big .to{color:var(--ink)!important;text-shadow:none!important}
html body .fv13-card .fv8-num-big b{color:var(--blue)!important;text-shadow:none!important}
html body .fv13-card .fv8-num-big b small{color:var(--ink)}
html body .fv13-card .fv10-arrow span{color:var(--ink);text-shadow:none!important}
html body .fv13-card .fv10-arrow span small{color:#5a6070}
html body .fv13-card .fv10-arrow span.is-end{color:var(--blue)!important}
html body .fv13-card .fv10-arrow i{background:linear-gradient(90deg,#c9d2e3 0,#c9d2e3 var(--w),#2a5bd0 var(--w),#0d2452 100%)}
html body .fv13-card .fv10-arrow i:before{background:#0d2452}
html body .fv13-card .fv8-boxes>div{background:#f3f6fc;border:1px solid #c9d6f0;box-shadow:none;clip-path:none}
html body .fv13-card .fv8-boxes dt{color:#4a5368}
html body .fv13-card .fv8-boxes dd{color:var(--ink)}
html body .fv13-card .fv8-boxes .is-gold dd{color:var(--blue)}
/* 節の番号（01〜）：装飾として大きく */
main{counter-reset:secno}
main>.section{counter-increment:secno}
html body .section-head:not(.head-visual):before,html body .head-visual .hv-text:before{content:counter(secno,decimal-leading-zero);display:block;margin:0 0 6px;font:italic 700 52px/1 var(--serif);letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.5px #e6cf96;text-shadow:none}
html body :is(.voices-sec,.seminar-sec) .section-head:not(.head-visual):before,html body .seminar-sec .head-visual .hv-text:before{-webkit-text-stroke-color:#1a4fc9}
/* 白い台紙＋青いドロップシャドウ＋黒文字 */
html body :is(.design,.consult-item,.invitation,.opening-lead,.manual,.who-card,.final-rec,.chapter){background:#fff!important;border:0!important;box-shadow:var(--wcard-sh)!important;color:var(--ink)}
html body :is(.design,.consult-item,.invitation,.opening-lead,.manual,.who-card,.final-rec,.chapter) :is(p,li,h3,dd,dt,small,b,strong){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-shadow:none!important}
html body .design-top,html body .chapter-title{background:#fff!important;border-bottom:1px solid #e3e8f3!important}
html body .design h3,html body .consult-item h3{background:none!important;color:#0d2452!important;-webkit-text-fill-color:#0d2452!important;font-size:18.5px;line-height:1.55}
html body .design>.copy p:first-child,html body .consult-item>.copy p:first-child{font-size:16.5px;font-weight:700;line-height:1.8}
html body .design>.copy p:not(:first-child),html body .consult-item>.copy p:not(:first-child){font-size:14.5px;line-height:1.85;color:var(--ink2)!important;-webkit-text-fill-color:var(--ink2)!important}
html body .design{border-left:4px solid #2a5bd0!important}
html body .d-ic{background:none!important;border:0!important;box-shadow:none!important;width:88px!important;height:88px!important}
html body .d-ic .ic-img{width:88px;height:88px;object-fit:contain}
html body .d-ic .ic{color:#1a4fc9!important;filter:none!important}
html body .who-h,html body .fr-h{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .who-card .who-h,html body .final-rec .fr-h{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .medal{background:#f3f6fc!important;border:1px solid #c9d6f0!important}
html body .medal b{color:#0d2452!important;-webkit-text-fill-color:#0d2452!important}
html body .exp-bars{background:#f3f6fc!important;border-color:#c9d6f0!important}
html body .exp-bars>div{color:var(--ink)!important}
html body .final-rec .fr-num{background:#f3f6fc!important;border-color:#c9d6f0!important}
html body .final-rec .fr-num span,html body .final-rec .fr-num i{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html body .final-rec .fr-num b{color:var(--blue)!important;-webkit-text-fill-color:var(--blue)!important}
html body .final-rec strong{color:var(--blue)!important;-webkit-text-fill-color:var(--blue)!important}
html body .invitation p:first-child{color:var(--ink)!important}
html body .opening-lead{font-size:16.5px}
/* 番号付きリスト：青グラデの番号タイル＋白い帯（手作業の3つ・問い） */
html body .manual{padding:12px!important}
html body .manual-list li,html body .q-list li{display:grid!important;grid-template-columns:52px 1fr!important;gap:0!important;padding:0!important;margin-top:10px;background:#fff!important;border:0!important;box-shadow:var(--wcard-sh)!important;align-items:stretch!important}
html body .manual-list li:first-child{margin-top:0}
html body .manual-list li:before,html body .q-list li:before{display:grid!important;place-items:center;width:auto!important;height:auto!important;min-height:56px;border:0!important;border-radius:0!important;font:italic 700 22px/1 var(--serif)!important;color:#fff!important;background:linear-gradient(160deg,#2a5bd0,#173a7a 60%,#0d2452)!important;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
html body .manual-list li p,html body .q-list li p{padding:12px 12px 12px 16px;align-self:center;color:var(--ink)!important;font-size:15.5px;font-weight:700}
html body .manual{box-shadow:none!important;background:transparent!important}
html body .manual-arrow{color:#e6cf96!important}
html body .seminar-sec .q-list li{border:0!important}
/* ステップ（OPTの3つの手順）：番号＋矢印＋イラスト */
html body .steps3{counter-reset:st;gap:30px!important}
html body .steps3 .consult-item{counter-increment:st;position:relative;padding:16px 14px!important}
html body .steps3 .consult-item:before{content:counter(st,decimal-leading-zero);position:absolute;left:-6px;top:-14px;padding:3px 12px 4px;font:italic 700 18px/1 var(--serif);color:#fff;background:var(--bandg);box-shadow:0 3px 0 #0a1d44}
html body .steps3 .consult-item:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);border:12px solid transparent;border-bottom:0;border-top:14px solid #2a5bd0}
html body .steps3 .ci-top{grid-template-columns:1fr 96px!important}
html body .steps3 .d-ic,html body .steps3 .d-ic .ic-img{width:96px!important;height:96px!important}
/* 写真の上の白文字は影、黒文字は白い光彩（v10dの方針を継続） */
html body .fv8 .bl.s{text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8)!important}
@media (max-width:359px){.fv13-card{padding:12px 10px}html body .section-head:not(.head-visual):before,html body .head-visual .hv-text:before{font-size:40px}html body .d-ic,html body .d-ic .ic-img{width:70px!important;height:70px!important}}
html body .design .design-top.design-top.design-top,html body .chapter .chapter-title.chapter-title.chapter-title{background:#fff!important}
html body .design.design.design{border-left:4px solid #2a5bd0!important}
html body .fv10-pop span:after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent)}
html body .pr-top span.nw,html body .pr-top b span{display:inline!important;padding:0!important;background:none!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important}
html body.p-opt .closing-visual.closing-visual h2 span.cb{display:inline!important;padding:.06em .4em .1em!important;background:var(--bandg)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-style:oblique 8deg}
html body .faq-item{background:#fff!important;border:0!important;box-shadow:var(--wcard-sh)!important}
html body .faq-item .fq-t,html body .faq-item .faq-a p{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html body .faq-item .q{background:var(--bandg)!important}
html body .faq-item .faq-a{border-top-color:#e3e8f3!important}
html body .faq-item summary i:before,html body .faq-item summary i:after{background:#1a4fc9!important}
html body .eligibility{background:#fff!important;border:0!important;box-shadow:var(--wcard-sh)!important}
html body .eligibility li{border-bottom-color:#e3e8f3!important}
html body .eligibility li .copy p{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html body .eligibility li>span{background:var(--bandg)!important;color:#fff!important}
html body p.fv10-pop.fv10-pop.fv10-pop span{color:#141008!important;-webkit-text-fill-color:#141008!important;text-shadow:0 1px 0 rgba(255,250,235,.6)!important}
html body :is(.day-copy,.premise,.sg){background:#fff!important;border:0!important;box-shadow:var(--wcard-sh)!important}
html body .day-copy{border-left:4px solid #2a5bd0!important}
html body :is(.day-copy,.premise,.sg) :is(p,span,small){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-shadow:none!important}
html body .premise .pm-k b{color:var(--blue)!important;-webkit-text-fill-color:var(--blue)!important}
html body .sg .sg-h b,html body .sg .sg-row b{color:var(--ink)!important}
html body .sg .sg-row.is-top b{color:var(--blue)!important}
html body .sg .sg-row i{background:#c9d2e3}
html body .sg .sg-row:nth-child(3) i{background:#6f8fd8}
html body .sg .sg-row.is-top i{background:linear-gradient(90deg,#2a5bd0,#0d2452)}

/* v13.1（2026-11-14 ユーザー指摘）締めの写真見出しを中央に */
html body .closing-visual.closing-visual h2{left:0!important;right:0!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;text-align:center!important;transform:none!important}

/* ===================================================================
   v14（2026-11-14）締めのステップ（スマホのモック）／経歴はメダルの上に文字（中様LP01）／
   番号は大きな正方形の台紙＋白い数字にそろえる／運用環境のステップは専用イラスト
   =================================================================== */
:root{--numsq:linear-gradient(150deg,#2a5bd0 0%,#173a7a 60%,#0d2452 100%)}
/* 番号の正方形（共通） */
.line-steps,.steps3{counter-reset:st}
.line-steps>li,html body .steps3 .consult-item{counter-increment:st}
.line-steps>li:before,html body .steps3 .consult-item.consult-item:before{content:counter(st,decimal-leading-zero);position:absolute;left:-8px;top:-18px;z-index:2;display:grid;place-items:center;width:60px;height:60px;padding:0!important;font:italic 700 26px/1 var(--serif)!important;color:#fff;background:var(--numsq)!important;box-shadow:0 6px 14px rgba(13,36,82,.45),inset 0 1px 0 rgba(120,160,240,.6)}
html body .manual-list li,html body .q-list li{grid-template-columns:60px 1fr!important}
html body .manual-list li:before,html body .q-list li:before{min-height:60px!important;font-size:26px!important;clip-path:none!important;background:var(--numsq)!important}
html body .ci-no:before{content:none!important}
html body .ci-no{display:grid!important;place-items:center;width:52px;height:52px;margin:0 0 10px!important;font:italic 700 24px/1 var(--serif)!important;letter-spacing:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:var(--numsq)!important;box-shadow:0 4px 10px rgba(13,36,82,.4)}
/* 締めのステップ：番号＋スマホ画面のモック＋本文、間に下向きの矢印 */
.line-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:44px}
.line-steps>li{position:relative;padding:22px 16px 18px;background:#fff;box-shadow:var(--wcard-sh)}
.line-steps>li:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);border:13px solid transparent;border-bottom:0;border-top:16px solid #2a5bd0}
.line-steps .ls-mock{display:flex;justify-content:center;margin:0 0 14px}
.line-steps h3{margin:0 0 8px;font-size:18.5px;line-height:1.55;color:#0d2452}
.line-steps .copy p{font-size:15px;line-height:1.85;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
/* 小さいスマホ（文字なしの絵） */
.mini-phone{position:relative;width:150px;aspect-ratio:9/16.5;padding:6px;background:#15161a;border-radius:24px;box-shadow:0 0 0 1px #5d6068,0 12px 26px rgba(13,36,82,.35)}
.mp-island{position:absolute;left:50%;top:10px;width:40px;height:10px;margin-left:-20px;border-radius:6px;background:#000;z-index:2}
.mp-screen{height:100%;border-radius:18px;overflow:hidden;background:#eef1f6;display:flex;flex-direction:column}
.sc-head{display:flex;align-items:center;gap:6px;padding:22px 8px 7px;background:#1d3d84}
.sc-head.is-green{background:#06c755}
.sc-av{width:16px;height:16px;border-radius:50%;background:#fff}
.sc-dot{width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 3px rgba(255,77,94,.3)}
.sc-tt{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.75)}
.sc-chat{display:flex;flex-direction:column;gap:6px;padding:9px 8px;background:#8cabd9}
.sc-b{display:block;height:12px;border-radius:7px;background:#fff;width:70%}
.sc-b.s{width:46%}.sc-b.r{align-self:flex-end;background:#06c755;width:50%}
.sc-movie{position:relative;height:56px;border-radius:8px;background:linear-gradient(135deg,#0d2452,#1d3d84 60%,#2a5bd0);width:86%}
.sc-play{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:rgba(255,255,255,.95)}
.sc-play:before{content:"";position:absolute;left:9px;top:6px;border-left:9px solid #c41a2b;border-top:6px solid transparent;border-bottom:6px solid transparent}
.sc-live{position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:5px;margin:8px;padding:6px;height:66px;background:#0d2452;border-radius:6px}
.sc-person{position:relative;display:block;border-radius:5px;background:#2a5bd0;overflow:hidden}
.sc-person:before{content:"";position:absolute;left:50%;top:22%;width:30%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#dfe7f6}
.sc-person:after{content:"";position:absolute;left:50%;bottom:-18%;width:64%;height:44%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#dfe7f6}
.sc-slide{display:block;border-radius:4px;background:repeating-linear-gradient(180deg,#dfe7f6 0 5px,transparent 5px 11px),#173a7a;background-clip:content-box;padding:8px 6px}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 8px 8px}
.sc-grid .sc-person{height:34px;background:#3d6cd6}
.sc-card{display:flex;justify-content:center;gap:18px;margin:10px 8px;padding:10px 6px;height:70px;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(13,36,82,.15)}
.sc-bars{display:flex;align-items:flex-end;gap:5px;height:100%}
.sc-bars i{display:block;width:16px;height:var(--h);background:#c9d2e3;border-radius:2px 2px 0 0}
.sc-bars i+i{background:linear-gradient(180deg,#2a5bd0,#0d2452)}
.sc-checks{display:grid;grid-template-columns:14px 1fr;gap:7px 7px;align-items:center;margin:2px 12px}
.sc-ck{position:relative;width:14px;height:14px;border-radius:3px;background:#2a5bd0}
.sc-ck:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sc-ln{display:block;height:6px;border-radius:3px;background:#c9d2e3}
.sc-ln.s{width:60%}
/* 運用環境のステップ：専用イラストを横幅いっぱいに */
html body .steps3 .st-item{padding:26px 14px 16px!important;text-align:center}
.st-ill{margin:0 0 10px}
.st-ill img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
html body .steps3 .st-item h3{font-size:17.5px;line-height:1.6;color:#0d2452!important;-webkit-text-fill-color:#0d2452!important}
/* 経歴：メダルの上に文字（中様LP01と同じ） */
.medals13{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 14px 4px}
.m13{position:relative;aspect-ratio:1;max-width:170px;margin:0 auto;width:100%}
.m13-img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(13,36,82,.35))}
.m13 p{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:baseline;text-align:center;line-height:1.1;color:#202025}
html body .m13 p b{font:700 46px/1 var(--serif);color:#202025!important;-webkit-text-fill-color:#202025!important}
html body .m13 p span{margin-left:2px;font-size:14px;font-weight:700;color:#202025!important}
html body .m13 p small{flex-basis:100%;margin-top:8px;font-size:11.5px;font-weight:700;color:#202025!important;-webkit-text-fill-color:#202025!important}
@media (max-width:359px){html body .m13 p b{font-size:38px}.mini-phone{width:130px}}
/* v14：設計・ポイントの箱の上部に写真（アイコン扱いにしない） */
.d-photo{margin:0;overflow:hidden}
.d-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
html body .design.has-photo .design-top{grid-template-columns:1fr!important;padding:14px 16px 10px!important}
html body .bt.has-photo{padding-top:0!important}
html body .bt.has-photo .d-photo{margin:0 -16px 12px}
html body .bt.has-photo .d-ic{position:static}

/* ===== 2026-11-14 ユーザー指示（NO-RECOLOR の後ろ） ===== */
/* 見出し写真の上の青い斜め線・上から下に流れる走査線は出さない */
html body .section:before{display:none!important}
html body .hv-photo .fx-scan{display:none!important;animation:none!important}
/* CTA上の吹き出し：ピカピカの金・文字は黒（白や淡色は混ぜず、中間の金→濃い金） */
/* 2026-11-14 再指示：白めのホワイトゴールド・薄め・ピカピカ（この吹き出しは本人指定で白寄りのメタリック可） */
html body .bubble.bubble.bubble.bubble{background:linear-gradient(180deg,#fffaea 0%,#f4e7c2 30%,#e2cd92 52%,#f1e2b6 72%,#d8c182 100%)!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #b89a52!important;box-shadow:inset 0 1px 0 #ffffff,inset 0 -2px 0 #c9ad6a,0 3px 0 #9c7f3c,0 8px 18px rgba(0,0,0,.4)!important;text-shadow:0 1px 0 rgba(255,255,255,.6)!important}
html body .bubble.bubble:after,html body .bubble.bubble::after{border-top-color:#d8c182!important}
/* ベネフィットの箱：方眼紙 */
html body .design.is-plain{border:1px solid #cfd8e8!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important}
html body .design.is-plain .design-top.design-top.design-top.design-top{background-color:#fbfcff!important;background-image:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)),linear-gradient(rgba(23,58,122,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(23,58,122,.16) 1px,transparent 1px),linear-gradient(rgba(23,58,122,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,58,122,.07) 1px,transparent 1px)!important;background-size:auto,70px 70px,70px 70px,14px 14px,14px 14px!important;background-position:0 0,-1px -1px,-1px -1px,-1px -1px,-1px -1px!important;border-bottom:0!important}
html body .design.is-plain .d-ic .ic-img{mix-blend-mode:multiply}
/* 白い箱の上部（アイコンの横）の見出しが白文字で消えていた → 濃紺の文字に */
html body .design .design-top.design-top.design-top :is(h3,h3 span,h3 small,h3 strong,.d-en,.micro){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-shadow:none!important}
/* 番号の帯（01〜03・Q1〜Q3）：数字は白、帯の右端（白い箱との境）から離して左寄りに置く */
html body .manual-list li.manual-list-li:before,html body .manual-list.manual-list li:before,html body .q-list.q-list li:before{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important;place-items:center start!important;justify-items:start!important;padding:0 0 0 12px!important;letter-spacing:0!important}
/* 締め「5日間限定。」を大きく、下の見出しとの余白を詰める */
html body .closing-visual.closing-visual h2 small{display:table!important;margin:0 auto 10px!important;font-size:30px!important;line-height:1.3!important;padding:.08em .45em!important}
html body .closing-visual.closing-visual h2 small+br{display:none!important}
@media(min-width:1100px){html body .closing-visual.closing-visual h2 small{font-size:34px!important}}
/* 2026-11-14 実績の色分け：バックテスト＝ピンク、デモ口座＝緑（グラデは中間色→暗い色のみ） */
html body .record.is-bt{--rc-mid:#c2306a;--rc-deep:#6e123a;--rc-acc:#ff6fa5}
html body .record.is-demo{--rc-mid:#1d9a68;--rc-deep:#0a5236;--rc-acc:#3ddc97}
html body .record:is(.is-bt,.is-demo){border-color:var(--rc-mid)!important}
html body .record:is(.is-bt,.is-demo) .record-kind.record-kind{background:var(--rc-mid)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--rc-deep)!important}
html body .record:is(.is-bt,.is-demo) .record-top.record-top h3{background:linear-gradient(135deg,var(--rc-mid),var(--rc-deep))!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .record:is(.is-bt,.is-demo) .record-top.record-top :is(strong,strong span,strong small){color:var(--rc-acc)!important;-webkit-text-fill-color:var(--rc-acc)!important;background:none!important}
html body .record:is(.is-bt,.is-demo) .bar-track.bar-track i{background:linear-gradient(90deg,var(--rc-deep),var(--rc-mid))!important;box-shadow:none!important}
html body .record:is(.is-bt,.is-demo) .comparison-bars>div:last-child b,html body .record:is(.is-bt,.is-demo) .yr b{color:var(--rc-acc)!important;-webkit-text-fill-color:var(--rc-acc)!important}
html body .record:is(.is-bt,.is-demo) .tl{border-color:var(--rc-mid)!important}
html body .record:is(.is-bt,.is-demo) .tl-bar.tl-bar i{background:linear-gradient(90deg,var(--rc-deep),var(--rc-mid))!important}
html body .record:is(.is-bt,.is-demo) .tl-bar.tl-bar i:after{background:var(--rc-acc)!important;box-shadow:0 0 0 3px rgba(0,0,0,.35)!important}
html body .record:is(.is-bt,.is-demo) .tl-bar.tl-bar i:before{background:var(--rc-deep)!important;box-shadow:0 0 0 3px rgba(0,0,0,.35)!important}
html body .record:is(.is-bt,.is-demo) .g-fg{stroke:var(--rc-acc)!important}
html body .record:is(.is-bt,.is-demo) .stat-tiles>div{border-top-color:var(--rc-mid)!important}
/* 2026-11-14 VSLのFVは支給の文字入り画像1枚（文字は画像内。読み上げ・照合用に h1 は隠して残す） */
html body .hero.fv-img{padding:0!important;margin:0!important;background:#07102a!important;min-height:0!important}
html body .hero.fv-img:before,html body .hero.fv-img:after{display:none!important}
html body .fv-img-main{display:block;width:100%;height:auto}
.vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
/* PC左のレールもFVの画像に（2026-11-14） */
html body .rail-fvimg{display:flex;justify-content:center;margin:0 0 6px!important}
html body .rail-fvimg img{display:block;width:auto;max-width:100%;max-height:calc(100vh - 190px);height:auto;box-shadow:0 12px 30px rgba(0,0,0,.6)}
html body .design.is-plain .d-ic .ic-img{filter:contrast(1.18) saturate(1.5)}
/* スマホ型の記録（FV下）も同じ色分け */
html body .pr-card.is-bt{--rc-mid:#c2306a;--rc-deep:#6e123a;--rc-acc:#ff6fa5}
html body .pr-card.is-demo{--rc-mid:#1d9a68;--rc-deep:#0a5236;--rc-acc:#3ddc97}
html body .pr-card:is(.is-bt,.is-demo){border-left-color:var(--rc-mid)!important}
html body .pr-card:is(.is-bt,.is-demo) .pr-top.pr-top>span{background:var(--rc-mid)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--rc-deep)!important}
html body .pr-card:is(.is-bt,.is-demo) .pr-num.pr-num,html body .pr-card:is(.is-bt,.is-demo) .pr-num.pr-num :is(span,small),html body .pr-card:is(.is-bt,.is-demo) .pr-bars .is-end b{color:var(--rc-acc)!important;-webkit-text-fill-color:var(--rc-acc)!important;background:none!important}
html body .pr-card:is(.is-bt,.is-demo) .pr-bars.pr-bars i{background:linear-gradient(90deg,var(--rc-deep),var(--rc-mid))!important;box-shadow:none!important}
/* OPTの「5日間限定公開」の札も吹き出しと同じホワイトゴールドに（VSL基準で統一） */
html body .fv10-pop.fv10-pop span{background:linear-gradient(180deg,#fffaea 0%,#f4e7c2 30%,#e2cd92 52%,#f1e2b6 72%,#d8c182 100%)!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #b89a52!important;box-shadow:inset 0 1px 0 #ffffff,inset 0 -2px 0 #c9ad6a,0 3px 0 #9c7f3c,0 8px 18px rgba(0,0,0,.4)!important;text-shadow:0 1px 0 rgba(255,255,255,.6)!important}
html body .fv10-pop.fv10-pop span:after,html body .fv10-pop.fv10-pop:after{border-top-color:#d8c182!important}
/* 運営者の左：人物のアイコン（AI生成イラスト・2026-11-14 ユーザー指示） */
html body .op-av.op-av{width:96px!important;height:96px!important;border-radius:50%!important;overflow:hidden;background:#eef2f9!important;box-shadow:0 0 0 3px #fff,0 0 0 4px #c9d3e6,0 6px 14px rgba(13,36,82,.18)!important}
html body .op-av .op-img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 30%}
/* 運営者アイコン：塗りつぶしのシルエット、文字と重ならないよう列幅を確保（2026-11-14 再指示） */
html body .op-row.op-row{grid-template-columns:88px 1fr!important;gap:18px!important}
html body .op-av.op-av{width:88px!important;height:88px!important;border-radius:50%!important;overflow:hidden;background:#eef2f9!important;box-shadow:0 0 0 3px #fff,0 0 0 4px #c9d3e6,0 6px 14px rgba(13,36,82,.18)!important}
html body .op-av svg{display:block;width:100%;height:100%}
@media(max-width:359px){html body .op-row.op-row{grid-template-columns:72px 1fr!important;gap:14px!important}html body .op-av.op-av{width:72px!important;height:72px!important}}
/* 古いブラウザ（aspect-ratio 非対応 = .no-ar）でメダルの高さが0になる → 正方形を padding で確保 */
html.no-ar body .m13{aspect-ratio:auto;height:0;padding-bottom:100%}
@media (max-width:420px){html.no-ar body .m13{padding-bottom:min(100%,170px)}}