.subpage-experience{--page-progress:0;background:#eef8ff;min-height:100svh}.subpage-progress{z-index:110;pointer-events:none;width:100%;height:3px;transform:scaleX(var(--page-progress));transform-origin:0;background:linear-gradient(90deg,#0877e8,#7fe9ff);position:fixed;top:0;left:0;box-shadow:0 0 10px #5bdfff66}.subpage-experience[data-page-motion]>:is(main,div):not(.subpage-progress){animation:.55s both subpage-enter}.subpage-experience[data-page-motion] .page-content-reveal{opacity:.4;transition:opacity .65s,translate .75s cubic-bezier(.16,1,.3,1);translate:0 10px}.subpage-experience[data-page-motion] .page-content-reveal.page-content-visible{opacity:1;translate:none}.subpage-experience :is(a[data-image-link],a[data-footer-privacy],a[data-philosophy-entry],button[data-image-menu]){border-radius:5px;transition:background .2s,box-shadow .2s}.subpage-experience :is(a[data-image-link],a[data-footer-privacy],a[data-philosophy-entry],button[data-image-menu]):is(:hover,:focus-visible){background:#74d9ff14;box-shadow:inset 0 0 0 1px #8ad6ff85,0 0 12px #46c2ff22}.subpage-experience a[data-image-link$=footer-logo]{border-radius:8px}.subpage-experience .planet-header__mobile-menu nav a{transition:background .2s,color .2s,padding-inline .2s}.subpage-experience .planet-header__mobile-menu nav a:not([aria-disabled=true]):is(:hover,:focus-visible){color:#b4f0ff;background:#61cfff14;padding-inline:12px}.subpage-backtop{z-index:70;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(145deg,#073c73ed,#075a9ced);border:1px solid #9eeaffb3;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:0;width:52px;height:60px;transition:background .2s,box-shadow .2s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 6px 22px #052f6630}.subpage-backtop span{font-size:24px;line-height:1.2}.subpage-backtop small{letter-spacing:.15em;font-size:8px}.subpage-backtop:is(:hover,:focus-visible){background:#0963a8;box-shadow:0 8px 26px #0065b340}body.menu-open .subpage-backtop{display:none}.subpage-experience:has(dialog[open]) .subpage-backtop{display:none}@keyframes subpage-enter{0%{opacity:.65}to{opacity:1}}@media (width<=767.98px){.subpage-backtop{width:44px;height:50px;bottom:14px;right:12px}.subpage-backtop span{font-size:21px}}@media (prefers-reduced-motion:reduce){.subpage-experience .page-content-reveal{opacity:1!important;transition:none!important;translate:none!important}.subpage-experience>*{animation:none!important}}.navigation-panel{color:#072758;overscroll-behavior:contain;background:linear-gradient(145deg,#fff,#edf8ff);border:1px solid #8bd6ff;border-radius:18px;width:min(620px,100% - 28px);max-height:calc(100dvh - 40px);margin:auto;padding:24px;font:16px/1.7 Planet Noto Sans JP,Yu Gothic,Meiryo,sans-serif;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #00142e80}.navigation-panel::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00132dbb}.navigation-panel__heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px;display:flex}.navigation-panel small{letter-spacing:.2em;color:#0878c9;font-size:10px}.navigation-panel h2{margin:2px 0 0;font-size:24px;font-weight:800}.navigation-panel button{color:#083e71;cursor:pointer;background:#fff;border:1px solid #b5d8ee;border-radius:10px;flex:none;width:44px;height:44px;font:28px/1 sans-serif}.navigation-panel nav{grid-template-columns:1fr 1fr;gap:8px;display:grid}.navigation-panel a{color:#075499;background:#fff;border:1px solid #afd6f3;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;font-weight:700;text-decoration:none;display:flex}.navigation-panel a:hover{background:#dff2ff;border-color:#1786da}.navigation-panel a:focus-visible,.navigation-panel button:focus-visible,.navigation-panel summary:focus-visible{outline-offset:2px;outline:3px solid #008ce8}.navigation-panel__body{gap:12px;display:grid}.navigation-panel p{margin:0 0 12px}.navigation-panel details{border-bottom:1px solid #c9ddee;padding:14px 0}.navigation-panel summary{cursor:pointer;font-weight:700}.navigation-panel details p{margin-top:12px}@media (width<=500px){.navigation-panel{padding:18px}.navigation-panel nav{grid-template-columns:1fr}.navigation-panel h2{font-size:22px}}.navigation-panel dialog button{width:auto;height:auto;font:inherit}._panel_11ljt_1{z-index:95;color:#173b5b;background:#f8fcff;border:1px solid #bfd8eb;border-radius:14px;max-width:620px;margin:0 auto;padding:20px 24px;font-family:inherit;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 40px #07335938}._panel_11ljt_1 h2{margin:0 0 8px;font-size:16px}._panel_11ljt_1 p{margin:0 0 12px;font-size:12px;line-height:1.8}._panel_11ljt_1 a{color:#075f9e;margin-left:6px;text-decoration:underline}._panel_11ljt_1>div{justify-content:flex-end;gap:12px;display:flex}._panel_11ljt_1 button,._settings_11ljt_1{font:inherit;cursor:pointer;color:#164369;background:#fff;border:1px solid #9bbbd2;border-radius:7px;padding:10px 16px;font-size:12px}._panel_11ljt_1 button:last-child{color:#fff;background:#0964a9;border-color:#0964a9}._panel_11ljt_1 button:disabled{opacity:.5;cursor:default}._settings_11ljt_1{z-index:68;background:#f8fcfff2;padding:6px 9px;font-size:10px;position:fixed;bottom:10px;left:10px;box-shadow:0 2px 10px #123a5520}._panel_11ljt_1 button:focus-visible,._settings_11ljt_1:focus-visible{outline-offset:3px;outline:2px solid #0964a9}@media (width<=480px){._panel_11ljt_1{padding:16px;bottom:10px;left:10px;right:10px}._panel_11ljt_1>div{justify-content:stretch}._panel_11ljt_1 button{flex:1}}
