/* ===== 初回来訪トップ（2026-10-16）— 止め絵のみ ===== */
/* まなぶことば（2択のセグメント） */
.lp1{display:inline-flex;align-items:center;gap:10px}
.lpl{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--ink-2);white-space:nowrap}
.lpl svg{width:16px;height:16px;color:var(--accent)}
.seg1{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:rgba(5,12,32,.7);border:1.5px solid var(--tile-line)}
.sg1{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border-radius:10px;color:var(--ink-2);white-space:nowrap}
.sg1 b{font-size:14px;font-weight:900}
.sg1 small{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--ink-3)}
.sg1 small svg{width:10px;height:10px}
.sg1.on{background:rgba(63,224,232,.16);box-shadow:inset 0 0 0 2px var(--accent),0 0 14px rgba(63,224,232,.35);color:#fff}
.sg1.on small{color:#9FE6EC}
.fr1{font-size:12px;font-weight:700;color:var(--ink-3);white-space:nowrap}
/* 安心のひとこと */
.rs1{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.rs1 svg{width:16px;height:16px;color:#FFC857}
.rs1 i{font-style:normal;opacity:.5}
.rs1 b{color:#FFC857;font-weight:900}
/* ---- 案A ---- */
.fv-a.d .dlg9.ta9.fa1{height:232px;left:150px;right:150px}
.fa1 .pg{gap:12px;padding:18px 24px 16px}
.fv-a.d .fa1 .tacts{grid-template-columns:1fr 200px 160px}
.fv .pip1 i.n{position:relative}
.fv-a.m .chara,.fv-a.m .cb,.fv-a.m .mk{translate:0 -54px}
.fv.m .lp1.m1{display:flex;justify-content:space-between}
.fv.m .lp1.m1 .seg1{flex:1}
.fv.m .lp1.m1 .sg1{flex:1;padding:6px 6px}
.fv.m .lp1 .lpl{display:none}
.fv.m .fr1{font-size:11px}
.fv.m .rs1{font-size:11px;gap:5px}
.fv.m .rs1 svg{width:14px;height:14px}
.fv.m .pl9 b{font-size:15px}
/* ---- 案B ---- */
.fv-b .logo9.ta{top:26px;gap:14px}
.fv-b.d .logo9 img{height:66px}.fv-b.d .logo9 b{font-size:44px}.fv-b.d .logo9 .tg{font-size:14px}
.fv-b.d .chara,.fv-b.d .cb,.fv-b.d .mk{translate:0 -92px}
.fv-b.d .dlg9.ta9.fb1{height:300px;left:110px;right:110px;bottom:20px}
.fb1 .pg{gap:12px;padding:18px 22px 16px}
.fbg{display:grid;grid-template-columns:1fr 330px;gap:18px;flex:1;min-height:0}
.fbl,.fbr{display:flex;flex-direction:column;gap:10px;min-width:0}
.fbr .lp1.v1{flex-direction:column;align-items:stretch;gap:6px}
.fbr .seg1{display:grid;grid-template-columns:1fr 1fr}
.fbr .btn.pri9{flex:1}
.fbr .row2 .btn.sec{height:44px;font-size:14px}
.st1{display:flex;align-items:center;gap:6px}
.sp1{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--tile);border:1.5px solid var(--tile-line)}
.sp1 i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#FFC857;color:#2A1A00;font:900 12px/1 "Nunito",sans-serif;font-style:normal}
.sp1 .ic{display:grid;place-items:center;width:30px;height:20px;border-radius:999px;background:#fff;color:#16879A}
.sp1 .ic svg{width:60%;height:auto;fill:currentColor;color:#16879A}
.sp1 b{font-size:13px;font-weight:800;white-space:nowrap}
.ar1 svg{width:14px;height:14px;color:var(--ink-3)}
.dm1{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px 16px 12px;border-radius:14px;background:rgba(5,12,32,.62);border:1.5px solid rgba(63,224,232,.45)}
.yt1{position:absolute;top:-9px;left:14px;font:900 10px/1 "Nunito",sans-serif;letter-spacing:.2em;color:#04223A;background:var(--accent);padding:4px 8px;border-radius:5px}
.dq{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.dq b{font:900 24px/1.2 "Zen Maru Gothic","Noto Sans TC",sans-serif;color:#fff}
.dq b[lang^=zh]{font-family:"Noto Sans TC",sans-serif}
.dq .rd{font:800 14px/1 "Nunito",sans-serif;color:#9FE6EC}
.dq .tr{font-size:12px;font-weight:500;color:var(--ink-3)}
.in1{display:flex;align-items:center;height:38px;padding:0 12px;border-radius:10px;background:rgba(0,0,0,.35);border:1.5px solid var(--tile-line);font:800 17px/1 "Nunito",sans-serif}
.in1 .ok{color:var(--accent);white-space:pre}
.in1 .cr{width:2px;height:20px;background:#fff;margin:0 1px;box-shadow:0 0 6px #fff}
.in1 .ghost{color:rgba(159,230,236,.32)}
.fv-b.m .logo9.ta{top:44px}
.fv-b.m .logo9 img{height:48px}.fv-b.m .logo9 b{font-size:32px}.fv-b.m .logo9 .tg{font-size:12px}
.fv-b.m .chara,.fv-b.m .cb,.fv-b.m .mk{translate:0 -150px;scale:.86}
.fv-b.m .ta9 .pg{gap:8px;padding:14px 12px 12px}
.fv-b.m .st1{gap:3px;justify-content:space-between}
.fv-b.m .sp1{padding:4px 8px 4px 4px;gap:4px}
.fv-b.m .sp1 .ic{display:none}
.fv-b.m .sp1 b{font-size:11px}
.fv-b.m .ar1 svg{width:10px}
.fv-b.m .dm1{padding:12px 12px 10px;gap:6px;flex:none}
.fv-b.m .dq b{font-size:20px}
.fv-b.m .dq{gap:8px}
.fv-b.m .in1{height:32px;font-size:15px}
.fv-b.m .btn.pri9{height:62px}
/* ---- 案C ---- */
.fv-c .world{filter:blur(5px) brightness(.55) saturate(1.1)}
.fv-c .logo9.c1{top:22px}
.fv-c.d .logo9.c1 img{height:54px}.fv-c.d .logo9.c1 b{font-size:36px}.fv-c.d .logo9.c1 .tg{font-size:13px}
.rpanel.cc1{z-index:12}
.d .rpanel.cc1{left:50%;transform:translateX(-50%);width:720px;top:150px;bottom:24px;right:auto}
.cc1 .pg{gap:12px;padding:22px 28px 20px}
.ch1{display:flex;align-items:baseline;gap:12px}
.ch1 b{font-size:22px;font-weight:900}
.ch1 span{margin-left:auto;font-size:12px;font-weight:700;color:var(--ink-3)}
.q1{display:flex;align-items:center;gap:8px;margin-top:2px}
.q1 .qn{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#FFC857;color:#2A1A00;font:900 13px/1 "Nunito",sans-serif}
.q1 b{font-size:14px;font-weight:800;color:var(--ink-2)}
.lcs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lc1{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--tile);border:1.5px solid var(--tile-line)}
.lc1 .hd{display:flex;align-items:baseline;gap:8px}
.lc1 .hd b{font-size:17px;font-weight:900}
.lc1 .hd small{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--ink-3)}
.lc1 .hd small svg{width:10px;height:10px}
.lc1 .ck{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--accent);display:grid;place-items:center}
.lc1 .ck svg{width:14px;height:14px;fill:#04223A;color:#04223A}
.lc1 .ex{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:10px;background:rgba(5,12,32,.55)}
.lc1 .ex b{font:900 19px/1.2 "Zen Maru Gothic","Noto Sans TC",sans-serif;color:#fff}
.lc1 .ex b[lang^=zh]{font-family:"Noto Sans TC",sans-serif}
.lc1 .ex small{font:800 12px/1 "Nunito",sans-serif;color:#9FE6EC}
.lc1.on{border:2px solid var(--accent);background:rgba(63,224,232,.1);box-shadow:0 0 22px rgba(63,224,232,.25)}
.cc1 .sw9 .th{height:70px}
.cc1 .btn.pri9{margin-top:auto;height:74px}
.fv-c.m .logo9.c1{top:40px}
.fv-c.m .logo9.c1 img{height:40px}.fv-c.m .logo9.c1 b{font-size:28px}.fv-c.m .logo9.c1 .tg{display:none}
.fv-c.m .logo9.c1{flex-direction:row;justify-content:center}
.m .rpanel.cc1{left:8px;right:8px;width:auto;top:120px;bottom:8px}
.fv-c.m .cc1 .pg{gap:9px;padding:16px 14px 14px}
.fv-c.m .ch1{flex-direction:column;gap:3px;align-items:flex-start}.fv-c.m .ch1 span{margin-left:0;font-size:11px}
.fv-c.m .ch1 b{font-size:19px}
.fv-c.m .lcs{grid-template-columns:1fr;gap:8px}
.fv-c.m .lc1{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px}
.fv-c.m .lc1 .hd{flex-direction:column;gap:2px}
.fv-c.m .lc1 .hd b{font-size:15px}
.fv-c.m .lc1 .ck{position:static;flex:none;width:22px;height:22px}
.fv-c.m .lc1 .ex{flex:1;padding:6px 10px}
.fv-c.m .lc1 .ex b{font-size:16px}.fv-c.m .lc1 .ex small{font-size:10.5px}
.fv-c.m .cc1 .sws{gap:6px}.fv-c.m .cc1 .sw9{padding:5px}.fv-c.m .cc1 .sw9 .th{height:44px}.fv-c.m .cc1 .sw9 b{font-size:11.5px}
.fv-c.m .cc1 .btn.pri9{height:64px}
/* --- 確認1回目の調整 --- */
.sg1 small em,.lc1 .hd small em{font-style:normal;opacity:.8}
/* B: スマホはロゴを左上の小さな札に（吹き出しとロゴが重なったため） */
.fv-b.m .logo9.ta{top:10px;left:10px;width:auto;transform:none;flex-direction:row;gap:8px}
.fv-b.m .logo9 img{height:30px}.fv-b.m .logo9 b{font-size:22px}.fv-b.m .logo9 .tg{display:none}
.fv-b.m .chara,.fv-b.m .cb,.fv-b.m .mk{translate:0 -168px;scale:.84}
/* B: 見本のひとことを大きく */
.fv-b.d .dm1{gap:12px;padding:18px 20px 16px}
.fv-b.d .dq b{font-size:30px}
.fv-b.d .dq .rd{font-size:16px}
.fv-b.d .in1{height:44px;font-size:19px}
/* C: カードは中身の高さに、空きを作らない */
.d .rpanel.cc1{top:132px;bottom:auto}
.fv-c.d .cc1 .pg{height:auto;gap:14px}
.fv-c.d .cc1 .sw9 .th{height:104px}
.fv-c.d .lc1 .ex{padding:10px 14px}.fv-c.d .lc1 .ex b{font-size:22px}
.fv-c.d .cc1 .btn.pri9{margin-top:8px}
.m .rpanel.cc1{top:104px;bottom:auto}
.fv-c.m .cc1 .pg{height:auto}
.fv-c.m .lc1{flex-direction:column;align-items:stretch;gap:8px;padding:12px}
.fv-c.m .lc1 .hd{flex-direction:row;align-items:baseline;gap:8px}
.fv-c.m .lc1 .ck{position:absolute;right:10px;top:10px}
.fv-c.m .cc1 .sw9 .th{height:64px}
.fv-c.m .cc1 .btn.pri9{margin-top:6px}
.fv-c.m .logo9.c1{top:46px}