/* おしえる君LP（shinjin.html）のページ内CSSをそのまま写した部品（.ae-* .os-* .cx-* .kz-*）2026-10-06 光琳 */
/* おしえる君用に足した部品だけ（ほかは手本＝会議撮るぞー君LP・サロトラLPの部品をそのまま使う）2026-09-29 光琳 */
.os-phone{box-sizing:border-box;width:min(300px,86%);background:#0f172a;border-radius:30px;padding:12px 10px 16px;box-shadow:0 18px 50px rgba(15,23,42,.28);margin:0 auto;position:relative}
.os-phone-cam{display:block;width:48px;height:5px;border-radius:5px;background:#334155;margin:2px auto 10px}
.os-phone-screen{background:#fff;border-radius:18px;overflow:hidden}
.os-video{aspect-ratio:16/9;background:var(--st-screen);display:flex;align-items:center;justify-content:center;position:relative}
.os-video:after{content:"";width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px;opacity:.95}
.os-video-play{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.75)}
.os-pbody{padding:12px 14px 14px}
.os-ptag{display:inline-block;font-size:10.5px;font-weight:800;color:var(--ad-orange-ink);background:var(--rc-primary-tint);border-radius:999px;padding:2px 8px}
.os-ptitle{font-size:14px;font-weight:800;color:var(--ad-ink);margin:6px 0 8px;line-height:1.45}
.os-bar{height:8px;border-radius:8px;background:#e2e8f0;position:relative;overflow:hidden}
.os-bar i{position:absolute;inset:0 auto 0 0;width:62%;background:var(--st-grad);border-radius:8px}
.os-bar b{position:absolute;top:0;bottom:0;left:90%;width:2px;background:var(--ad-ink);opacity:.55}
.os-pmeta{display:flex;justify-content:space-between;font-size:11px;color:var(--ad-muted);margin-top:6px}
.os-pnote{font-size:11px;color:var(--ad-muted);margin-top:8px;line-height:1.6;background:#f8fafc;border-radius:8px;padding:6px 8px}
.os-phone-wrap{margin-top:24px}
.os-cap{text-align:center;font-size:12px;color:var(--ad-muted,#64748b);margin-top:10px}
@media (min-width:1024px){.os-phone-wrap .os-phone{margin:0}.os-phone-wrap .os-cap{text-align:left}}
.ad-hero-stage{align-items:flex-start}
.os-admin{background:#fff;border:1px solid var(--ad-line);border-radius:16px;box-shadow:var(--rc-shadow);overflow:hidden}
.os-admin-bar{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:8px 12px;font-size:11.5px;color:var(--ad-muted)}
.os-admin-bar i{width:9px;height:9px;border-radius:50%;background:#cbd5e1;display:inline-block}
.os-admin-bar span{margin-left:6px}
.os-admin-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.os-admin table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.os-admin th,.os-admin td{border-bottom:1px solid var(--ad-line);padding:10px 12px;text-align:left;white-space:nowrap}
.os-admin thead th{font-size:12px;color:var(--ad-muted);font-weight:800;background:#fbfdfd}
.os-admin td.ok{color:var(--ad-orange-ink);font-weight:800}
.os-admin td.mid{color:#9a4a08;font-weight:800}
.os-admin td.no{color:#94a3b8;font-weight:800}
.os-admin tfoot td{font-size:12.5px;color:var(--ad-muted);background:#fbfdfd}
.os-admin tfoot b{color:var(--ad-ink)}
.os-cmp{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.os-cmp th,.os-cmp td{border-bottom:1px solid var(--ad-line);padding:11px 12px;text-align:left;vertical-align:top;line-height:1.6}
.os-cmp thead th{background:var(--ad-ink);color:#fff;font-size:13px}
.os-cmp thead th.us{background:var(--st-cta,var(--rc-primary))}
.os-cmp td.us{background:var(--rc-primary-tint);font-weight:800;color:var(--ad-orange-ink)}
.os-cmp th[scope=row]{font-weight:800;white-space:nowrap}
.os-cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--ad-line)}
.os-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.os-stat{background:#fff;border:1px solid var(--ad-line);border-top:4px solid var(--rc-primary);border-radius:14px;padding:16px 18px}
.os-stat b{display:block;font-size:30px;font-weight:900;letter-spacing:-.01em;background:var(--st-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.os-stat p{font-size:13.5px;color:var(--ad-muted);line-height:1.7;margin-top:4px}
.os-ind{margin-top:22px;background:#fff;border:1px solid var(--ad-line);border-radius:14px;padding:14px 16px}
.os-ind ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}
.os-ind li{font-size:12.5px;border:1px solid var(--ad-line-strong);border-radius:999px;padding:3px 10px;color:var(--ad-text);background:var(--ad-bg)}
.os-ind p{font-size:14px;font-weight:800;color:var(--ad-ink)}
.os-diff{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.os-diff>div{background:#fff;border:1px solid var(--ad-line);border-radius:14px;padding:14px 16px}
.os-diff .k{font-size:12.5px;font-weight:800;color:var(--ad-muted)}
.os-diff .v{font-size:15px;color:var(--ad-ink);line-height:1.7;margin-top:4px}
.os-diff .v b{color:var(--ad-orange-ink)}
.os-form-row{margin-bottom:10px}
.os-form-row label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.os-sent{display:none;margin-top:10px;background:var(--rc-primary-tint);border:1px dashed var(--rc-primary);color:var(--ad-orange-ink);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.7}
.os-sent.on{display:block}
.os-pains4 .ad-pain h3{margin:0}
.os-note-box{margin-top:14px;background:var(--st-key-bg);color:var(--st-key-ink);border-radius:12px;padding:12px 14px;line-height:1.8;font-size:14.5px}
.sa p,.sa li,.sa h1,.sa h2,.sa h3,.sa td,.sa th,.sa summary,.sa span,.sa b{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:640px){.os-cmp{font-size:12.5px}.os-cmp th,.os-cmp td{padding:9px 8px}.os-cmp th[scope=row]{white-space:normal}.os-stats,.os-diff{grid-template-columns:1fr}.os-stat b{font-size:26px}}
@media (max-width:1023px){#how .ad-band-grid{grid-template-columns:minmax(0,1fr)}#how .ad-stage-col,#how .ad-stage{min-width:0;max-width:100%}}
@media (max-width:640px){.os-admin table{min-width:0;font-size:12px}.os-admin th,.os-admin td{padding:8px 6px}}
@media (min-width:768px){.os-pains4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.os-pains4 .ad-pain h3 span{display:block}
.os-note-box{text-align:center}
.os-diff .v,.ad-tl-steps span,.ad-plan li{text-wrap:pretty}
.ad-signup .ad-promise li{font-size:12.5px}
@media (max-width:640px){.ad-sim-table{font-size:12.5px}.ad-sim-table th{padding-left:6px;font-size:11.5px}.ad-sim-table th small{display:block;font-weight:400}.ad-sim-table td{padding-left:6px}.ad-sim-table tfoot tr.money td{font-size:13.5px}.ad-sim-table tfoot tr.money td:first-child{font-size:12px;padding-left:8px}.ad-sim-table tfoot tr.money td:last-child{padding-right:8px}}
#how .ad-h2{margin-bottom:14px}
.ad-lead,.ad-day-col li,.ad-pains-close{text-wrap:pretty}
html[data-theme="tide"] .ad-day-arrow{color:#8fcfd6}
.os-stat p{text-wrap:pretty}
.os-tb-h{font-size:15px;font-weight:800;color:var(--ad-ink);margin:22px 0 10px}
.os-cmp-wide{min-width:880px}
.os-cmp-wide thead th a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ad-line-strong)}
.os-cmp-wide thead th small{display:block;font-size:11.5px;font-weight:500;opacity:.8;margin-top:2px}
.os-cmp-wide thead th{vertical-align:bottom}
.os-cmp-wide th[scope=row]{position:sticky;left:0;z-index:1;background:#fff;min-width:9.5rem}
.os-cmp-wide td.mk{text-align:center;font-size:16px}
.os-cmp-wide thead th:first-child{position:sticky;left:0;z-index:2}
.os-cmp-notes{margin:14px 0 0;padding:0;list-style:none;font-size:12.5px;line-height:1.75;color:var(--ad-muted)}
@media (max-width:640px){.os-cmp-wide th[scope=row]{min-width:7.2rem;white-space:normal}}
.os-cmp-wide thead th a{display:inline-flex;align-items:center;min-height:40px;padding:4px 0}
.os-cmp-wide{table-layout:fixed;min-width:980px}
.os-cmp-wide td,.os-cmp-wide th{overflow-wrap:normal}
.os-swipe{display:none;font-size:12px;color:var(--ad-muted);margin:-4px 0 8px}
@media (max-width:1023px){.os-swipe{display:block}}
.os-cmp-wide th[scope=row]{word-break:keep-all}
.os-time{margin-top:10px;padding-top:10px;border-top:1px dashed var(--ad-line-strong);font-size:20px;font-weight:900;color:var(--ad-ink)}
.ad-day-col.after .os-time{color:var(--ad-orange-ink)}
.os-time small{display:block;font-size:11.5px;font-weight:500;color:var(--ad-muted)}
.os-more{display:inline-flex;align-items:center;min-height:40px;font-size:12px;font-weight:700;color:var(--ad-orange-ink);text-decoration:underline;text-underline-offset:3px}
#autoedit .ad-eyebrow{color:var(--ad-orange-ink)}
.ae-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:8px}
.ae-card,.ae-stat{background:#fff;border:1px solid var(--ad-line);border-radius:18px;padding:22px 24px;text-align:center}
.ae-card.us{border:2px solid var(--rc-primary);background:var(--st-rec-bg);box-shadow:0 18px 40px -20px var(--st-glow)}
.ae-k{font-size:14px;font-weight:800;color:var(--ad-muted)}
.ae-n{font-size:22px;font-weight:800;color:var(--ad-ink);margin-top:4px;line-height:1.2}
.ae-n b{font-size:64px;font-weight:900;letter-spacing:-.02em;margin:0 4px}
.ae-card:not(.us) .ae-n b{color:#94a3b8}
.ae-card.us .ae-n b,.ae-stat .ae-n b{background:var(--st-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ae-s{font-size:12px;color:var(--ad-muted);margin-top:6px}
.ae-arrow{font-size:28px;color:var(--ad-line-strong)}
.ae-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.ae-stat.main{border:2px solid var(--rc-primary)}
.ae-more{margin-top:16px}
.ae-tb{font-size:13px;margin-bottom:10px}
.ae-tb tbody td{font-weight:600}
@media (max-width:640px){.ae-vs{grid-template-columns:1fr}.ae-arrow{transform:rotate(90deg);text-align:center}.ae-stats{grid-template-columns:1fr}.ae-n b{font-size:52px}.ae-card,.ae-stat{padding:16px}}
.cx-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin-top:18px}
.cx-panel{background:#fff;border:1px solid var(--ad-line);border-radius:18px;padding:18px 20px;min-width:0}
.cx-wide{margin-top:14px}
.cx-h{font-size:15px;font-weight:800;color:var(--ad-ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cx-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--st-grad);color:#fff;font-size:12px}
.cx-who{font-size:12px;font-weight:700;color:var(--ad-orange-ink);background:var(--rc-primary-tint);border-radius:999px;padding:2px 10px}
.cx-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cx-bars li{display:grid;grid-template-columns:1fr 34% 42px;align-items:center;gap:10px;font-size:13px;color:var(--ad-text)}
.cx-c small{display:block;font-size:11px;color:var(--ad-muted)}
.cx-bar{height:10px;border-radius:10px;background:#e8f1f3;position:relative;overflow:hidden}
.cx-bar i{position:absolute;inset:0 auto 0 0;background:var(--st-grad);border-radius:10px}
.cx-bars b{font-size:14px;color:var(--ad-ink);text-align:right}
.cx-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cx-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:460px}
.cx-tb th{font-size:11.5px;color:var(--ad-muted);font-weight:800;text-align:left;padding:0 8px 8px;border-bottom:1px solid var(--ad-line);white-space:nowrap}
.cx-tb td{padding:10px 8px;border-bottom:1px solid var(--ad-line);white-space:nowrap;color:var(--ad-text)}
.cx-tb td.ok{color:var(--ad-orange-ink);font-weight:800}.cx-tb td.mid{color:#9a4a08;font-weight:800}.cx-tb td.no{color:#94a3b8;font-weight:800}
.cx-foot{font-size:12px;color:var(--ad-muted);margin-top:10px}
@media (max-width:900px){.cx-grid{grid-template-columns:1fr}}
@media (max-width:640px){.cx-bars li{grid-template-columns:1fr 30% 38px;font-size:12.5px}.cx-panel{padding:14px}}
.cx-bars li{grid-template-columns:1fr 32% 52px}
.cx-bars b{white-space:nowrap}
@media (max-width:640px){
 #case .ae-stats{grid-template-columns:repeat(3,1fr);gap:8px}
 #case .ae-stat{padding:12px 6px}
 #case .ae-k{font-size:11px}
 #case .ae-n{font-size:13px}
 #case .ae-n b{font-size:34px;margin:0 1px}
 #case .ae-s{font-size:10px}
 .cx-bars li{grid-template-columns:1fr 28% 44px}
 .cx-tb{min-width:0;font-size:11.5px}
 .cx-tb th{font-size:10.5px;padding:0 4px 6px;white-space:normal}
 .cx-tb td{padding:8px 4px;white-space:normal;word-break:keep-all}
}
.cx-tb .sm{display:none}
.cx-tb td:not(:nth-child(2)){white-space:nowrap}
@media (max-width:640px){.cx-tb .lg{display:none}.cx-tb .sm{display:inline}.cx-tb th{white-space:nowrap}}
.kz-foot{display:flex;justify-content:center;padding:22px 16px 6px}.kz-open{background:#e0701a;color:#fff;border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-size:14px;min-height:44px;cursor:pointer;box-shadow:0 2px 6px #0002}
.kz-bg{position:fixed;inset:0;z-index:110;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.kz-bg[hidden]{display:none}
.kz-box{background:#fff;border-radius:16px;max-width:448px;width:100%;padding:24px;color:#232845}.kz-box h3{margin:0 0 4px;font-size:18px}.kz-sub{font-size:12px;color:#737373;margin:0 0 6px}
.kz-note{font-size:12px;color:#8a5a10;background:#fdf6ee;border:1px solid #e8d9c4;border-radius:8px;padding:8px 12px;margin:0 0 12px}
.kz-in{width:100%;border:1px solid #d4d4d4;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;margin-bottom:12px}
.kz-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.kz-cats button{border:1px solid #d4d4d4;background:#fff;color:#737373;border-radius:12px;min-height:44px;font-weight:700;font-size:13px}.kz-cats button.on{border-color:#e0701a;color:#e0701a;background:#fff7f0}
.kz-lb{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.kz-cnt{text-align:right;font-size:12px;color:#a1a1a1;margin:-8px 0 4px}.kz-err{color:#c0392b;font-size:13px;margin:0 0 8px;min-height:1em}
.kz-btns{display:flex;gap:8px}.kz-cancel,.kz-send{flex:1;min-height:44px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}.kz-cancel{border:1px solid #d4d4d4;background:#fff}.kz-send{border:0;background:#e0701a;color:#fff}.kz-full{width:100%;margin-top:12px}
/* 新人教育編：最初の1週間（光琳 2026-10-04・既存トークンのみ使用） */
.os-week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.os-week .ad-card{display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px}
.ad .os-week .os-week-day{display:inline-block;color:#fff!important;align-self:flex-start;margin:0 0 4px;padding:3px 12px;border-radius:999px;background:var(--st-grad);font-weight:700;font-size:13px;letter-spacing:.04em}
.os-week h3{margin:0;font-size:19px;font-weight:800;color:var(--ad-ink);line-height:1.4}
.os-week .ad-card>p:last-child{margin:0;color:var(--ad-muted);font-size:14.5px;line-height:1.7}
@media (max-width:900px){.os-week{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.os-week{grid-template-columns:minmax(0,1fr);gap:10px}.os-week .ad-card{padding:16px 18px}}
.os-trial-mark{display:inline-block;margin-left:6px;font-size:15px;font-weight:600;color:var(--ad-muted);vertical-align:middle;letter-spacing:0}
.ae-k .os-trial-mark{font-size:12px}
.rc-legal-note a{color:var(--rc-primary);text-decoration:underline}/* 2026-10-07 料金：3つの枠と中身の行を一体に（社長） */
.pz{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(3,1fr);margin-top:8px}
.pz>div{padding:12px 14px;font-size:14px;line-height:1.6;text-align:center;border-bottom:1px solid var(--ad-line)}
.pz .pz-l,.pz .pz-l0{text-align:left;font-weight:700;color:var(--ad-ink)}
.pz .pz-l0{border-bottom:0}
.pz .pz-c{background:#fff;border-left:1px solid var(--ad-line);border-right:1px solid var(--ad-line);margin:0 6px}
.pz .pz-h{padding:6px 0 4px}
.pz .pz-h h3{margin:6px 0 2px;font-size:20px}
.pz .pz-h .rc-btn{width:100%;margin-top:8px}
.pz>div.pz-col0,.pz>div.pz-col1,.pz>div.pz-col2{border-top:0}
.pz>div:nth-child(-n+4).pz-c{border-top:1px solid var(--ad-line);border-radius:18px 18px 0 0;padding-top:22px}
.pz .pz-c.pz-last{border-radius:0 0 18px 18px}
.pz .pz-c.rec{border-color:var(--hp-c2,#aa3355);border-left-width:2px;border-right-width:2px}
.pz>div:nth-child(2).rec{border-top:2px solid var(--hp-c2,#aa3355)}
.pz .pz-c.rec.pz-last{border-bottom:2px solid var(--hp-c2,#aa3355)}
.pz-sp{display:none}
@media (max-width:760px){.pz-pc{display:none}.pz-sp{display:grid;gap:16px;margin-top:8px}
 .pz-card{background:#fff;border:1px solid var(--ad-line);border-radius:18px;padding:20px 16px}
 .pz-card.rec{border:2px solid var(--hp-c2,#aa3355)}
 .pz-card .rc-btn{width:100%;margin-top:8px}
 .pz-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:14px 0 0;font-size:14px;text-align:left}
 .pz-card dt{font-weight:700;color:var(--ad-ink)}.pz-card dd{margin:0}}
.pz .pz-l0{border:0!important;background:transparent}
.pz .pz-h .rc-btn{white-space:nowrap;font-size:15px;padding-left:10px;padding-right:10px}
.pz>div:nth-child(-n+4).pz-c{border-top:1px solid var(--ad-line)}
.pz-h .ad-plan-tag{position:static!important;display:inline-block;transform:none!important;margin:0 0 4px}
/* 年契約：ボタン1つ→回数を選ぶ（2026-10-07 社長） */
.pz-pick{margin-top:8px;text-align:left}
.pz-pick>summary{list-style:none;cursor:pointer;width:100%}
.pz-pick>summary::-webkit-details-marker{display:none}
.pz-pick-list{margin-top:8px;border:1px solid var(--ad-line);border-radius:14px;padding:10px;background:#fff;display:grid;gap:6px}
.pz-pick-list p{margin:0;font-size:13px;font-weight:700;text-align:center}
.pz-pick-list .pz-pick-note{font-weight:400;color:#777;font-size:12px}
.pz-pick-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--ad-line);border-radius:10px;text-decoration:none;color:var(--ad-ink);font-size:14px}
.pz-pick-list a:hover{border-color:var(--hp-c2,#aa3355);background:#fdf6f8}
.pz-pick-list a span{font-size:13px;white-space:nowrap}
/* 2026-10-07 枠の上の線が切れて見える件：見出しの枠は上・左右をそろえて描く */
.pz>div.pz-c:nth-child(-n+4){border-top:1px solid var(--ad-line);border-top-left-radius:18px;border-top-right-radius:18px}
.pz>div.pz-c.rec:nth-child(-n+4){border-top:2px solid var(--hp-c2,#aa3355)}
.pz>div.pz-c.rec{border-left:2px solid var(--hp-c2,#aa3355);border-right:2px solid var(--hp-c2,#aa3355)}
.pz-card.rec{border:2px solid var(--hp-c2,#aa3355)}