:root{font-family:'Noto Sans JP',sans-serif;color:#fff;background:#315b41;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:6px}.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;z-index:100;left:16px;top:10px;padding:12px 20px;background:white;color:#315b41;transform:translateY(-170%)}.skip:focus{transform:none}main:focus{outline:0}
.site-controls{position:absolute;right:36px;top:16px;z-index:5;display:flex;gap:19px;align-items:center;color:#fff}.languages{display:flex;align-items:center;font-size:11px}.languages button{padding:13px 5px;opacity:.8;font-weight:600}.languages button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.languages>span{opacity:.35}.motion-toggle{height:36px;width:36px;border:1px solid #ffffff55;border-radius:50%;font-size:12px;display:grid;place-items:center}
.poster{position:relative;isolation:isolate;overflow:hidden;min-height:max(760px,100svh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px 78px;text-align:center;background:#315b41}.one-page-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center}.brand-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:245px;margin-bottom:27px}.mascot-button{position:relative;display:block;width:220px;height:205px;padding:0;flex-shrink:0;border-radius:48%;z-index:1;--mark-scale:1}.native-stage{display:block;position:absolute;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--mark-scale))}.creature{display:block;position:absolute;left:30px;top:35px;width:160px;height:160px;transform-origin:50% 95%}.mascot-mark{display:block;width:100%;height:100%;background:currentColor;mask:url('/assets/logo-mark-dark.png') center/contain no-repeat;-webkit-mask:url('/assets/logo-mark-dark.png') center/contain no-repeat}.mascot-shadow{display:block;position:absolute;left:75px;top:189px;width:70px;height:8px;border-radius:50%;background:currentColor;opacity:.13}.wordmark{font-size:24px;font-weight:800;letter-spacing:-.06em;line-height:1.3}.message{position:relative;width:100%}h1{font-size:clamp(45px,5.3vw,74px);font-weight:600;line-height:1.35;letter-spacing:-.065em;margin:0;text-wrap:balance}h1 span{display:block}.tagline{font-size:13px;line-height:1.9;letter-spacing:.035em;margin:23px auto 0;font-weight:400;max-width:480px;text-wrap:balance;color:#e0eadf}.action{margin-top:31px}.primary{height:60px;min-width:300px;padding:0 24px;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;letter-spacing:.015em;border-radius:50px;background:#fff;color:#315b41;transition:box-shadow .2s}.primary:hover{box-shadow:0 0 0 5px #ffffff18}.cta-arrow{font-family:Arial,sans-serif;font-size:24px;font-weight:400;transition:transform .2s}.primary:hover .cta-arrow{transform:translate(3px,-3px)}.test-note{margin:14px 0 0;font-size:10px;line-height:1.75;opacity:.7;letter-spacing:.035em}.name-meaning{position:absolute;bottom:26px;left:24px;right:24px;font-size:10px;letter-spacing:.04em;opacity:.66;color:#e0eadf}.page-art{position:absolute;inset:0;z-index:0;pointer-events:none}.page-echo{position:absolute;left:50%;top:31%;display:block;width:520px;height:520px;margin:-260px 0 0 -260px;border:1px solid #bcd1b6;border-radius:50%;opacity:0}
html[lang=en] h1{font-family:Arial,sans-serif;letter-spacing:-.055em;line-height:1.04;font-size:clamp(72px,8vw,106px);font-weight:500}html[lang=en] .tagline{font-size:13px;letter-spacing:.01em}
@media(min-height:950px) and (min-width:761px){.poster{padding-bottom:105px}.brand-stage{margin-bottom:42px}.action{margin-top:38px}}
@media(max-width:760px){.site-controls{top:15px;right:20px;gap:11px}.languages button{padding:12px 4px;font-size:10px}.motion-toggle{width:30px;height:30px;font-size:10px}.poster{min-height:max(704px,100svh);padding:70px 23px 75px}.brand-stage{height:203px;margin-bottom:24px}.mascot-button{width:190px;height:176px;--mark-scale:.84}.wordmark{font-size:21px}h1{font-size:47px;line-height:1.4}.tagline{font-size:11px;max-width:320px;line-height:1.9;margin-top:18px;letter-spacing:0}.action{margin-top:27px;width:100%;max-width:314px}.primary{height:58px;min-width:0;width:100%;font-size:13px;padding:0 22px;gap:18px}.test-note{font-size:9px;margin-top:13px}.name-meaning{font-size:9px;bottom:23px;letter-spacing:.01em}.page-echo{width:350px;height:350px;margin:-175px 0 0 -175px}html[lang=en] h1{font-size:76px}html[lang=en] .tagline{font-size:11px;letter-spacing:0}}
@media(max-width:350px){.poster{padding-left:20px;padding-right:20px}h1{font-size:42px}.primary{font-size:12px}.tagline{max-width:270px}html[lang=en] .tagline{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.page-echo{display:none}}