.ja-story{--ja-cream: #fff9e9;--ja-blue: #365e78;--ja-purple: #625077;--ja-green: #345f4c;--ja-ink: #242521;--font-hanzi: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif}.ja-story h1,.ja-story h2,.ja-story h3{font-weight:800;letter-spacing:-.055em;line-height:1.04;text-transform:lowercase}.ja-story h2{font-size:clamp(2.5rem,4.5vw,4rem)}.ja-story h3{font-size:clamp(2rem,3vw,2.8rem)}.ja-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;max-width:1200px;min-height:600px;margin:16px auto 0;overflow:hidden;border-radius:28px;background:var(--ja-blue);color:var(--ja-cream)}.ja-watermark{position:absolute;z-index:-1;top:-70px;left:-35px;font-size:420px;line-height:1;color:currentColor;opacity:.09;transform:rotate(-9deg);pointer-events:none}.ja-hero-copy{align-self:center;padding:56px 0 56px 56px;z-index:1}.ja-eyebrow{margin-bottom:30px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.ja-hero h1{font-size:clamp(3rem,4.65vw,4.2rem)}.ja-lead{max-width:350px;margin-top:26px;font-size:19px;line-height:1.6}.ja-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.ja-lock-art{overflow:hidden;align-self:end;width:100%}.ja-lock-art img{display:block;width:100%;height:auto;margin-top:-70%}.ja-chapters{max-width:1200px;margin:auto}.ja-section-intro{padding:94px 32px 40px}.ja-section-intro p{margin-top:22px;max-width:420px;font-size:18px;line-height:1.6;color:var(--color-ink-soft)}.ja-mechanic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ja-blocked,.ja-quiz-panel{border-radius:28px;overflow:hidden;position:relative;isolation:isolate}.ja-blocked{background:var(--ja-purple);color:var(--ja-cream)}.ja-card-copy{padding:40px 40px 0;position:relative;z-index:1}.ja-step-number{display:block;margin-bottom:24px;font-size:13px;font-weight:600}.ja-card-copy p{margin-top:18px;max-width:340px;line-height:1.6}.ja-blocked-art{margin:28px 28px 0;overflow:hidden;border-radius:18px 18px 0 0}.ja-blocked-art img{display:block;width:100%;height:auto;margin-top:-71%}.ja-quiz-panel{background:#f0e7d5;color:var(--ja-ink)}.ja-quiz{margin:30px 40px 0;padding:28px;background:var(--ja-cream);border-radius:20px;text-align:center}.ja-quiz-word{font-size:100px;line-height:1.2}.ja-quiz-reading{margin:8px 0 24px;font-size:24px}.ja-quiz-question{font-weight:600}.ja-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.ja-answers button{padding:15px 12px;border-radius:99px;background:#e9e3d7;color:var(--ja-ink);font-weight:650;cursor:pointer}.ja-answers button:hover{background:#dad4c8}.ja-answers button[aria-pressed=true]{background:#223a70;color:#fff}.ja-quiz-feedback{min-height:68px;margin-top:22px;font-size:14px;line-height:1.5}.ja-reset{font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.ja-reset:disabled{opacity:.45;cursor:default}.ja-demo-note{margin:18px 32px 30px;text-align:center;font-size:12px}.ja-art-note{margin:16px 8px 0;font-size:12px;color:var(--color-ink-soft)}.ja-map-section{position:relative;isolation:isolate;overflow:hidden;margin-top:72px;padding:48px;background:var(--ja-green);color:var(--ja-cream);border-radius:28px}.ja-map-section .ja-watermark{left:auto;right:-10px;top:-30px}.ja-map-copy p{max-width:420px;margin-top:22px;font-size:17px;line-height:1.65}.ja-word-map{max-width:850px;margin:40px auto 0;text-align:center}.ja-map-root,.ja-map-branches li{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--ja-cream);color:var(--ja-ink);border-radius:20px}.ja-map-root{width:170px;margin:auto;padding:20px;transform:rotate(-3deg)}.ja-map-root span:first-child{font-size:64px;line-height:1.2}.ja-map-root span:nth-child(2){font-size:22px;margin:8px 0}.ja-map-branches{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:52px}.ja-map-branches:before{content:"";position:absolute;width:2px;height:28px;background:#a8bbaa;top:0;left:50%}.ja-map-branches:after{content:"";position:absolute;height:2px;width:68%;background:#a8bbaa;top:26px;left:16%}.ja-map-branches li{padding:26px 12px}.ja-map-branches li:before{content:"";position:absolute;width:2px;height:26px;background:#a8bbaa;bottom:100%;left:50%}.ja-map-branches span:first-child{font-size:34px}.ja-map-branches span:nth-child(2){margin:10px 0 8px;font-size:18px}.ja-time{padding-top:72px;padding-bottom:56px}.ja-time .learning-time{position:relative;isolation:isolate;overflow:hidden;background:#f0e7d5;color:var(--ja-ink)}.ja-time .learning-time:before{content:"時";font-family:var(--font-hanzi);position:absolute;z-index:-1;right:-20px;bottom:-90px;font-size:420px;line-height:1;opacity:.06}.ja-time .study-total output{background:var(--ja-cream);color:#223a70;border-radius:20px}.ja-time .study-range{accent-color:#223a70}.ja-story a:focus-visible,.ja-story button:focus-visible{outline:3px solid currentColor;outline-offset:5px}.ja-time .study-range:focus-visible{outline-color:#223a70}@media(max-width:1248px){.ja-hero,.ja-chapters{margin-right:24px;margin-left:24px}}@media(max-width:767px){.ja-hero,.ja-chapters{margin-right:16px;margin-left:16px}.ja-hero{grid-template-columns:1fr;min-height:auto;border-radius:20px}.ja-hero-copy{padding:34px 24px 28px}.ja-eyebrow{margin-bottom:22px;font-size:10px}.ja-hero h1{font-size:clamp(2.15rem,9.2vw,3.8rem)}.ja-lead{font-size:16px;margin-top:22px}.ja-actions{gap:15px;margin-top:24px}.ja-actions .story-link{font-size:12px}.ja-lock-art{max-height:480px}.ja-section-intro{padding:60px 8px 28px}.ja-story h2{font-size:clamp(2.15rem,9vw,3rem)}.ja-mechanic-grid{grid-template-columns:1fr;gap:20px}.ja-card-copy{padding:28px 26px 0}.ja-blocked,.ja-quiz-panel{border-radius:20px}.ja-blocked-art{margin:24px 18px 0;max-height:460px}.ja-quiz{margin:26px 20px 0;padding:24px 18px}.ja-map-section{margin-top:48px;padding:30px 24px;border-radius:20px}.ja-word-map{margin-top:32px}.ja-map-branches{grid-template-columns:1fr;gap:16px;padding-top:30px}.ja-map-branches:after{display:none}.ja-map-branches li{padding:20px}.ja-map-branches li:before{height:16px}.ja-map-branches li:first-child:before{height:30px}.ja-time{padding:48px 16px 32px}.ja-time .learning-time{border-radius:20px}}