:root{--ink:#151827;--muted:#64697a;--line:#e1e3ea;--brand:#4b35c5;--brand2:#1379dd;--soft:#f3f1ff;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}.site-header{width:min(1180px,calc(100% - 40px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.brand img{width:236px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.nav-cta{color:#fff;background:var(--ink);border-radius:999px;padding:12px 19px}.hero{min-height:650px;padding:72px max(32px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;overflow:hidden;background:linear-gradient(120deg,#f7f6ff 0%,#fff 58%,#f3f7ff 100%)}.eyebrow,.section-label{margin:0 0 18px;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.2em}.hero h1{margin:0;font-size:clamp(44px,5.3vw,76px);line-height:1.16;letter-spacing:-.055em}.lead{max-width:660px;margin:28px 0 0;color:var(--muted);font-size:17px;line-height:1.9}.actions{display:flex;gap:12px;margin-top:34px}.button{min-width:158px;padding:15px 22px;border:1px solid var(--brand);border-radius:5px;text-align:center;font-weight:800}.button.primary{color:#fff;background:var(--brand)}.button.secondary{color:var(--brand);background:#fff}.quick-facts{list-style:none;display:flex;gap:34px;margin:46px 0 0;padding:0}.quick-facts li{display:grid;gap:4px}.quick-facts strong{font-size:14px}.quick-facts span{color:var(--muted);font-size:11px}.hero-visual{min-height:480px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";width:390px;height:390px;position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));opacity:.12}.paper{position:absolute;width:min(430px,88%);aspect-ratio:1.38;border:1px solid #ddd8cb;background:var(--paper);box-shadow:0 22px 50px rgba(33,31,62,.14)}.paper-back{transform:rotate(8deg) translate(28px,-6px);background:#ece9ff;border-color:#dcd5ff}.paper-front{padding:34px 38px;transform:rotate(-2.5deg)}.paper-label{display:inline-block;color:#fff;background:var(--brand);padding:5px 9px;border-radius:3px;font-size:9px;font-weight:900;letter-spacing:.08em}.paper-front h2{margin:26px 0;font-size:29px;line-height:1.4;letter-spacing:-.03em}.paper-lines{display:grid;gap:10px}.paper-lines i{height:1px;background:#cdc9be}.paper-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px}.paper-steps b{padding:13px 4px;border-radius:3px;color:var(--brand);background:var(--soft);text-align:center;font-size:11px}.section-intro{max-width:720px}.section-intro h2,.share h2{margin:0;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.section-intro>p:last-child,.share>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.9}.use-cases{padding:110px max(20px,calc((100% - 1180px)/2))}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border:1px solid var(--line)}.case-grid article{min-height:275px;padding:34px;border-right:1px solid var(--line)}.case-grid article:last-child{border:0}.case-grid article>span{color:#c5c8d1;font-size:12px;font-weight:900}.case-grid h3{margin:55px 0 12px;font-size:22px}.case-grid p{min-height:55px;color:var(--muted);font-size:14px;line-height:1.75}.case-grid a{display:inline-block;margin-top:20px;color:var(--brand);font-size:13px;font-weight:800}.materials{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0}.materials-heading{max-width:780px;margin-bottom:64px}.materials-heading h2{margin:0 0 22px;font-size:clamp(34px,4vw,54px);letter-spacing:-.04em}.materials-heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.9}.chapter{margin-top:80px;padding-top:34px;border-top:2px solid var(--ink)}.chapter-header{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.chapter-number{width:54px;height:54px;display:grid;place-items:center;color:#fff;background:var(--brand);border-radius:50%;font-size:17px;font-weight:900}.chapter-header p{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:800}.chapter-header h3{margin:0;font-size:30px;letter-spacing:-.035em}.chapter-meta{padding:8px 12px;color:var(--brand);background:var(--soft);border-radius:999px;font-size:11px;font-weight:800}.chapter-description{max-width:800px;margin:24px 0 36px 76px;color:var(--muted);line-height:1.85}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.program-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}.program-cover{min-height:220px;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.program-cover:after{content:"";width:180px;height:180px;position:absolute;right:-38px;top:-50px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.program-cover>span{position:absolute;top:27px;left:30px;font-size:9px;font-weight:900;letter-spacing:.14em}.program-cover>b{position:absolute;right:24px;bottom:8px;color:rgba(255,255,255,.19);font-size:74px;line-height:1}.program-cover h4{max-width:310px;margin:0;position:relative;z-index:1;font-size:25px;line-height:1.45}.cover-01{background:linear-gradient(135deg,#4b35c5,#2573d6)}.cover-02{background:linear-gradient(135deg,#243457,#616e91)}.cover-03{background:linear-gradient(135deg,#176e74,#32a49a)}.cover-04{background:linear-gradient(135deg,#73402d,#c8794e)}.video-slot{min-height:78px;padding:14px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#f8f8fa}.play{width:38px;height:38px;display:grid;place-items:center;padding-left:2px;border-radius:50%;color:#fff;background:var(--ink);font-size:12px}.video-slot div{display:grid;gap:2px}.video-slot b{font-size:12px}.video-slot small{color:var(--muted);font-size:10px}.video-slot em{margin-left:auto;padding:4px 7px;border:1px solid #d7d9df;border-radius:3px;color:#8b8e99;font-size:9px;font-style:normal;font-weight:800}.program-body{padding:28px 30px 30px;display:flex;flex:1;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.status{display:inline-block;padding:6px 10px;color:var(--brand);border:1px solid #cdc7f7;background:var(--soft);border-radius:999px;font-size:10px;font-weight:800}.level{color:var(--muted);font-size:10px;font-weight:700}.program-body h4{margin:20px 0 10px;font-size:20px;line-height:1.5}.program-body>p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.8}.resource-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.resource-button{min-height:48px;padding:12px 10px;display:flex;align-items:center;justify-content:center;border-radius:4px;text-align:center;font-size:11px;font-weight:800}.resource-button.available{color:#fff;background:var(--brand)}.resource-button.pending{flex-direction:column;color:#777b88;background:#f0f1f4}.resource-button.pending small{font-size:8px}.bundle-layout{margin-top:34px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line)}.bundle-layout.reverse{grid-template-columns:.8fr 1.2fr}.bundle-visual{min-height:390px;padding:42px;display:flex;flex-direction:column;justify-content:center;color:#fff}.bundle-visual>span{font-size:10px;font-weight:900;letter-spacing:.18em}.bundle-visual h4{margin:20px 0 50px;font-size:30px;line-height:1.45}.bundle-visual.plan{background:linear-gradient(140deg,#273361,#536cc0)}.bundle-visual.research{background:linear-gradient(140deg,#3c285f,#794c93)}.mini-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mini-timeline i{height:7px;border-radius:99px;background:rgba(255,255,255,.38)}.research-axes{display:grid;gap:8px}.research-axes b{padding:9px 12px;border:1px solid rgba(255,255,255,.4);font-size:9px;letter-spacing:.1em}.bundle-copy{padding:50px}.bundle-copy>p{margin:0;color:var(--muted);line-height:1.9}.bundle-copy dl{display:flex;gap:32px;margin:28px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bundle-copy dl div{display:grid;gap:4px}.bundle-copy dt{color:var(--muted);font-size:10px}.bundle-copy dd{margin:0;font-size:13px;font-weight:800}.bundle-resources{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bundle-resource{min-height:110px;padding:18px;display:flex;flex-direction:column;justify-content:center;border-radius:4px}.bundle-resource.available{color:#fff;background:var(--brand)}.bundle-resource.pending{color:#626674;background:#f0f1f4}.bundle-resource span{font-size:9px;font-weight:800}.bundle-resource b{margin:5px 0;font-size:13px}.bundle-resource small{font-size:9px}.steps{padding:110px max(20px,calc((100% - 1180px)/2));background:#f6f7fa}.section-intro.compact{margin-bottom:45px}.steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;background:var(--line);border:1px solid var(--line)}.steps li{min-height:210px;padding:35px;display:flex;gap:22px;background:#fff}.steps li>span{flex:0 0 38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--brand);border-radius:50%;font-weight:900}.steps h3{margin:6px 0 12px;font-size:21px}.steps p{margin:0;color:var(--muted);line-height:1.75}.about{padding:120px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;color:#fff;background:#17172b}.section-label.light{color:#bfb4ff}.about h2,.final-cta h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.45;letter-spacing:-.045em}.about>div>p:not(.section-label){margin:28px 0;color:#bdc0cc;line-height:1.9}.about>div>a{font-size:13px;font-weight:800}.value-grid{display:grid;gap:1px;background:#343447;border:1px solid #343447}.value-grid article{padding:32px 36px;background:#202034}.value-grid span{color:#a999ff;font-size:10px;font-weight:900;letter-spacing:.16em}.value-grid h3{margin:10px 0 7px;font-size:24px}.value-grid p{margin:0;color:#bfc1cc;line-height:1.7}.share{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.share-items{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.share-items span{min-height:145px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;font-size:18px;font-weight:800}.share-items small{margin-top:7px;color:var(--muted);font-size:11px;font-weight:600}.faq{padding:110px max(20px,calc((100% - 980px)/2));background:#f6f7fa}.faq-list{border-top:1px solid #cfd2da}.faq details{border-bottom:1px solid #cfd2da}.faq summary{padding:25px 44px 25px 0;position:relative;cursor:pointer;font-weight:800;list-style:none}.faq summary:after{content:"＋";position:absolute;right:6px;color:var(--brand);font-size:22px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{max-width:800px;margin:-5px 0 25px;color:var(--muted);line-height:1.8}.final-cta{padding:115px 20px;color:#fff;background:linear-gradient(120deg,#4330ba,#176fd0);text-align:center}.actions.centered{justify-content:center}.button.white{color:var(--brand);background:#fff;border-color:#fff}.button.outline{color:#fff;border-color:rgba(255,255,255,.62)}footer{padding:54px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:18px 50px;align-items:start;background:#fff}footer img{width:230px}footer p{grid-column:1;margin:0;color:var(--muted);font-size:12px}footer div{grid-column:2;grid-row:1/span 2;display:flex;gap:25px;font-size:12px;font-weight:700}footer small{grid-column:1/-1;margin-top:24px;padding-top:22px;border-top:1px solid var(--line);color:#9396a1;font-size:10px}
@media(max-width:820px){.site-header{height:72px}.brand img{width:175px}.brand span,.site-header nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:64px;gap:20px}.hero-visual{min-height:400px}.quick-facts{gap:18px;flex-wrap:wrap}.case-grid{grid-template-columns:1fr}.case-grid article{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.case-grid h3{margin-top:30px}.program-grid{grid-template-columns:1fr}.bundle-layout,.bundle-layout.reverse,.about,.share{grid-template-columns:1fr}.bundle-visual{min-height:330px}.chapter-description{margin-left:0}.bundle-resources{grid-template-columns:1fr}.steps ol{grid-template-columns:1fr}.steps li{min-height:auto}.about{gap:50px}.share{gap:40px}}
@media(max-width:520px){.site-header{width:calc(100% - 28px)}.nav-cta{padding:10px 13px;font-size:12px}.hero{padding:52px 20px}.actions{flex-direction:column}.actions.centered{align-items:center}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.paper-front{padding:25px}.paper-front h2{font-size:22px}.materials{width:calc(100% - 28px);padding:78px 0}.use-cases,.steps,.about,.share,.faq{padding-top:78px;padding-bottom:78px}.share-items{grid-template-columns:1fr}.chapter-header{grid-template-columns:auto 1fr}.chapter-meta{grid-column:2;justify-self:start}.chapter-header h3{font-size:23px}.program-cover{min-height:190px;padding:24px}.program-cover h4{font-size:21px}.program-cover>span{top:24px;left:24px}.program-cover>b{font-size:58px}.resource-buttons{grid-template-columns:1fr}.bundle-visual,.bundle-copy{padding:30px}.bundle-visual h4{font-size:24px}.bundle-copy dl{flex-wrap:wrap}footer{grid-template-columns:1fr}footer div,footer p,footer small{grid-column:1;grid-row:auto;flex-wrap:wrap}}