:root{--ink:#171b4c;--purple:#6b38d8;--line:#ded9f0;--serif:"Hiragino Mincho ProN","Yu Mincho",serif;--sans:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;color:var(--ink);font-family:var(--sans);background:#e9edf3;background-image:radial-gradient(ellipse at 10% 15%,#dce7f2,transparent 55%),radial-gradient(ellipse at 90% 85%,#dfd7ed,transparent 50%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9964ff;outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}.page{max-width:480px;margin:auto;background:#fff;box-shadow:0 0 100px #171b4c16;overflow:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:90;padding:12px;background:white}.skip:focus{transform:none}.hero{overflow:hidden;background:#f2f8fc}.hero img{animation:hero-in 1.2s ease-out both}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60}.reading-progress span{display:block;width:100%;height:100%;background:#a78bfa;transform-origin:left;transform:scaleX(0)}.nav{position:fixed;max-width:480px;margin:auto;top:3px;left:0;right:0;z-index:50;display:flex;justify-content:center;background:#171b4cf0;color:white;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-110%);transition:.25s}.nav.show{opacity:1;visibility:visible;transform:none}.nav a{flex:1;text-align:center;padding:14px 3px;font-size:11px;font-weight:700}.hero-actions{padding:23px 25px 34px;background:#fff;text-align:center}.event-line{font-weight:800;font-size:16px;letter-spacing:.03em;margin-bottom:16px}.event-line small{font-size:10px;font-weight:500;display:block;margin-top:5px;color:#74758b}.button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:16px 19px;border:0;border-radius:50px;font-weight:800;font-size:15px;line-height:1.5;width:100%;transition:transform .2s,box-shadow .2s}.button span{font-size:20px;line-height:1}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(110deg,#6631ce,#8750e7);box-shadow:0 9px 22px #6b38d82b}.quiet-link{display:inline-block;padding:18px 10px 0;font-size:12px;color:#66677c}.section{position:relative}.chapter{text-align:center;padding:43px 18px 27px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;display:block;margin-bottom:17px}.chapter h2{font-family:var(--serif);font-weight:900;font-size:26px;line-height:1.65;letter-spacing:.01em}.recap{background:#191d4b;color:white;padding:0 0 39px}.recap .eyebrow{color:#cbb7ff}.comic{margin:0 20px;box-shadow:0 16px 34px #0003}.bridge{text-align:center;padding:31px 12px 24px}.bridge-line{display:block;width:1px;height:35px;background:linear-gradient(#b399f2,white);margin:auto auto 20px}.bridge p{font-family:var(--serif);font-size:20px;line-height:1.8}.bridge strong{font-size:22px;color:#e7d5ff}.text-link{display:block;text-align:center;text-decoration:underline;text-underline-offset:5px;font-size:11px;color:#d4d7f3;padding:8px}.preparation{background:#f8f6ff;padding-bottom:38px}.preparation>.chapter{padding:34px 15px 0}.preparation>.chapter .eyebrow{color:#786996;margin:0}.prepare-visual{margin-top:8px}.materials{padding:0 22px}.materials-lead{text-align:center;font-size:12px;line-height:1.9;padding:20px 0 24px;color:#6d6982}.materials-lead strong{font-size:14px;color:var(--ink)}.course{background:white;border:1px solid #e3e0eb;padding:22px 20px 17px;border-radius:18px;box-shadow:0 10px 20px #30255005}.course-top{display:flex;align-items:center;gap:14px}.tool-mark{display:grid;place-items:center;flex:none;width:50px;height:50px;background:#171d2e;color:white;border-radius:13px;font-family:monospace;font-size:23px;font-weight:800}.course-label{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#7c7890;margin-bottom:5px}.course h3{font-size:17px;font-weight:800;letter-spacing:-.03em}.course p{font-size:12px;color:#757184;line-height:1.85;margin:17px 0}.course-button{border-radius:10px;background:#171d2e;color:white;font-size:13px;min-height:51px;justify-content:space-between}.course-external{display:block;font-size:11px;text-decoration:underline;text-underline-offset:4px;text-align:center;padding:14px 0 0;color:#6a677a}.claude .tool-mark{background:#f5e7dc;color:#bc6749;font-size:39px}.claude .course-button{background:#9b4c36}.or{display:flex;align-items:center;gap:12px;justify-content:center;color:#847b9d;font-size:10px;margin:16px 0}.or:before,.or:after{content:"";height:1px;background:#ded8eb;flex:1}.small-note{font-size:10px;line-height:1.7;text-align:center;color:#787187;margin:20px 0}.checklist{margin:31px 22px 0;border:1px solid #ded7ed;background:#fff;border-radius:16px;padding:18px 18px 13px;min-width:0}.checklist legend{font-size:17px;font-weight:800;padding:0 8px;margin-left:-5px}.checklist label{display:flex;align-items:center;gap:12px;padding:15px 0;cursor:pointer}.checklist label+label{border-top:1px solid #ece8f4}.checklist input{width:22px;height:22px;margin:0;accent-color:var(--purple);flex:none}.checklist b{display:block;font-size:12px}.checklist small{display:block;font-size:10px;color:#8c849b;line-height:1.7;margin-top:5px}.check-status{display:flex;align-items:center;gap:11px;background:#f0eafa;border-radius:8px;padding:12px;font-size:10px;font-weight:700;margin-top:8px}.check-status.ready{background:#e9f5ef;color:#206443}#check-count{font-size:18px;white-space:nowrap}.save-note{font-size:9px;color:#91899c;text-align:center;margin-top:12px}.event{background:linear-gradient(145deg,#1a2251,#332561);color:white;padding:2px 26px 36px;text-align:center}.event .chapter{padding-bottom:17px}.event .eyebrow{color:#c1acfa}.event .chapter h2{font-size:28px}.date-block{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;padding:20px 0 23px}.date{font-family:var(--serif);font-size:61px;letter-spacing:-.04em;line-height:1.15}.date>span{font-size:43px;margin:0 3px;color:#ad93e4}.date small{font-family:var(--sans);font-size:15px;display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff75;border-radius:50%;vertical-align:12px;margin-left:6px;letter-spacing:0}.time{font-size:26px;font-weight:700;letter-spacing:.03em;margin-top:12px}.time small{font-size:10px;display:block;margin-top:8px;font-weight:400;color:#b8b6d4}.event-message{font-size:12px;line-height:1.9;margin:26px 0 22px;color:#d7d4e7}.event-message strong{font-size:12px;color:#fff}.event .primary{background:#fff;color:#382464;box-shadow:0 7px 25px #0c062530;font-size:14px}.calendar{display:block;margin:15px auto 0;padding:10px;font-size:12px;text-decoration:underline;text-underline-offset:5px;color:#ddd1f4}.bring{font-size:9px;color:#aaa8c2;margin-top:24px;line-height:1.7}footer{text-align:center;background:#10162f;color:#949cb6;padding:25px 12px 112px;font-size:9px}footer a{font-size:11px;display:block;padding:0 10px 20px}.sticky-action{position:fixed;bottom:0;left:0;right:0;z-index:40;max-width:480px;margin:auto;background:#ffffffed;backdrop-filter:blur(15px);padding:11px 17px calc(11px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 -5px 25px #21174412;transition:.3s;transform:translateY(120%);visibility:hidden}.sticky-action.show{transform:none;visibility:visible}.sticky-action>span{font-weight:800;font-size:13px;white-space:nowrap}.sticky-action small{display:block;font-size:8px;font-weight:500;margin-top:4px}.sticky-action a{font-size:12px;font-weight:800;padding:12px 15px;color:white;border-radius:30px;background:#6b38d8;white-space:nowrap}.sticky-action a span{margin-left:6px}dialog{border:0;padding:0;border-radius:18px;box-shadow:0 25px 100px #0004;width:min(920px,calc(100% - 24px));height:min(880px,calc(100dvh - 36px));max-width:none;max-height:none;color:var(--ink);overflow:hidden}dialog::backdrop{background:#101330bd;backdrop-filter:blur(5px)}dialog[open]{display:flex;flex-direction:column}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:#fff;border-bottom:1px solid #eceaf3}.dialog-bar span{font-size:9px;color:#8e849d}.dialog-bar h2{font-size:16px;margin-top:4px}.close-dialog{border:0;background:#f2eef8;border-radius:50%;width:40px;height:40px;font-size:25px;line-height:1;flex:none;color:#423556}.dialog-help{font-size:10px;line-height:1.7;padding:10px 18px;background:#f5f1fb}.dialog-help a{color:#6840bc;text-decoration:underline}#course-frame{width:100%;flex:1;min-height:0;border:0;background:white}.reveal{opacity:1}.reveal.enter{animation:reveal-in .8s both}.comic.enter{animation:comic-in .8s both}.prepare-visual.enter{animation:prepare-in .9s both}@keyframes hero-in{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes reveal-in{from{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes comic-in{from{opacity:.4;transform:translateY(22px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes prepare-in{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:none}}@media(min-width:900px){.page{margin-top:28px;margin-bottom:28px;border-radius:14px}.hero{border-radius:14px 14px 0 0}}@media(max-width:359px){.chapter h2{font-size:23px}.materials{padding:0 16px}.course{padding:18px 15px}.course h3{font-size:15px}.event{padding-left:20px;padding-right:20px}.checklist{margin-left:16px;margin-right:16px;padding-left:13px;padding-right:13px}.checklist b{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* v2: 今回の構築体験を新しい漫画と当日の流れで見せる */
.recap{background:#f6f0e8;color:var(--ink)}.recap .eyebrow{color:#80699b}.recap .comic{box-shadow:0 12px 30px #34234718}.recap .bridge-line{background:linear-gradient(#c6b6d7,#75539c)}.recap .bridge strong{color:#6e3cb1;font-size:21px}.recap .text-link{color:#7d6e8a}.workshop{background:#121833;color:#fff;padding-bottom:32px}.workshop>.chapter{padding:33px 15px 8px}.workshop .eyebrow{color:#c4b1f6;margin:0}.flow-visual{margin:0}.flow-next{text-align:center;padding:21px 25px 0}.flow-next p{font-size:13px;line-height:1.9;color:#d8d6e7;margin-bottom:21px}.flow-next .button{color:#37245f;background:#fff;font-size:14px}.flow-visual.enter{animation:flow-in .95s both}@keyframes flow-in{from{opacity:.4;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:359px){.recap .bridge strong{font-size:18px}.nav a{font-size:10px}}

/* v3: 変化を体感できていない経験者を、今回の構築会へ */
.story-invitation{padding:0 25px 16px}.story-invitation .button{font-size:14px}

/* v5: 仕組み・実演・仕事の成長をつなぐ */
.mechanism{background:#f5faff;padding-bottom:28px}.mechanism>.chapter,.growth>.chapter{padding:32px 15px 5px}.mechanism .eyebrow,.growth .eyebrow{color:#80699b;margin-bottom:0}.section-caption{text-align:center;font-size:12px;line-height:1.9;color:#6e7189;padding:12px 20px 0}.proof{background:#14182d;color:#fff;padding-bottom:36px}.proof .eyebrow{color:#ad9fe2}.proof .chapter{padding-bottom:23px}.proof .chapter h2{font-size:27px}.proof-video{margin:0 20px;aspect-ratio:16/9;background:#070a14;border-radius:13px;overflow:hidden;box-shadow:0 18px 35px #0002}.proof-video iframe{display:block;width:100%;height:100%;border:0}.proof-current{margin:11px 20px 24px;text-align:center;font-size:10px;color:#b2b0c6}.proof-label{font-size:11px;letter-spacing:.08em;margin:0 23px 13px;color:#c6c1d8}.proof-quotes{display:grid;gap:12px;margin:0 20px}.proof-cue{appearance:none;display:block;width:100%;padding:17px;text-align:left;color:#ececf6;background:#20243a;border:1px solid #3b3f58;border-radius:13px;transition:background .2s,border-color .2s}.proof-cue.selected{background:#292641;border-color:#a78bfa}.proof-cue:hover{border-color:#c4b5fd}.quote-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#a7a8c2}.quote-meta time{margin-left:6px;color:#878aa8}.quote-dot{display:grid;place-items:center;width:25px;height:25px;background:#b98367;color:#fff;border-radius:50%;font-size:10px}.proof-cue:nth-child(2) .quote-dot{background:#548f83}.quote-text{display:block;font-size:13px;line-height:1.9;font-weight:600;margin:12px 0 14px}.quote-play{display:flex;align-items:center;gap:7px;color:#c4b5fd;font-size:10px}.quote-play b{margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px}.proof-external{display:block;text-align:center;color:#d6caef;font-size:11px;text-decoration:underline;text-underline-offset:5px;margin:22px 20px 17px}.proof .text-link{color:#9698b3;font-size:10px}.growth{background:#fff8e9;padding-bottom:34px}.growth-next{padding:18px 25px 0;text-align:center}.growth-next p{font-family:var(--serif);font-size:20px;line-height:1.8;margin-bottom:22px}.growth-next strong{display:block;font-family:var(--sans);font-size:13px;font-weight:600;color:#6e6680;margin-top:11px;line-height:1.9}.growth-next .button{font-size:14px}.conditions-visual.enter{animation:conditions-in .8s both}.growth-visual.enter{animation:growth-in .85s both}@keyframes conditions-in{from{opacity:.4;transform:scale(.975)}to{opacity:1;transform:none}}@keyframes growth-in{from{opacity:.4;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:359px){.proof .chapter h2{font-size:24px}.proof-quotes,.proof-video{margin-left:16px;margin-right:16px}.proof-cue{padding:14px}.quote-text{font-size:12px}}