@font-face{font-family:'Zen Kaku Gothic New';src:url('assets/zen-medium.ttf') format('truetype');font-weight:400 700;font-display:block}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#29262d}body{font-family:'Zen Kaku Gothic New',sans-serif;color:#46508f}p,h1,h2,h3,figure{margin:0}#viewport{position:absolute;inset:0 0 62px;display:flex;align-items:center;justify-content:center;overflow:hidden}#stage{position:absolute;width:1920px;height:1080px;transform-origin:center center}section{position:relative;width:1920px;height:1080px;overflow:hidden}img,svg{display:block}aside{display:none}#controls{position:fixed;bottom:0;left:0;right:0;height:62px;background:#faf5f1;color:#514854;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px;font:15px 'Zen Kaku Gothic New',sans-serif}button,select,#controls a{font:inherit;padding:6px 12px;border:1px solid #b7a5ae;border-radius:4px;background:#fffaf7;color:#514854;text-decoration:none;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c9748d}button:disabled{opacity:.3;cursor:default}.separator{height:24px;border-left:1px solid #cab9c2}.sr{position:absolute;width:1px;height:1px;clip-path:inset(100%)}body.present #controls,body.embed #controls{display:none}body.present #viewport,body.embed #viewport{inset:0}.footer{position:absolute;bottom:64px;left:128px;font-size:24px;letter-spacing:1px}.kicker{position:absolute;top:116px;left:150px;font:italic 40px Georgia,serif;letter-spacing:1px;color:#c9748d}.title{position:absolute;top:184px;left:150px;width:1640px;font-size:76px;font-weight:500;line-height:1.3;letter-spacing:3px;white-space:nowrap;color:#3a4280}.intro{position:absolute;top:309px;left:150px;width:1660px;font-size:36px;line-height:1.7;white-space:nowrap}.badge{display:inline-block;border-radius:80px;padding:10px 22px;background:#f6dce4;color:#c9748d;font-size:34px;white-space:nowrap;margin-top:16px}.resident svg{width:100%;height:100%;overflow:visible}.activities{position:absolute;top:432px;left:90px;width:1740px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.activity{text-align:center;min-width:0}.activity-art{height:236px;display:flex;align-items:end;justify-content:center;margin-bottom:22px}.activity h3{font-size:36px;font-weight:500;line-height:1.35;white-space:nowrap;color:#3a4280}.activity-copy{font-size:32px;line-height:1.55;white-space:nowrap;margin-top:20px}.smallbadge{font-size:27px;line-height:1.4;padding:7px 8px;background:#f6dce4;color:#a4526c;border-radius:50px;white-space:nowrap;margin:16px -5px 0}.smallbadge+.activity-copy{margin-top:12px}#others{background:#fdfbf7!important}.rule-icon{display:inline-flex;flex:none;width:38px;height:38px;align-items:center;justify-content:center;font:36px sans-serif;color:#c9748d}
.months{position:absolute;top:302px;left:140px;width:1640px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.month-number{font:italic 76px/1.1 Georgia,serif;color:#dc98aa;margin-bottom:12px}.month-number span{font-size:32px;color:#46508f}.event{display:grid;grid-template-columns:82px 1fr 106px;gap:8px;align-items:center;height:88px;border-bottom:2px solid #f0c9d5;font-size:36px;line-height:1.2;white-space:nowrap}.event .teacher{font-size:32px;color:#a95570}.event .day{font-size:34px;color:#a95570}.time{font:36px Georgia,serif;text-align:right}.morning{font-size:32px;line-height:1.5;margin-top:14px;white-space:nowrap}.morning b{font-weight:500;margin-left:12px}.sessions{position:absolute;top:876px;left:140px;width:1640px;border-top:2px solid #e6b3c4;padding-top:14px;display:flex;gap:42px;align-items:center}.sessions>p{font-size:34px;color:#a95570;white-space:nowrap}.sessions>div{display:flex;gap:38px;font-size:36px;white-space:nowrap}.schedule-note{position:absolute;top:987px;left:140px;font-size:30px;color:#46508f}#roadmap .footer{display:none}
.short .motion-target{animation:hello 1.8s cubic-bezier(.2,.65,.3,1) both}@keyframes hello{0%{opacity:0;translate:0 18px}45%{opacity:1;translate:0 -4px}75%,100%{opacity:1;translate:0 0}}
@media(max-width:800px){#controls{font-size:12px;gap:5px}button,select,#controls a{padding:5px}#controls label{white-space:nowrap}}@media print{html,body{overflow:visible;background:white}#controls{display:none}#viewport{position:static;display:block}#stage{position:static;transform:none!important}section{page-break-after:always}}@media(prefers-reduced-motion:reduce){.short .motion-target{animation:none}}

x-shape[kind="arrow-right"]{display:block;clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%)}


@media (hover:hover) and (pointer:fine){body.present,body.present *{cursor:url("assets/mopee-cursor.png") 4 4,auto!important}}