@charset "UTF-8";
@font-face{font-family:Book;src:url('assets/book.woff2') format('woff2');font-display:swap;font-weight:500}
@font-face{font-family:BookJP;src:url('assets/book-jp.woff2') format('woff2');font-display:swap;font-weight:500}
:root{color-scheme:light;--forest:#142b23;--forest-light:#29483b;--paper:#eeeadd;--paper-light:#f8f5ed;--ink:#263d32;--muted:#5b665a;--gold:#c1ac76;--gold-dark:#716032;--line:#c9c9b5;--serif:BookJP,"Yu Mincho",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.95 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--gold-dark)}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--gold-dark);outline-offset:5px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2,h3{line-height:1.5}.wrap{width:min(1264px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;z-index:20;padding:12px 20px;background:var(--paper-light);color:var(--ink)}.skip:focus{top:10px}
.header-shell{background:var(--forest);color:var(--paper-light);border-bottom:1px solid #b7a16d35}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.brand-icon{width:38px}.brand-jp{font:500 25px/1.5 var(--serif);letter-spacing:.14em}.brand-en{font:500 17px/1.2 Book,serif;margin-left:5px;color:#c1c6af}.nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav a{text-decoration:none}.nav a:hover,.brand:hover{color:var(--gold)}.languages{display:flex;gap:10px;align-items:center;padding-left:26px;border-left:1px solid #aab59560;white-space:nowrap}.languages [aria-current]{color:#bcc6b6}.languages a{text-decoration:underline}.header :focus-visible,.hero-stage :focus-visible,.showcase :focus-visible,.footer :focus-visible{outline-color:#dec88e}
.hero-stage{position:relative;background:var(--forest);color:var(--paper-light);isolation:isolate;overflow:hidden}.hero{min-height:690px;display:flex;align-items:center;padding-block:68px 75px}.hero-content{position:relative;z-index:2;max-width:455px}.hero-name{display:flex;align-items:center;gap:17px;color:#c3b384;font:500 18px/1.6 Book,var(--serif);letter-spacing:.04em}.hero-name span{opacity:.45}.hero h1{font:500 clamp(45px,4.7vw,70px)/1.55 var(--serif);letter-spacing:.09em;margin:20px 0 24px}.hero-copy{max-width:385px;color:#d1d8c9;font-size:14px;line-height:2.15}.hero-cta{margin-top:31px}.hero-cta .small{margin-top:17px;color:#c1cbb9}.hero-object{position:absolute;z-index:0;right:0;top:0;width:76%;height:100%;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,#000 36%)}.hero-object:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#142b2380,transparent 55%),linear-gradient(0deg,#142b2380,transparent 28%)}.hero-object img{width:100%;height:100%;object-fit:cover;object-position:58% 56%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:12px 21px;border:1px solid var(--forest);border-radius:2px;background:var(--forest);color:var(--paper-light);font-size:12px;text-decoration:none;transition:background-color .18s,color .18s}.button:hover{background:var(--forest-light);color:var(--paper-light)}.button.secondary{background:transparent;color:var(--ink);border-color:#7f8b71}.button.secondary:hover{background:#d8ddcc}.store-links{display:flex;flex-wrap:wrap;gap:12px}.hero-stage .button{background:var(--gold);border-color:var(--gold);color:#1b2e24}.hero-stage .button:hover{background:#dec996;border-color:#dec996}.hero-stage .button.secondary{color:var(--paper-light);background:#142b2390;border-color:#b8b79a}.hero-stage .button.secondary:hover{background:#2f4935}.small{font-size:11px;line-height:1.8;color:var(--muted)}.watch-link{display:inline-flex;align-items:center;gap:16px;margin-top:26px;padding-bottom:3px;font-size:12px;text-decoration:none;border-bottom:1px solid #778469}.hero-stage .watch-link{color:#d5d9bf}.play-dot{font-size:16px;line-height:1}.chapter-path{display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px;border-bottom:1px solid var(--line)}.chapter-path a{display:flex;justify-content:center;align-items:center;gap:19px;text-decoration:none;font:500 17px/1.6 var(--serif);padding:5px 20px;text-align:center}.chapter-path a+a{border-left:1px solid var(--line)}.chapter-path span{font:500 24px/1 Book,serif;color:var(--gold-dark)}
.learning{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:104px 112px}.learning-image{position:relative;background:#d7dccb;border:1px solid #c2c9b2;padding:38px 28px 23px;text-align:center}.learning-image:before{content:"";position:absolute;inset:12px;border:1px solid #a0aa8b;pointer-events:none}.folio-frame{position:relative;margin:auto;padding:11px 8px 12px;width:243px;max-width:100%;background:var(--forest);border:1px solid #859478;border-radius:29px;box-shadow:8px 22px 25px #1b302025}.folio-frame img{width:100%;border-radius:21px}.learning-image figcaption{position:relative;font-size:11px;margin-top:26px;color:#4b5f47}.section-title{font:500 clamp(31px,3.1vw,46px)/1.7 var(--serif);letter-spacing:.045em;margin-bottom:32px}.learning-steps{list-style:none;padding:0;margin:32px 0 0;counter-reset:step}.learning-steps li{counter-increment:step;position:relative;padding:24px 0 24px 52px;border-top:1px solid var(--line)}.learning-steps li:last-child{padding-bottom:0}.learning-steps li:before{content:counter(step,upper-roman);position:absolute;left:0;top:29px;font:500 26px/1 Book,serif;color:var(--gold-dark)}.learning-steps h3{font:500 22px/1.55 var(--serif);margin-bottom:10px}.learning-steps p{font-size:13px;line-height:2.05;color:var(--muted)}
.showcase{background:var(--forest);color:var(--paper-light);padding:86px 0 66px;border-top:4px double #9b8e61;border-bottom:4px double #9b8e61}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:42px}.showcase-heading .section-title{margin:0}.showcase-heading p{max-width:390px;font-size:14px;color:#c0ccb9}.gameplay video{display:block;width:100%;height:auto;aspect-ratio:1280/590;background:#183e37;border:1px solid #7c8160;border-radius:4px;box-shadow:0 22px 40px #00130838}.gameplay figcaption{font-size:11px;line-height:1.85;color:var(--muted);margin-top:19px}.showcase .gameplay figcaption{color:#bfccb6}.showcase .watch-link{color:#d1c598;border-color:#807a53}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:90px}.faq h2{font:500 29px/1.7 var(--serif)}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-size:14px;padding-right:35px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:2px;top:0;color:var(--gold-dark)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin-top:16px;padding-right:25px}.download{border-top:1px solid var(--line);padding-block:50px 80px;text-align:center}.closing-icon{margin:0 auto 24px}.download .section-title{font-size:36px;margin-bottom:25px}.download .store-badges{justify-content:center}.download .small{margin-top:22px}.footer{padding:49px 0 27px;background:var(--forest);color:var(--paper-light)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:35px}.footer-brand{font:500 44px/1 Book,serif}.footer nav{display:flex;gap:28px;flex-wrap:wrap;font-size:12px}.footer nav a{text-decoration:none}.footer a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:49px;font-size:10px;color:#b7c4ac}
.support-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:70px 20px;align-items:start}.support-heading{position:sticky;top:35px}.support-heading .support-title{font:500 42px/1.6 var(--serif);letter-spacing:.03em;margin-bottom:26px}.support-heading p{font-size:14px;max-width:330px;color:var(--muted)}.support-heading .jump{display:inline-block;margin-top:24px;font-size:12px}.contact-panel{background:var(--paper-light);padding:38px 40px 40px;border:1px solid #c8cbb7;border-top:3px double #8f9677}.contact-panel h2{font:500 24px/1.6 var(--serif);margin-bottom:11px}.contact-lead{font-size:13px;color:var(--muted);margin-bottom:26px}.field{display:block;margin-bottom:25px;min-width:0}.field-label{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;font-weight:600}.field-label span{font-size:11px;font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{display:block;width:100%;min-height:48px;border:1px solid #a8b29c;border-radius:2px;background:#fffefa;color:var(--ink);padding:11px 12px;font-size:15px}.field textarea{resize:vertical;min-height:170px;line-height:1.8}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #5f7959;outline-offset:2px}.field input::placeholder,.field textarea::placeholder{color:#687363}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-help{display:block;margin-top:7px;font-size:11px;line-height:1.85;color:var(--muted)}.agree{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.9}.agree input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--forest)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{font-size:13px;line-height:1.85;margin-top:18px}.form-status:empty{display:none}.form-status[data-state=error]{color:#922d26}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.submit-row .small{max-width:200px}#challenge{margin-top:24px;max-width:100%}.notice,.noscript-note{background:#e3e3ce;border-left:2px solid #8c8656;padding:17px 21px;margin:22px 0;font-size:13px!important;color:#3b4d39!important}.document{max-width:850px;padding-block:53px 80px}.document h1{font:500 37px/1.7 var(--serif);margin-bottom:25px}.document h2{font:500 22px/1.65 var(--serif);margin:35px 0 13px}.document p,.document li{font-size:14px;color:var(--muted);line-height:2}.document a{overflow-wrap:anywhere}.document p+p{margin-top:13px}.watch-page{padding-block:56px 85px}.watch-page .section-title{margin-bottom:19px}.watch-intro{max-width:740px;color:var(--muted);margin-bottom:33px}
html[lang=en] .hero h1{font:500 clamp(58px,5.4vw,80px)/1.12 Book,serif;letter-spacing:-.025em;margin-block:25px 28px}html[lang=en] .section-title,html[lang=en] .support-title,html[lang=en] .document h1,html[lang=en] .faq h2{font-family:Book,serif;letter-spacing:-.02em;line-height:1.25}html[lang=en] .section-title{font-size:53px}html[lang=en] .learning-steps h3{font-family:Book,serif;font-size:26px}html[lang=en] .hero-copy,html[lang=en] .learning-steps p{line-height:1.85}html[lang=en] .chapter-path a{font:500 21px/1.4 Book,serif}html[lang=en] .support-heading .support-title{font-size:55px}html[lang=en] .faq h2{font-size:39px}html[lang=en] .download .section-title{font-size:43px}
@media(min-width:721px) and (prefers-reduced-motion:no-preference){@keyframes ink-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.brand-en{display:none}.nav{gap:24px}.hero{min-height:610px;padding-block:55px}.hero-content{max-width:410px}.hero h1{font-size:52px}.hero-copy{max-width:330px}.hero-object{width:82%;opacity:.8;mask-image:linear-gradient(to right,transparent,#000 55%)}.learning{gap:55px}.learning-image{padding:35px 18px 24px}.section-title{font-size:36px}.learning-steps h3{font-size:20px}.support-layout,.faq{gap:50px}.contact-panel{padding:30px 26px}.chapter-path a{font-size:14px;gap:13px;padding-inline:10px}html[lang=en] .hero h1{font-size:65px}html[lang=en] .section-title{font-size:44px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{gap:10px;padding-block:18px}.brand{gap:9px}.brand-icon{width:27px}.brand-jp{font-size:19px;letter-spacing:.05em}.nav{gap:13px;font-size:11px}.nav .desktop{display:none}.languages{gap:7px;padding-left:13px}.hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-block:32px 0}.hero-content{max-width:none}.hero-name{font-size:15px;gap:13px}.hero h1{font-size:43px;line-height:1.45;margin:18px 0;letter-spacing:.06em}.hero-copy{font-size:13px;max-width:430px;line-height:2}.hero-cta{margin-top:25px}.hero-cta .small{font-size:10px;margin-top:14px}.store-links{gap:10px}.button{font-size:11px;gap:17px;min-height:49px;padding:10px 16px}.hero-stage .watch-link{margin-top:17px;font-size:11px}.hero-object{position:relative;width:calc(100% + 40px);margin:0 -20px;aspect-ratio:1.4;height:auto;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}.hero-object:after{background:linear-gradient(180deg,#142b2330,transparent 30%)}.hero-object img{aspect-ratio:1.4;object-fit:cover;object-position:50% 56%}.chapter-path{padding-block:15px}.chapter-path a{display:flex;flex-direction:column;font-size:12px;gap:6px;padding:5px}.chapter-path span{font-size:23px}.learning{grid-template-columns:1fr;gap:35px;padding-block:49px 56px}.learning-copy{grid-row:1}.section-title{font-size:31px;line-height:1.65;margin-bottom:24px}.learning-steps{margin-top:22px}.learning-steps li{padding:21px 0 21px 43px}.learning-steps li:before{top:26px;font-size:24px}.learning-steps h3{font-size:21px}.learning-steps p{font-size:13px}.learning-image{width:100%;max-width:460px;margin-inline:auto;padding:32px 25px 22px}.folio-frame{width:218px}.learning-image figcaption{font-size:11px;margin-top:25px}.showcase{padding:47px 0 37px}.showcase-heading{display:block;margin-bottom:28px}.showcase-heading p{font-size:13px;line-height:1.95;max-width:none;margin-top:22px}.gameplay video{border-radius:2px}.gameplay figcaption{font-size:11px;line-height:1.8}.faq{grid-template-columns:1fr;gap:26px;padding-block:48px}.faq h2{font-size:27px}.faq summary{font-size:13px}.faq details p{font-size:13px}.download{padding-block:37px 51px}.closing-icon{width:49px;margin-bottom:18px}.download .section-title{font-size:28px}.download .small{font-size:10px}.footer{padding-block:35px 24px}.footer-top{display:block}.footer-brand{font-size:38px}.footer nav{margin-top:26px;gap:23px;font-size:11px}.footer-bottom{display:block;margin-top:32px;font-size:10px}.footer-bottom p+p{margin-top:8px}.support-layout{grid-template-columns:1fr;gap:30px;padding-block:35px 10px}.support-heading{position:static}.support-heading .support-title{font-size:32px;margin-bottom:17px}.support-heading p{max-width:none;font-size:13px}.contact-panel{padding:27px 20px}.contact-panel h2{font-size:22px}.contact-lead{font-size:13px}.field-row{grid-template-columns:1fr;gap:0}.field input,.field select,.field textarea{font-size:16px}.field-help{font-size:12px}.submit-row{flex-direction:column;align-items:stretch}.submit-row .small{max-width:none}.submit-row .button{justify-content:space-between;font-size:13px}.document{padding-block:31px 55px}.document h1{font-size:29px;overflow-wrap:anywhere}.document h2{font-size:20px}.document p,.document li{font-size:13px}.watch-page{padding-block:31px 55px}.watch-intro{font-size:13px}.watch-page .section-title{font-size:28px}html[lang=en] .hero h1{font-size:53px;line-height:1.1;margin:23px 0}html[lang=en] .section-title{font-size:40px}html[lang=en] .chapter-path a{font-size:16px}html[lang=en] .support-heading .support-title{font-size:45px}html[lang=en] .faq h2{font-size:35px}html[lang=en] .download .section-title{font-size:36px}html[lang=en] .document h1{font-size:36px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand-icon{width:25px}.brand-jp{font-size:16px}.nav{gap:10px;font-size:10px}.languages{gap:6px;padding-left:10px}.hero h1{font-size:39px}.hero-object{width:calc(100% + 32px);margin-inline:-16px}.button{font-size:10px;padding-inline:12px;gap:12px}.chapter-path a{font-size:11px}.contact-panel{padding-inline:16px}.section-title{font-size:29px}html[lang=en] .hero h1{font-size:47px}html[lang=en] .chapter-path a{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.brand-icon{flex-shrink:0;border-radius:8px}.closing-icon{border-radius:13px}.store-badges{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-block:11px}.store-badges a{display:block;flex:none}.store-badges img{width:auto;height:44px;max-width:none}.trademark{margin-top:22px;max-width:780px;font-size:9px;line-height:1.75;color:#b7c4ac}@media(max-width:720px){.store-badges{gap:22px;padding-block:10px}.store-badges img{height:40px}.trademark{font-size:9px}}