/* 名古屋・愛知の生成AI研修（/nagoya-ai-training/）だけで読むファイル。手で書く。
   pages.css の .ph（ページ上部）・.sec・.btn の上に重ねる。文字は全体に大きめ */

.lpn{font-size:17px;line-height:1.95}
@media (min-width:1024px){.lpn{font-size:18px}}
.lpn .sec{padding:clamp(80px,10vw,140px) 0}
.lpn .sec-t{font-size:clamp(28px,3.6vw,50px);line-height:1.35;text-wrap:balance}
.lpn .kicker{font-size:13px}
.lpn .lead{font-size:clamp(17px,1.5vw,20px);line-height:1.9;color:var(--slate);max-width:40em;margin:24px 0 0}
.lpn .sec-ink .lead{color:#C9D3E3}
.lpn .hd-c{text-align:center}
.lpn .hd-c .lead{margin-left:auto;margin-right:auto}
.lpn .hd-c .kicker{justify-content:center}
.lpn .em{background:linear-gradient(transparent 62%,rgba(0,167,235,.22) 62%);padding:0 .1em}
.lpn .sec-ink .em{background:linear-gradient(transparent 62%,rgba(0,167,235,.35) 62%)}
.lpn .hot{color:var(--hot)}
.lpn .ai{color:var(--ai)}
.lpn .btn{font-size:16px;padding:17px 30px}
.lpn .btn-lg{font-size:17px;padding:20px 36px}
.lpn .nb{white-space:nowrap}
.lpn h2,.lpn h3,.lpn .catch{text-wrap:balance}

/* ---------- ページ上部（3案で共通の部品） ---------- */
.lpn .ph{padding:clamp(120px,14vw,170px) 0 clamp(64px,8vw,100px)}
.lpn .ph-t{font-size:clamp(34px,4.6vw,66px);line-height:1.3;max-width:none}
.lpn .ph-t small{display:block;font-size:.42em;font-weight:700;letter-spacing:.06em;color:var(--ai);margin-bottom:.5em}
.lpn .ph-lead{font-size:clamp(17px,1.5vw,20px);color:#C9D3E3;max-width:34em}
.lpn .ph-lead b{color:#fff}
@media (max-width:480px){.lpn .ph-t{font-size:clamp(28px,8.4vw,36px)}}
.facts{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.facts li{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:15px;font-weight:500;line-height:1.4}
.facts li i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ai)}
.facts li small{font-size:12px;color:var(--mist);font-weight:400}
.lpn .ph-jump{margin-top:36px;align-items:center}
.ph-2col{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,80px);align-items:center}
@media (max-width:960px){.ph-2col{grid-template-columns:1fr}}

/* A案：講師の写真と資格の札 */
.pf-card{position:relative;justify-self:center;width:min(100%,420px)}
.pf-card .ph-img{position:relative;aspect-ratio:698/900;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12)}
.pf-card .ph-img img{width:100%;height:100%;object-fit:cover;display:block}
.pf-card .ph-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,22,40,.85))}
.pf-card .nm{position:absolute;left:24px;bottom:22px;z-index:2;line-height:1.5}
.pf-card .nm small{display:block;font-size:12px;color:var(--mist)}
.pf-card .nm b{font-size:22px;letter-spacing:.08em}
.tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.96);color:var(--ink);font-weight:700;font-size:15px;line-height:1.35;box-shadow:0 20px 40px -16px rgba(0,0,0,.5);animation:float 6s ease-in-out infinite}
.tag small{display:block;font-size:11px;font-weight:500;color:var(--slate)}
.tag .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:16px;background:linear-gradient(135deg,var(--ai),var(--ai-deep))}
.tag.t2 .ic{background:linear-gradient(135deg,var(--hot),var(--hot-deep))}
.tag.t3 .ic{background:linear-gradient(135deg,#1C4E8A,var(--navy))}
.tag.t1{left:-36px;top:12%}
.tag.t2{right:-30px;top:44%;animation-delay:-2s}
.tag.t3{left:-20px;bottom:18%;animation-delay:-4s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:960px){.pf-card{width:min(100%,340px)}.tag.t1{left:-12px}.tag.t2{right:-12px}.tag.t3{left:-8px}}
@media (max-width:480px){.tag{font-size:13px;padding:9px 12px}.tag .ic{width:28px;height:28px;font-size:14px}}

/* B案：生成AIの画面が動く */
.demo{position:relative;border-radius:20px;background:linear-gradient(160deg,rgba(19,41,75,.92),rgba(10,22,40,.96));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px rgba(0,167,235,.55);overflow:hidden;font-size:15px}
.demo-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.demo-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.demo-tabs{margin-left:auto;display:flex;gap:6px}
.demo-tabs span{font-family:var(--en);font-size:12px;padding:4px 10px;border-radius:999px;color:var(--mist);border:1px solid transparent;transition:all .4s}
.demo-tabs span.on{color:#fff;border-color:rgba(0,167,235,.6);background:rgba(0,167,235,.16)}
.demo-body{padding:22px 22px 26px;min-height:340px}
.demo .q{margin-left:auto;max-width:88%;padding:14px 16px;border-radius:16px 16px 4px 16px;background:rgba(0,167,235,.16);border:1px solid rgba(0,167,235,.35);line-height:1.7;min-height:3.4em}
.demo .q::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--ai);animation:blink 1s steps(1) infinite}
.demo .q.done::after{display:none}
@keyframes blink{50%{opacity:0}}
.demo .a{margin-top:16px;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.demo .a.on{opacity:1;transform:none}
.demo .a small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ai);margin-bottom:8px}
.demo table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.demo th,.demo td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.demo th{color:var(--mist);font-weight:500;font-size:12px}
.demo tr{opacity:0;transition:opacity .5s}
.demo .a.on tr{opacity:1}
.demo .a.on tr:nth-child(2){transition-delay:.2s}.demo .a.on tr:nth-child(3){transition-delay:.4s}.demo .a.on tr:nth-child(4){transition-delay:.6s}
.demo-note{font-size:12px;color:var(--mist);margin:12px 0 0;text-align:right}

/* C案：問いかけを大きく */
.ph-c{text-align:center}
.ph-c .ph-in{max-width:980px;margin:0 auto}
.ph-c .kicker{justify-content:center}
.ph-c .ph-t{font-size:clamp(32px,5.4vw,76px)}
.ph-c .ph-lead{margin-left:auto;margin-right:auto}
.ph-c .facts,.ph-c .ph-jump{justify-content:center}
.ph-c .ans{display:inline-block;margin-top:28px;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,rgba(0,167,235,.18),rgba(234,84,19,.14));border:1px solid rgba(255,255,255,.16);font-size:clamp(17px,1.8vw,22px);font-weight:700}

/* ---------- 信頼の帯（数字と資格） ---------- */
.trust{background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.trust ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.trust li{padding:28px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.08);line-height:1.5}
.trust li:first-child{border-left:0}
.trust b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900}
.trust b .n{font-family:var(--en);font-size:1.3em;font-weight:600;color:var(--ai)}
.trust small{display:block;margin-top:6px;font-size:13px;color:var(--mist)}
@media (max-width:860px){.trust ul{grid-template-columns:1fr 1fr}.trust li:nth-child(3){border-left:0}.trust li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}}
@media (max-width:620px){.trust li{padding:22px 10px}.trust b{font-size:17px;word-break:keep-all}.trust small{font-size:12px}}

/* ---------- AI の名前が流れる帯 ---------- */
.mq{overflow:hidden;padding:22px 0;background:var(--white);border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq-in{display:flex;width:max-content;animation:mq 36s linear infinite}
.mq span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-family:var(--en);font-weight:600;font-size:clamp(22px,2.6vw,34px);color:var(--ink);white-space:nowrap}
.mq span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ai)}
.mq span:nth-child(3n+2)::after{background:var(--hot)}
.mq span em{font-style:normal;font-family:var(--jp);font-weight:500;font-size:.55em;color:var(--slate)}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- お悩み ---------- */
.pains{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pains li{display:flex;gap:16px;align-items:flex-start;padding:24px 26px;border-radius:18px;background:var(--white);border:1px solid var(--line);font-size:18px;font-weight:500;line-height:1.7}
.pains li::before{content:"";flex:none;width:26px;height:26px;margin-top:2px;border-radius:8px;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA5413' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat;border:1px solid var(--line)}
@media (max-width:760px){.pains{grid-template-columns:1fr}.pains li{font-size:17px;padding:20px}}
.answer{margin:56px auto 0;max-width:900px;text-align:center}
.answer .arrow{display:block;width:2px;height:56px;margin:0 auto 28px;background:linear-gradient(var(--line),var(--ai-deep))}
.answer p{margin:0;font-size:clamp(22px,2.6vw,36px);font-weight:900;line-height:1.5;text-wrap:balance}
.answer p + p{margin-top:18px;font-size:clamp(16px,1.4vw,19px);font-weight:400;color:var(--slate);line-height:1.9;text-wrap:pretty}

/* ---------- 講師 ---------- */
.pro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,96px);align-items:center}
@media (max-width:900px){.pro{grid-template-columns:1fr}}
.pro-ph{position:relative;max-width:440px}
.pro-ph img{display:block;width:100%;aspect-ratio:698/900;object-fit:cover;border-radius:24px}
.pro-ph::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:24px;border:1px solid rgba(0,167,235,.5);z-index:-1}
.pro-ph .badge{position:absolute;right:-14px;bottom:28px;padding:14px 20px;border-radius:16px;background:var(--hot);color:#fff;font-weight:900;font-size:16px;line-height:1.4;box-shadow:0 20px 40px -14px rgba(234,84,19,.7)}
.pro-ph .badge small{display:block;font-weight:500;font-size:12px;opacity:.9}
@media (max-width:620px){.pro-ph img{height:auto;aspect-ratio:1/1;object-position:50% 18%}.pro-ph .badge{right:-6px}}
.pro h2{margin:16px 0 0}
.pro .nm{margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.pro .nm b{font-size:28px;letter-spacing:.1em}
.pro .nm span{font-size:15px;color:var(--mist)}
.creds{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.creds li{padding:9px 16px;border-radius:10px;font-size:15px;font-weight:700;line-height:1.4;background:rgba(0,167,235,.12);border:1px solid rgba(0,167,235,.4);color:#fff}
.creds li.h{background:rgba(234,84,19,.16);border-color:rgba(234,84,19,.55)}
.pro p{margin:22px 0 0;color:#C9D3E3}
.pro-pts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.pro-pts li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);line-height:1.7}
.pro-pts li i{font-style:normal;font-family:var(--en);font-weight:300;font-size:30px;line-height:1;color:var(--ai)}
.pro-pts li b{display:block;font-size:18px;color:#fff}
.pro-pts li span{font-size:15px;color:var(--mist)}
.hist{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--mist)}
.hist b{font-family:var(--en);color:#fff;margin-right:8px}

/* ---------- できるようになる仕事 ---------- */
.jobs{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.job{position:relative;padding:32px 28px 30px;border-radius:20px;background:var(--white);border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;transform-style:preserve-3d}
.job:hover{border-color:rgba(0,167,235,.5);box-shadow:0 30px 60px -30px rgba(10,22,40,.3)}
.job .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ai),var(--ai-deep));color:#fff}
.job .ic svg{width:28px;height:28px}
.job:nth-child(3n+2) .ic{background:linear-gradient(135deg,#1C4E8A,var(--navy))}
.job:nth-child(3n) .ic{background:linear-gradient(135deg,var(--hot),var(--hot-deep))}
.job h3{font-size:21px;line-height:1.5;margin:20px 0 10px}
.job p{margin:0;font-size:16px;color:var(--slate);line-height:1.85}
.job .ex{display:block;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);font-size:14px;color:var(--ai-deep);line-height:1.7}
@media (max-width:960px){.jobs{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.jobs{grid-template-columns:1fr}}

/* ---------- 選べる生成AI ---------- */
.ais{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.aic{position:relative;padding:34px 28px;border-radius:22px;background:linear-gradient(160deg,rgba(19,41,75,.9),rgba(10,22,40,.9));border:1px solid rgba(255,255,255,.1);overflow:hidden;isolation:isolate}
.aic::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(0,167,235,.22),transparent 60%);opacity:0;transition:opacity .4s}
.aic:hover::before{opacity:1}
.aic .nm{font-family:var(--en);font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.1}
.aic .by{display:block;margin-top:6px;font-size:13px;color:var(--mist)}
.aic p{margin:20px 0 0;font-size:16px;color:#C9D3E3;line-height:1.85}
.aic .c{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--mist);line-height:1.7}
.aic .c b{color:#fff;font-weight:500}
@media (max-width:900px){.ais{grid-template-columns:1fr}}
.ai-note{margin:28px 0 0;font-size:15px;color:var(--mist);text-align:center}

/* ---------- 選ばれる理由（3つ） ---------- */
.why{margin-top:56px;display:grid;gap:20px}
.why-i{display:grid;grid-template-columns:120px 1fr 1.1fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(28px,3.4vw,44px);border-radius:24px;background:var(--white);border:1px solid var(--line);position:relative;overflow:hidden}
.why-i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--ai),var(--hot));transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease) .3s}
.why-i.in::after{transform:scaleY(1)}
.why-i .no{font-family:var(--en);font-weight:200;font-size:88px;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--ai-deep)}
.why-i h3{margin:0;font-size:clamp(21px,2.1vw,28px);line-height:1.5}
.why-i p{margin:0;font-size:16px;color:var(--slate);line-height:1.9}
@media (max-width:900px){.why-i{grid-template-columns:1fr;gap:12px}.why-i .no{font-size:60px}}

/* ---------- 全7回の流れ ---------- */
.tl-wrap{margin-top:56px;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,6vw,96px);align-items:start}
.tl-head{position:sticky;top:120px}
.big-num{display:flex;align-items:baseline;gap:6px;font-weight:900;line-height:1}
.big-num .n{font-family:var(--en);font-weight:600;font-size:clamp(72px,9vw,128px);letter-spacing:-.02em;background:linear-gradient(120deg,var(--ai-deep),var(--ai));-webkit-background-clip:text;background-clip:text;color:transparent}
.big-num .u{font-size:clamp(22px,2.4vw,32px)}
.big-num + .big-num{margin-top:8px}
.tl-head p{margin:24px 0 0;color:var(--slate);font-size:16px}
.tl-head .unit{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.tl-head .unit span{padding:8px 14px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font-size:14px;line-height:1.4}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl::after{content:"";position:absolute;left:23px;top:8px;width:2px;height:var(--prog,0%);max-height:calc(100% - 16px);background:linear-gradient(var(--ai),var(--ai-deep));transition:height .2s linear}
.tl li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:20px;padding:0 0 30px}
.tl li:last-child{padding-bottom:0}
.tl .k{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:2px solid var(--line);font-family:var(--en);font-weight:600;font-size:17px;color:var(--mist);transition:all .6s var(--ease)}
.tl li.in .k{border-color:var(--ai-deep);background:var(--ai-deep);color:#fff;box-shadow:0 0 0 7px rgba(10,111,184,.12)}
.tl b{display:block;font-size:20px;line-height:1.5;margin-top:8px}
.tl p{margin:6px 0 0;font-size:15px;color:var(--slate);line-height:1.8}
.tl li:last-child .k{border-color:var(--hot);color:var(--hot)}
.tl li.in:last-child .k{background:var(--hot);color:#fff;box-shadow:0 0 0 7px rgba(234,84,19,.14)}
@media (max-width:900px){.tl-wrap{grid-template-columns:1fr}.tl-head{position:static}}

/* ---------- 対応地域 ---------- */
.area{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.area{grid-template-columns:1fr}}
.rings{position:relative;aspect-ratio:1;max-width:460px;width:100%;justify-self:center}
.rings i{position:absolute;border-radius:50%;inset:0;border:1px dashed rgba(10,111,184,.35);display:grid;place-items:start center}
.rings i:nth-child(1){inset:0;background:radial-gradient(circle,transparent 60%,rgba(0,167,235,.05))}
.rings i:nth-child(2){inset:17%;border-style:solid;border-color:rgba(10,111,184,.3);background:rgba(0,167,235,.06)}
.rings i:nth-child(3){inset:34%;border:0;background:radial-gradient(circle,var(--ai) 0%,var(--ai-deep) 100%);box-shadow:0 0 0 0 rgba(0,167,235,.45);animation:pulse 3s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,167,235,.45)}100%{box-shadow:0 0 0 46px rgba(0,167,235,0)}}
.rings b{position:absolute;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.35;font-size:15px;white-space:nowrap}
.rings b small{display:block;font-size:12px;font-weight:500;color:var(--slate)}
.rings .r3{top:50%;color:#fff;font-size:17px}
.rings .r3 small{color:rgba(255,255,255,.85)}
@media (max-width:620px){.rings b{font-size:13px}.rings b small{font-size:11px}.rings .r3{font-size:14px}}
.rings .r2{top:25%}
.rings .r1{top:8.5%}
.areas{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.areas li{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;padding:22px 24px;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.areas li.h{border-color:rgba(10,111,184,.45);box-shadow:0 20px 40px -26px rgba(10,111,184,.5)}
.areas .dot{width:14px;height:14px;border-radius:50%;background:var(--ai-deep);grid-row:span 2}
.areas li:nth-child(2) .dot{background:rgba(10,111,184,.45)}
.areas li:nth-child(3) .dot{background:var(--mist)}
.areas b{font-size:19px;line-height:1.5}
.areas span{font-size:16px;color:var(--slate);line-height:1.6}
.areas span strong{color:var(--hot-deep)}

/* ---------- 助成金 ---------- */
.sub-box{margin-top:56px;display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(28px,4vw,52px);border-radius:24px;background:var(--white);border:1px solid var(--line)}
.sub-box .ic{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#1C4E8A,var(--navy));color:#fff}
.sub-box .ic svg{width:42px;height:42px}
.sub-box h3{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.5}
.sub-box p{margin:12px 0 0;font-size:16px;color:var(--slate)}
@media (max-width:700px){.sub-box{grid-template-columns:1fr}.sub-box .ic{width:64px;height:64px;border-radius:18px}}

/* ---------- 料金（終盤に置く） ---------- */
.price{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
@media (max-width:900px){.price{grid-template-columns:1fr}}
.price-main{position:relative;overflow:hidden;border-radius:24px;padding:clamp(32px,4vw,52px);background:linear-gradient(150deg,var(--ink),var(--navy) 70%,#1B3D6B);color:#fff}
.price-main::after{content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(234,84,19,.4),transparent 65%)}
.price-main > *{position:relative;z-index:1}
.price-main .lb{font-size:15px;color:var(--mist)}
.price-main .yen{margin:10px 0 0;font-family:var(--en);font-weight:600;font-size:clamp(44px,5.4vw,72px);line-height:1.1;letter-spacing:-.01em}
.price-main .yen .per{display:block;font-family:var(--jp);font-size:.36em;font-weight:700;letter-spacing:.04em;margin-bottom:4px}
.price-main .yen small{font-family:var(--jp);font-size:.3em;font-weight:500;margin-left:6px;letter-spacing:.02em;white-space:nowrap;display:inline-block}
.price-main ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.price-main li{position:relative;padding-left:22px;font-size:16px;color:#C9D3E3;line-height:1.7}
.price-main li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--ai)}
.price-in{border-radius:24px;padding:clamp(28px,3.4vw,44px);background:var(--white);border:1px solid var(--line)}
.price-in h3{margin:0 0 16px;font-size:20px}
.price-in dl{margin:0}
.price-in dl div{display:grid;grid-template-columns:7em 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.7}
.price-in dt{color:var(--slate)}
.price-in dd{margin:0;font-weight:500}
.courses{margin-top:40px}
.courses h3{font-size:18px;margin:0 0 6px}
.courses > p{margin:0 0 18px;font-size:15px;color:var(--slate)}
.courses ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.courses li{padding:14px 18px;border-radius:14px;background:var(--white);border:1px solid var(--line);font-size:14px;line-height:1.6}
.courses li b{display:block;font-family:var(--en);font-size:12px;letter-spacing:.1em;color:var(--ai-deep)}
.courses li em{font-style:normal;display:inline-block;margin-top:6px;padding:1px 10px;border-radius:999px;font-size:12px;background:var(--paper);color:var(--slate)}
@media (max-width:760px){.courses ul{grid-template-columns:1fr}}
.more{margin-top:20px;display:inline-flex;align-items:center;gap:8px;color:var(--ai-deep);font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}

/* ---------- お申込みまで ---------- */
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps li{position:relative;padding:28px 24px;border-radius:20px;background:var(--white);border:1px solid var(--line)}
.steps li:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;width:10px;height:10px;border-top:2px solid var(--ai-deep);border-right:2px solid var(--ai-deep);transform:translateY(-50%) rotate(45deg);z-index:1}
.steps .k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--ai-deep)}
.steps b{display:block;font-size:19px;line-height:1.5;margin:8px 0}
.steps p{margin:0;font-size:15px;color:var(--slate);line-height:1.8}
@media (max-width:900px){.steps{grid-template-columns:1fr}.steps li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-13px;transform:translateX(-50%) rotate(135deg)}}

/* ---------- よくある質問 ---------- */
.lpn .faq-wrap{margin-top:48px}
.lpn .qa summary{font-size:18px}
.lpn .qa p{font-size:16px}

/* ---------- 途中の申し込み帯 ---------- */
.mid-cta{background:linear-gradient(100deg,var(--ai-deep),#0B4F8A 60%,var(--navy));color:#fff;padding:clamp(48px,6vw,72px) 0}
.mid-cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.mid-cta p{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:900;line-height:1.5}
.mid-cta p small{display:block;font-size:15px;font-weight:400;color:#D6E6F5;margin-top:6px}

/* ---------- スマホの下に出る申し込みボタン ---------- */
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:none;gap:8px;padding:8px;border-radius:999px;background:rgba(10,22,40,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px -10px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .5s var(--ease)}
.sticky-cta.on{transform:none}
.sticky-cta a{flex:1;justify-content:center;padding:14px 10px;font-size:15px}
.sticky-cta .btn-ghost{flex:.7}
@media (max-width:860px){.sticky-cta{display:flex}body.menu-open .sticky-cta{display:none}}

/* ---------- 数字が増える ---------- */
[data-count]{font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  .tag,.mq-in,.rings i:nth-child(3){animation:none!important}
  .demo .a,.demo tr{opacity:1!important;transform:none!important}
  .why-i::after{transform:scaleY(1)!important}
  .tl::after{height:calc(100% - 16px)!important}
}

/* ---------- 比べる表（操作を教える研修とこの研修） ---------- */
.cmp{margin:56px auto 0;max-width:1080px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--white)}
.cmp-r{display:grid;grid-template-columns:9em 1fr 1.3fr;border-top:1px solid var(--line)}
.cmp-r:first-child{border-top:0}
.cmp-r span{padding:22px 24px;font-size:16px;line-height:1.7;color:var(--slate)}
.cmp-r span:first-child{font-weight:700;color:var(--ink);background:var(--paper)}
.cmp-r .me{position:relative;color:var(--ink);font-weight:700;background:linear-gradient(90deg,rgba(0,167,235,.08),rgba(0,167,235,.02))}
.cmp-r .me::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;border-radius:50%;background:var(--ai-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}
.cmp-h span{padding:18px 24px;font-size:14px;font-weight:700;color:var(--slate);background:var(--paper)}
.cmp-h .me{color:#fff;background:linear-gradient(100deg,var(--ai-deep),var(--navy))}
.cmp-h .me::before{display:none}
@media (max-width:760px){
  .cmp-r{grid-template-columns:1fr 1fr}
  .cmp-r span:first-child{grid-column:1/-1;padding:12px 18px;font-size:14px}
  .cmp-r span{padding:16px 18px;font-size:15px}
  .cmp-h span:first-child{display:none}
  .cmp-r .me::before{display:block;margin:0 0 6px}
}

/* ---------- 全7回を3つの段階に分ける ---------- */
.tl-g{margin:0 0 18px;font-family:var(--en);font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--ai-deep)}
.tl-g:not(:first-child){margin-top:34px}
.tl li:last-child .k{border-color:var(--line);color:var(--mist)}
.tl li.in:last-child .k{background:var(--ai-deep);color:#fff;box-shadow:0 0 0 7px rgba(10,111,184,.12)}
.tl:last-of-type li:last-child .k{border-color:var(--hot);color:var(--hot)}
.tl:last-of-type li.in:last-child .k{background:var(--hot);color:#fff;box-shadow:0 0 0 7px rgba(234,84,19,.14)}

br.sp{display:none}
@media (max-width:620px){br.sp{display:inline}}

/* 行末の1〜2字だけが次の行に落ちるのを防ぐ */
.lpn p,.lpn li,.lpn dd{text-wrap:pretty}

/* =====================================================================
   A案（10/26 作り直し）：最初の画面を目立たせる・見出しの改行を決める
   ===================================================================== */
/* 見出しの改行：.nw のまとまりの途中では折り返さない（ビルダーの H() が付ける） */
.lpn .nw{display:inline-block}
.lpn summary{text-wrap:pretty}

/* ---------- 最初の画面（トップページと同じ網目の動き） ---------- */
.lpn .lph{min-height:100svh;display:flex;align-items:center;padding:clamp(110px,12vw,140px) 0 clamp(80px,9vw,120px);background:radial-gradient(120% 120% at 85% -10%,#143563 0%,var(--ink) 58%)}
#lnet{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.lph-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0,167,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,167,235,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 60% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(70% 60% at 60% 40%,#000 0%,transparent 75%)}
.lph .ph-glow{z-index:1}
.lph-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,4.5vw,72px);align-items:center}
@media (max-width:1100px){.lph-in{grid-template-columns:1fr}.lpn .lph{min-height:0}}
.lph-copy{container-type:inline-size;min-width:0}
.lph-t{margin:0;font-weight:900;line-height:1.14;letter-spacing:-.01em;font-size:clamp(36px,7.6vw,96px)}
@supports (font-size:1cqi){.lph-t{font-size:min(104px,calc(100cqi / 8.4))}}
.lph-t .eb{display:flex;width:max-content;max-width:100%;align-items:center;gap:10px;margin:0 0 28px;padding:8px 16px;border-radius:999px;border:1px solid rgba(0,167,235,.4);background:rgba(0,167,235,.08);font-size:15px;font-weight:700;letter-spacing:.04em;line-height:1.4;color:#DDEBFA;opacity:0;transform:translateY(10px);transition:opacity .8s var(--ease) .1s,transform .8s var(--ease) .1s}
.lph-t .eb i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 0 rgba(234,84,19,.6);animation:lpulse 2s infinite}
@keyframes lpulse{0%{box-shadow:0 0 0 0 rgba(234,84,19,.6)}70%{box-shadow:0 0 0 10px rgba(234,84,19,0)}100%{box-shadow:0 0 0 0 rgba(234,84,19,0)}}
.lph.go .lph-t .eb{opacity:1;transform:none}
.lph-t .ln{display:block;overflow:hidden;padding-bottom:.08em}
.lph-t .l1{font-size:.6em;line-height:1.3;padding-bottom:.12em}
.lph-t .seg{display:inline-block;white-space:nowrap}
.lph-t .ch{display:inline-block;opacity:0;transform:translateY(80%) rotate(6deg);filter:blur(12px);transition:opacity 1s var(--ease),transform 1.2s var(--ease),filter 1s var(--ease)}
.lph.go .lph-t .ch{opacity:1;transform:none;filter:none}
.lph-t .accent{background:linear-gradient(100deg,#fff 0%,#BFEAFF 35%,var(--ai) 70%,#fff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lsheen 6s linear infinite}
@keyframes lsheen{0%{background-position:200% 0}100%{background-position:-200% 0}}
.lph-t .mk{position:relative;display:inline-block;z-index:0}
.lph-t .mk::after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.08em;height:.32em;z-index:-1;border-radius:.08em;background:linear-gradient(90deg,var(--hot),rgba(234,84,19,.55));transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) 1.3s}
.lph.go .lph-t .mk::after{transform:scaleX(1)}
.lph .f1{transition-delay:.9s}
.lph .f2{transition-delay:1.05s}
.lph .f3{transition-delay:1.2s}
.lph .f4{transition-delay:1s}
.lpn .lph-lead{font-size:clamp(16px,1.35vw,19px);color:#C9D3E3;max-width:36em;line-height:1.9}
.lph-foot{position:absolute;z-index:3;left:var(--gut);right:var(--gut);bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--mist);pointer-events:none}
.lph-foot .cue{display:flex;align-items:center;gap:12px}
.lph-foot .cue i{display:block;width:1px;height:40px;background:linear-gradient(var(--ai),transparent);transform-origin:top;animation:lcue 2.2s var(--ease) infinite}
@keyframes lcue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:1100px),(max-height:700px){.lph-foot{display:none}}

/* ---------- 最初の画面の右：第1回で学ぶこと（仕事を工程に分ける） ---------- */
@property --fa{syntax:"<angle>";initial-value:0deg;inherits:false}
.fp-col{max-width:520px;width:100%;justify-self:end}
@media (max-width:1100px){.fp-col{justify-self:start;max-width:560px}}
.fp-wrap{position:relative;padding:1px;border-radius:23px}
.fp-wrap::before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from var(--fa),rgba(255,255,255,.08) 0 60%,var(--ai) 78%,var(--hot) 88%,rgba(255,255,255,.08));animation:lspin 7s linear infinite}
@keyframes lspin{to{--fa:360deg}}
.fp{position:relative;border-radius:22px;background:linear-gradient(160deg,#13294B 0%,#0B1A30 100%);box-shadow:0 40px 90px -30px rgba(0,167,235,.45),0 0 0 1px rgba(255,255,255,.04) inset;overflow:hidden}
.fp-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.fp-bar > i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.fp-tabs{margin-left:auto;display:flex;gap:4px}
.fp-tabs span{padding:4px 10px;border-radius:999px;font-family:var(--en);font-size:12px;font-weight:600;color:var(--mist);transition:background .4s,color .4s}
.fp-tabs span.on{background:rgba(0,167,235,.18);color:#fff}
.fp-body{padding:22px 22px 20px}
.fp-hd small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ai)}
.fp-hd b{display:block;margin-top:8px;font-size:18px;line-height:1.5;color:#fff}
.fp-job{display:flex;align-items:center;gap:10px;margin:16px 0 12px}
.fp-job .lb{padding:3px 10px;border-radius:6px;background:rgba(255,255,255,.08);font-size:12px;color:var(--mist)}
.fp-job .jn{font-size:17px;color:#fff}
.fp-st{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.fp-st li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);font-size:15px;line-height:1.45;color:#DDE6F2;transition:opacity .5s var(--ease),transform .6s var(--ease),background .5s,border-color .5s}
.fp-st .no{font-family:var(--en);font-size:12px;color:var(--mist)}
.fp-st .tg{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}
.fp-st li.ai .tg{background:var(--ai-deep)}
.fp-st li.hu .tg{background:var(--hot)}
.fp-st li.ai.on{background:rgba(0,167,235,.1);border-color:rgba(0,167,235,.35)}
.fp-st li.hu.on{background:rgba(234,84,19,.1);border-color:rgba(234,84,19,.4)}
.fp.play .fp-st li{opacity:0;transform:translateX(14px)}
.fp.play .fp-st li.on{opacity:1;transform:none}
.fp-sum{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fp-sum span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;color:#DDE6F2;background:rgba(255,255,255,.05)}
.fp-sum b{font-family:var(--en);font-size:18px;color:#fff}
.fp-sum .a b{color:var(--ai)}
.fp-sum .h b{color:var(--hot)}
.fp-cap{margin:12px 0 0;font-size:13px;line-height:1.7;color:var(--mist);text-align:center}
@media (max-width:480px){.fp-body{padding:18px 16px 16px}.fp-st li{font-size:14px;padding:8px 10px;gap:8px}.fp-hd b{font-size:17px}}

/* ---------- 講師の実績（4つの数字） ---------- */
.lstats{position:relative;background:var(--ink);color:#fff;padding:clamp(56px,7vw,96px) 0;border-top:1px solid rgba(255,255,255,.06)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
.stat{padding:36px 28px 8px;border-left:1px solid rgba(255,255,255,.12);min-width:0}
@media (max-width:860px){.stat{padding:24px 16px 4px}}
.stat .lab{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#C9D3E3}
.stat .lab .mono{font-family:var(--mono);font-size:11px;color:var(--ai)}
.stat .num{margin-top:14px;font-family:var(--en);font-weight:300;font-size:clamp(52px,6.4vw,104px);line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 30%,#7FA3C8);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .num.jp{font-family:var(--jp);font-weight:700;font-size:clamp(24px,3vw,46px);letter-spacing:0;line-height:1.25;padding:.25em 0 .2em}
@media (max-width:860px){.stat .num{font-size:clamp(40px,11vw,64px)}.stat .num.jp{font-size:clamp(22px,6vw,32px)}}
.stat .unit{margin-top:10px;font-size:15px;color:#C9D3E3;line-height:1.6}
.stat .bar{margin-top:22px;height:2px;background:rgba(255,255,255,.08);overflow:hidden}
.stat .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ai),var(--hot));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease) .3s}
.stat.in .bar i{transform:scaleX(1)}

/* ---------- 悩みへの答え（読み進めると色が付く） ---------- */
.state-wrap{margin:72px auto 0;max-width:1100px;text-align:center}
.state-wrap .arrow{display:block;width:2px;height:64px;margin:0 auto 32px;background:linear-gradient(var(--line),var(--ai-deep))}
.state{margin:0;font-weight:900;font-size:clamp(28px,4.6vw,64px);line-height:1.5;letter-spacing:-.005em;color:var(--ink)}
.state .q{display:block}
.state .ans{display:block;margin-top:.6em}
.state .w{color:rgba(10,22,40,.13);transition:color .35s}
.state .w.on{color:var(--ink)}
.state .ans .w.on{color:var(--ai-deep)}
@media (max-width:620px){.state{font-size:clamp(24px,7.4vw,34px)}}

/* ---------- 経営と生成AI、両方の専門家（2つの円） ---------- */
.ke-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"venn hd" "venn body";column-gap:clamp(40px,6vw,96px);align-items:center}
.ke-hd{grid-area:hd;align-self:end}
.ke-body{grid-area:body;align-self:start}
.venn{grid-area:venn}
@media (max-width:900px){.ke-in{grid-template-columns:1fr;grid-template-areas:"hd" "venn" "body"}}
.ke-body .lead{margin-top:24px;color:#C9D3E3}
.ke-body .lead b{color:#fff}
.venn{position:relative;width:100%;max-width:620px;aspect-ratio:1.55;container-type:inline-size;margin:40px auto}
.vc{position:absolute;top:0;width:64.5%;aspect-ratio:1;border-radius:50%;mix-blend-mode:screen;transition:transform 1.4s var(--ease),opacity 1.2s var(--ease)}
.vc.l{left:0;background:radial-gradient(circle at 40% 40%,rgba(0,167,235,.42),rgba(0,167,235,.12) 70%);border:1px solid rgba(0,167,235,.55);transform:translateX(-22%);opacity:0}
.vc.r{right:0;background:radial-gradient(circle at 60% 40%,rgba(234,84,19,.4),rgba(234,84,19,.1) 70%);border:1px solid rgba(234,84,19,.6);transform:translateX(22%);opacity:0}
.venn.in .vc{transform:none;opacity:1}
.vt{position:absolute;top:46%;left:30%;transform:translate(-50%,-50%);text-align:center;line-height:1.35;width:48%}
.vc.r .vt{left:auto;right:30%;transform:translate(50%,-50%)}
.vt small{display:block;font-size:min(3.6cqi,15px);color:#DDE6F2}
.vt b{display:block;margin:.15em 0;font-size:min(7.4cqi,46px);font-weight:900;color:#fff;letter-spacing:.02em}
.vt>span{display:block;font-size:min(3.2cqi,14px);color:#C9D3E3}
.vx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .8s var(--ease) .9s,transform .8s var(--ease) .9s;z-index:2}
.vx>span{display:block;padding:min(1.8cqi,10px) min(3cqi,18px);border-radius:999px;background:#fff;color:var(--ink);font-weight:900;font-size:min(3.4cqi,15px);line-height:1.4;text-align:center;white-space:nowrap;box-shadow:0 18px 40px -12px rgba(0,167,235,.6)}
.venn.in .vx{opacity:1;transform:translate(-50%,-50%)}
.vx::before{content:"";position:absolute;left:50%;top:50%;width:min(24cqi,140px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);z-index:-1}

/* ---------- 講師の紹介（ページの最後・顔写真はここだけ） ---------- */
.prof{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(36px,6vw,96px);align-items:center}
@media (max-width:900px){.prof{grid-template-columns:1fr}}
.prof-ph{position:relative;isolation:isolate;max-width:420px}
.prof-ph img{display:block;width:100%;aspect-ratio:698/900;object-fit:cover;border-radius:24px}
.prof-ph::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:24px;border:1px solid rgba(10,111,184,.4);z-index:-1}
@media (max-width:900px){.prof-ph{max-width:320px}.prof-ph img{aspect-ratio:1/1;object-position:50% 18%}}
.prof .nm{margin:24px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.prof .nm b{font-size:28px;letter-spacing:.1em}
.prof .nm span{font-size:15px;color:var(--slate)}
.prof .creds li{color:var(--ink);background:rgba(0,167,235,.08);border-color:rgba(10,111,184,.3)}
.prof .creds li.h{background:rgba(234,84,19,.08);border-color:rgba(234,84,19,.45)}
.prof p{margin:24px 0 0;color:var(--slate);line-height:1.95}
.prof .hist{color:var(--slate)}
.prof .hist b{color:var(--ink)}

/* ---------- 最後の案内：見出しを幅に収める ---------- */
.lpn #cta h2{font-size:min(clamp(40px,7.4vw,120px),calc((100vw - 2 * var(--gut)) / 10.6))}

@media (prefers-reduced-motion:reduce){
  .lph-t .ch,.lph-t .eb{opacity:1!important;transform:none!important;filter:none!important}
  .lph-t .mk::after{transform:scaleX(1)!important;transition:none!important}
  .lph-t .accent,.lph-t .eb i,.fp-wrap::before,.lph-foot .cue i{animation:none!important}
  .fp .fp-st li{opacity:1!important;transform:none!important}
  .vc,.vx{opacity:1!important;transition:none!important}
  .vc{transform:none!important}
  .vx{transform:translate(-50%,-50%)!important}
  .stat .bar i{transform:scaleX(1)!important}
}

/* 3つの円（経営・生成AI・話し方）。円の直径60%、中心どうしの距離40%の正三角形 */
.venn.v3{aspect-ratio:1.057;max-width:600px}
.v3 .vc{width:60%}
.v3 .vc.l{transform:translate(-16%,-10%)}
.v3 .vc.r{transform:translate(16%,-10%)}
.v3 .vc.b{top:auto;bottom:0;left:20%;background:radial-gradient(circle at 50% 60%,rgba(155,123,255,.42),rgba(155,123,255,.12) 70%);border:1px solid rgba(155,123,255,.6);transform:translateY(18%);opacity:0}
.venn.v3.in .vc{transform:none;opacity:1}
.v3 .vt{top:41.7%;left:35.5%;width:50%}
.v3 .vc.r .vt{left:auto;right:35.5%}
.v3 .vc.b .vt{top:66.7%;left:50%}
.v3 .vt small{font-size:max(11px,min(3.2cqi,14px))}
.v3 .vt b{font-size:min(6.6cqi,40px)}
.v3 .vt>span{font-size:max(11px,min(2.9cqi,13px))}
.v3 .vx{top:43.9%}

/* 生成AIのロゴ */
.lg-defs{position:absolute;width:0;height:0;overflow:hidden}
.lg{flex:none;fill:currentColor}
.lg-gemini{fill:url(#lg-gem)}
.lg-claude{fill:#D97757}
.fp-tabs span{display:inline-flex;align-items:center;gap:5px}
.fp-tabs .lg{width:12px;height:12px}
.fp-tabs .lg-openai{fill:#fff}
.mq .lg{width:.95em;height:.95em;margin-right:-10px}
.mq .lg-openai{fill:var(--ink)}
.aic-lg{display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.aic-lg .lg{width:34px;height:34px}
.aic-lg .lg-openai{fill:#fff}
.pro-pts li b span{font-size:inherit;color:inherit}