:root{--brand:#2042ad;--brand-soft:#e4e8f5;--brand-light:#9baada;--brand-strong:#162e79;--on-brand:#fff;--ink:#000;--ink-muted:#555;--card:#fff;--page:#f6f6f6;--surface-2:#f2f2f2;--line:#e6e6e6;--alert:#c62828;--alert-soft:#fdece7;--good:#1b7a4b;--good-soft:#e5f4ea;--warn:#9a5b00;--warn-soft:#fcf1dc;--ai:#5b3fd0;--ai-soft:#eeeafc;--on-ink:#fff;--on-ink-muted:#d0d0d0}body{background:var(--page);color:var(--ink);margin:0;font-family:Noto Sans JP,Hiragino Sans,Arial,sans-serif}a{color:var(--brand)}a:hover{color:var(--brand-strong)}.qt{cursor:help;border-bottom:1px dotted;outline:none;position:relative}.qt-pop{z-index:60;background:var(--ink);width:280px;color:var(--card);text-align:left;white-space:normal;letter-spacing:0;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;font-size:12.5px;font-weight:400;line-height:1.6;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0000002e}.qt-pop:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:var(--ink);position:absolute;top:-6px;left:14px}.qt:hover .qt-pop,.qt:focus .qt-pop,.qt:focus-within .qt-pop{display:flex}.qt-pop b{font-size:13.5px}.qt-en{opacity:.7;font-size:11.5px}.qt-f{opacity:.9;background:#7f7f7f40;border-radius:8px;padding:4px 8px;font-size:12px}.qt-pop a{color:inherit;font-size:12px;text-decoration:underline}.qm{animation:3.2s ease-in-out infinite qm-bob}@keyframes qm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.qm-eyes{transform-box:fill-box;transform-origin:50%;animation:5.2s infinite qm-blink}@keyframes qm-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.qm,.qm-eyes{animation:none}}.qt-layer{z-index:1000;display:flex!important}.qt .qt-pop:not(.qt-layer){display:none!important}@media (prefers-reduced-motion:reduce){.qm,.qm-eyes{animation:none!important}.qm-head,.qm-eyes g{transition:none!important}}html,body{background:#f6f6f6;margin:0}@keyframes qa-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes qa-fade{0%{opacity:0}to{opacity:1}}@keyframes qa-slide{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes qa-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes qa-bar{0%{transform:scaleX(0)}40%{transform:scaleX(.5)}to{transform:scaleX(.9)}}@keyframes qa-shimmer{0%{background-position:100%}to{background-position:0}}@keyframes qa-pulse{0%,to{opacity:.35}50%{opacity:1}}.qa-page{animation:.24s cubic-bezier(.2,.7,.2,1) both qa-in}.qa-slide{animation:.22s cubic-bezier(.2,.7,.2,1) both qa-slide}dialog[open]{animation:.2s cubic-bezier(.2,.7,.2,1) both qa-pop}dialog::backdrop{background:#00000059;animation:.2s both qa-fade}.qa-bar{background:var(--brand);transform-origin:0;z-index:200;pointer-events:none;height:2px;animation:1.6s cubic-bezier(.1,.7,.2,1) forwards qa-bar;position:fixed;top:0;left:0;right:0}.qa-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite qa-pulse}.qa-skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 37%,var(--surface-2) 63%);background-size:400% 100%;border-radius:16px;animation:1.3s infinite qa-shimmer}nav[aria-label=メニュー] a{transition:background-color .18s,color .18s}nav[aria-label=メニュー] a:hover:not([aria-current]){background:var(--surface-2)}button{transition:transform .12s,background-color .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s}button:not(:disabled):active{transform:scale(.97)}img{transition:opacity .25s}@media (prefers-reduced-motion:reduce){.qa-page,.qa-slide,dialog[open],dialog::backdrop,.qa-bar,.qa-dot,.qa-skel{animation:none}button:not(:disabled):active{transform:none}}.qa-navitems{grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.7,.2,1);display:grid}.qa-navitems[data-open=true]{grid-template-rows:1fr}.qa-navitems>div{min-height:0;transition:opacity .2s,visibility linear}.qa-navitems[data-open=false]>div{opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s linear .24s}.qa-chevron{transition:transform .2s}.qa-chevron[data-open=true]{transform:rotate(90deg)}.qa-navgroup:hover{background:var(--surface-2)!important}@media (prefers-reduced-motion:reduce){.qa-navitems,.qa-navitems>div,.qa-chevron{transition:none}}@keyframes qa-spin{to{transform:rotate(360deg)}}.qa-spin{animation:.9s linear infinite qa-spin}@media (prefers-reduced-motion:reduce){.qa-spin{animation:none}}