:root{--ink: #173c39;--ink-soft: #496662;--paper: #fffdf7;--cream: #f7f1e5;--line: #d9e0da;--green: #235c55;--green-dark: #123f3b;--orange: #ed9950;--mint: #b9ddc9;--sun: #f3cf69;--sky: #91c8d8;--coral: #efa287;--violet: #b7a9d4;--shadow: 0 20px 50px rgb(23 60 57 / 10%);--sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--rounded: "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.75}a{color:inherit}img{max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;z-index:99;top:10px;left:10px;padding:.65rem 1rem;color:#fff;background:var(--green-dark);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:20;border-bottom:1px solid rgb(23 60 57 / 10%);background:#fffdf7eb;backdrop-filter:blur(12px)}.header-inner,.footer-inner,.section,.hero,.page-hero,.material-hero{width:min(1180px,calc(100% - 40px));margin-inline:auto}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:var(--paper);background:var(--green-dark);font:500 1.35rem var(--rounded)}.brand strong{display:block;font:500 1.2rem/1.1 var(--rounded);letter-spacing:.04em}.brand small{color:var(--ink-soft);font-size:.68rem}.header-inner nav,.footer-inner nav{display:flex;align-items:center;gap:1.8rem}.header-inner nav a,.footer-inner nav a{font-size:.86rem;font-weight:600;text-decoration:none}.header-inner nav a:hover,.footer-inner nav a:hover{color:var(--orange)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding-block:80px 90px}.eyebrow{margin:0 0 1rem;color:#a15f2d;font-size:.72rem;font-weight:700;letter-spacing:.18em}.hero h1,.page-hero h1,.material-hero h1,.not-found h1{margin:0;font:500 clamp(2.4rem,5vw,4.8rem)/1.28 var(--rounded);letter-spacing:.02em}.hero h1 em{position:relative;color:var(--green);font-style:normal;white-space:nowrap}.hero h1 em:after{position:absolute;right:0;bottom:-.12em;left:0;height:8px;border-radius:100%;background:var(--sun);content:"";transform:rotate(-1deg)}.hero-lead{margin:2rem 0;color:var(--ink-soft);font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:1.8rem}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:.7rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none}.button.primary{color:#fff;background:var(--green-dark);box-shadow:0 10px 24px #123f3b38}.button.primary:hover{background:var(--orange)}.text-link{font-weight:700;text-decoration:none}.text-link span{margin-left:.4rem;color:var(--orange)}.hero-visual{position:relative;min-height:470px}.paper{position:absolute;width:min(350px,80%);aspect-ratio:.707;border-radius:4px;background:#fff;box-shadow:var(--shadow)}.paper-back{top:30px;left:18%;background:var(--mint);transform:rotate(7deg)}.paper-front{z-index:3;top:0;left:10%;padding:42px 38px;border-top:9px solid var(--orange);transform:rotate(-3deg)}.paper-label{display:block;padding-bottom:1rem;border-bottom:1px solid var(--line);font:500 1.25rem var(--rounded)}.knowledge-list{display:grid;gap:12px;margin-top:42px}.knowledge-list span{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font:500 1.05rem var(--rounded)}.knowledge-list b{color:var(--orange);font:700 .72rem var(--sans);letter-spacing:.08em}.paper-note{margin-top:40px;color:var(--ink-soft);font:500 1rem/1.8 var(--rounded)}.sun-shape{position:absolute;z-index:5;top:7%;right:2%;width:78px;height:78px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 13px #f3cf6938}.wave{position:absolute;right:-5vw;bottom:20px;width:70%;height:70px;border:4px solid var(--sky);border-color:var(--sky) transparent transparent;border-radius:50%}.wave-two{right:-10vw;bottom:-8px;border-color:var(--mint) transparent transparent}.trust-strip{display:grid;width:min(1180px,calc(100% - 40px));margin:0 auto 110px;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.trust-strip div{display:flex;align-items:baseline;justify-content:center;gap:.7rem;padding:1.4rem .7rem;border-right:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip strong{font:500 1.7rem var(--rounded)}.trust-strip span{color:var(--ink-soft);font-size:.77rem}.section{padding-block:90px}.section.narrow{max-width:820px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.section-heading h2,.how-section h2,.parent-note h2,.prose h2{margin:0;font:500 clamp(1.8rem,3vw,2.7rem)/1.4 var(--rounded)}.section-note{max-width:330px;margin:0;color:var(--ink-soft);font-size:.8rem;text-align:right}.portal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.portal-card{position:relative;min-height:330px;padding:38px;overflow:hidden;border:1px solid rgb(23 60 57 / 12%);border-radius:28px;background:color-mix(in srgb,var(--accent) 38%,white);text-decoration:none}a.portal-card{transition:transform .2s,box-shadow .2s}a.portal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.portal-card:after{position:absolute;right:-55px;bottom:-65px;width:190px;height:190px;border:26px solid rgb(255 255 255 / 42%);border-radius:50%;content:""}.portal-future{--accent: var(--cream);border-style:dashed;background:#faf8f1}.portal-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.portal-status{padding:.3rem .7rem;border-radius:999px;background:#ffffffb3;color:var(--ink-soft);font-size:.68rem;font-weight:700}.portal-short-name{margin:3.2rem 0 .3rem;color:var(--ink-soft);font:500 1rem var(--rounded)}.portal-card h3{max-width:600px;margin:0 0 1rem;font:500 clamp(1.65rem,3vw,2.5rem)/1.35 var(--rounded)}.portal-card>p:not(.portal-short-name){max-width:560px;color:var(--ink-soft)}.portal-card small{display:block;margin-top:2rem;color:var(--ink-soft)}.portal-arrow{position:absolute;z-index:2;right:38px;bottom:32px;font-size:1.6rem}.unit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.unit-card{position:relative;min-height:245px;grid-column:span 2;padding:28px;overflow:hidden;border:1px solid rgb(23 60 57 / 12%);border-radius:24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.unit-card:nth-child(4){grid-column:2 / span 2}.unit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.unit-card:after{position:absolute;right:-28px;bottom:-35px;width:120px;height:120px;border:18px solid rgb(255 255 255 / 45%);border-radius:50%;content:""}.accent-mint{--accent: var(--mint)}.accent-sun{--accent: var(--sun)}.accent-sky{--accent: var(--sky)}.accent-coral{--accent: var(--coral)}.accent-violet{--accent: var(--violet)}.unit-card{background:color-mix(in srgb,var(--accent) 45%,white)}.unit-index{color:var(--ink-soft);font-size:.73rem;font-weight:700;letter-spacing:.15em}.unit-card h2,.unit-card h3{margin:1.3rem 0 .6rem;font:500 1.35rem var(--rounded)}.unit-card p{margin:0;color:var(--ink-soft);font-size:.86rem}.unit-arrow{position:absolute;right:26px;bottom:22px;font-size:1.3rem}.how-section{display:grid;width:min(1180px,calc(100% - 40px));margin:100px auto;grid-template-columns:.75fr 1.25fr;gap:7vw;padding:70px;border-radius:34px;background:var(--green-dark);color:#fff}.how-section>div>p:last-child{color:#cadbd7}.steps{display:grid;margin:0;padding:0;grid-template-columns:repeat(3,1fr);list-style:none}.steps li{position:relative;padding:0 1.2rem;border-left:1px solid rgb(255 255 255 / 20%)}.steps span{display:grid;width:32px;height:32px;margin-bottom:1.5rem;place-items:center;border-radius:50%;background:var(--sun);color:var(--ink);font-weight:700}.steps strong{display:block;font:500 1.15rem var(--rounded)}.steps small{color:#cadbd7}.page-hero,.material-hero{padding-block:100px 70px}.page-hero{position:relative;border-bottom:1px solid var(--line)}.page-hero.compact h1{font-size:clamp(2.2rem,4vw,3.6rem)}.page-hero>p:last-child{max-width:720px;color:var(--ink-soft)}.breadcrumb{margin:0 0 1.2rem;color:var(--ink-soft);font-size:.78rem}.breadcrumb a{text-underline-offset:3px}.filter-panel{display:flex;align-items:end;gap:1rem;margin-bottom:2.5rem;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--cream)}.filter-panel label{display:grid;gap:.4rem}.filter-panel label span{font-size:.75rem;font-weight:700}.filter-panel select{min-width:220px;padding:.8rem 2.6rem .8rem 1rem;border:1px solid #bac8c2;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.result-count{margin:0 0 .5rem auto}.result-count strong{margin-right:.25rem;font:500 1.6rem var(--rounded)}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.material-card{position:relative;display:flex;min-height:260px;flex-direction:column;padding:25px;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:18px;background:#fff;box-shadow:0 8px 25px #173c390d}.material-card:hover{box-shadow:var(--shadow)}.card-topline{display:flex;align-items:center;justify-content:space-between}.number-badge{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 55%,white);font-weight:700}.difficulty{color:var(--ink-soft);font-size:.74rem}.material-card h3{margin:1.2rem 0 .6rem;font:500 1.2rem var(--rounded)}.material-card h3 a{text-decoration:none}.material-card h3 a:after{position:absolute;inset:0;content:""}.material-card p{margin:0;color:var(--ink-soft);font-size:.82rem}.card-meta{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:1.4rem;color:var(--ink-soft);font-size:.7rem}.empty-message{padding:4rem;text-align:center}.material-title-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem}.material-title-row h1{font-size:clamp(2.2rem,4vw,3.7rem)}.material-title-row>div:first-child>p:last-child{color:var(--ink-soft)}.material-summary{display:flex;align-items:center;gap:1rem;padding:18px 22px;border-radius:18px;background:var(--cream)}.material-summary>span{padding:.3rem .7rem;border-radius:999px;background:var(--sun);font-size:.75rem}.material-summary strong{font:500 2rem var(--rounded)}.material-summary small{margin-left:.15rem;font-size:.7rem}.material-content{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.worksheet-preview{min-height:590px;padding:28px;border-radius:30px;background:var(--cream)}.worksheet-preview>a{display:block;width:100%}.worksheet-image{display:block;width:100%;height:auto;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.preview-sheet{width:min(360px,76%);aspect-ratio:.707;padding:35px;border-top:8px solid var(--orange);background:#fff;box-shadow:var(--shadow)}.preview-sheet>span{color:var(--ink-soft);font-size:.7rem}.preview-sheet h2{margin:1.2rem 0 2rem;font:500 1.4rem var(--rounded)}.preview-lines{display:grid;gap:28px}.preview-lines i{height:35px;border-bottom:1px solid #b7c5c0}.preview-sheet p{margin-top:50px;color:var(--ink-soft);text-align:center;font-size:.8rem}.status-pill{display:inline-block;margin:0;padding:.35rem .8rem;border-radius:999px;background:var(--sun);font-size:.75rem;font-weight:700}.download-panel h2{margin:1.3rem 0 .6rem;font:500 2rem var(--rounded)}.download-panel>p:not(.status-pill){color:var(--ink-soft)}.disabled-buttons{display:grid;gap:.7rem;margin-block:2rem}.disabled-buttons span{padding:.9rem 1rem;border:1px dashed #a8b9b2;border-radius:10px;color:var(--ink-soft);text-align:center}.download-buttons{display:grid;gap:1rem;margin-block:2rem;justify-items:start}.material-facts{margin:0;border-top:1px solid var(--line)}.material-facts div{display:grid;grid-template-columns:100px 1fr;padding:.8rem 0;border-bottom:1px solid var(--line)}.material-facts dt{color:var(--ink-soft);font-size:.8rem}.material-facts dd{margin:0;font-weight:600}.parent-note{margin-block:40px 100px;padding:50px;border-radius:24px;background:#e8f2eb}.parent-note p:last-child{margin-bottom:0}.next-nav{display:flex;justify-content:space-between;gap:1rem;padding-top:0}.next-nav a{font-weight:700;text-underline-offset:4px}.prose{font-size:1rem}.prose h2{margin:3rem 0 1rem;font-size:1.6rem}.prose h2:first-child{margin-top:0}.prose p{color:var(--ink-soft)}.notice{margin-block:60px 120px;padding:45px;border:1px solid #e3c88d;border-radius:20px;background:#fff9e9}.not-found{min-height:570px;padding-top:140px;text-align:center}.not-found h1{margin-bottom:1rem;font-size:clamp(2rem,4vw,3.5rem)}.not-found .button{margin-top:1.5rem}.site-footer{margin-top:60px;padding:65px 0 25px;color:#fff;background:var(--green-dark)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-brand{margin:0;font:500 1.5rem var(--rounded)}.footer-inner>div>p:last-child{margin:.3rem 0 0;color:#bed1cd;font-size:.8rem}.copyright{margin:50px 0 0;color:#91aba6;font-size:.65rem;text-align:center}.associate-disclosure{width:min(1180px,calc(100% - 40px));margin:45px auto 0;color:#b8cfca;font-size:.7rem;text-align:center}@media(max-width:900px){.header-inner nav{gap:.9rem}.header-inner nav a{font-size:.75rem}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{width:min(520px,100%);margin-inline:auto}.unit-card{grid-column:span 3}.unit-card:nth-child(4){grid-column:span 3}.unit-card:last-child{grid-column:2 / span 4}.how-section{grid-template-columns:1fr;padding:45px}.portal-grid{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(2,1fr)}.material-content{grid-template-columns:1fr}}@media(max-width:620px){.header-inner,.footer-inner,.section,.hero,.page-hero,.material-hero{width:min(100% - 28px,1180px)}.header-inner{min-height:70px}.brand small{display:none}.brand-mark{width:36px;height:36px}.header-inner nav a:nth-child(2){display:none}.hero{min-height:0;padding-block:55px 60px}.hero h1{font-size:2.35rem}.hero-lead br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-visual{min-height:390px}.paper-front{left:6%;padding:30px 26px}.paper-back{left:14%}.trust-strip{grid-template-columns:1fr 1fr;margin-bottom:55px}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding-block:60px}.section-heading{align-items:flex-start;flex-direction:column}.section-note{text-align:left}.portal-card{min-height:300px;padding:30px 26px}.unit-grid{grid-template-columns:1fr}.unit-card,.unit-card:nth-child(4),.unit-card:last-child{grid-column:auto;min-height:210px}.how-section{width:calc(100% - 28px);margin-block:50px;padding:34px 24px}.steps{grid-template-columns:1fr;gap:1.5rem}.steps li{min-height:70px;padding-left:60px;border:0}.steps span{position:absolute;left:0}.page-hero,.material-hero{padding-block:65px 45px}.filter-panel{align-items:stretch;flex-direction:column}.filter-panel select{width:100%;min-width:0}.result-count{margin:.5rem 0 0}.material-grid,.material-title-row{grid-template-columns:1fr}.material-summary{width:fit-content}.worksheet-preview{min-height:480px}.parent-note,.notice{padding:30px 24px}.next-nav{flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner nav{align-items:flex-start;flex-direction:column;gap:.8rem}}