:root{--case:#1452c9;--band:#0b3a96;--frost:#cfe0ff;--paper:#fbfbfd;--ink:#10162b;--red:#d8330a;--mist:#e6ecf8;--ease:cubic-bezier(0.16,1,0.3,1);}*{box-sizing:border-box;margin:0;padding:0}html{background:#1452c9;color:#fff;-webkit-text-size-adjust:100%}body{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:500;color:#fff;background:var(--case);overflow-x:hidden;-webkit-font-smoothing:antialiased;}::selection{background:var(--red);color:#fff}a{color:inherit;text-underline-offset:0.2em}.case{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto auto;position:relative;overflow-x:clip;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}.case::before{content:"";position:absolute;top:0;bottom:0;left:calc(28px + env(safe-area-inset-left));width:1px;background:rgba(255,255,255,0.18);pointer-events:none;}.header{background:var(--band);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px 44px;}.header img{display:block;width:56px;height:56px;border-radius:12px;}.header dl{display:grid;grid-template-columns:auto auto;column-gap:10px;row-gap:2px;font-size:clamp(0.72rem,0.68rem + 0.2vw,0.85rem);color:var(--frost);text-align:right;font-variant-numeric:tabular-nums;}.header dt{font-weight:500}.header dd{font-weight:700;color:#fff}.title{padding:clamp(18px,4vw,40px) 16px 0 44px;}h1{font-weight:900;font-size:clamp(3rem,1.6rem + 6.4vw,7.6rem);line-height:0.95;letter-spacing:-0.02em;}h1 span{display:block}h1 .un{color:var(--frost)}.edge{position:absolute;top:50%;font-size:clamp(0.7rem,0.66rem + 0.2vw,0.82rem);font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--frost);white-space:nowrap;pointer-events:none;}.edge-l{left:14px;transform:translate(-50%,-50%) rotate(-90deg)}.edge-r{right:14px;transform:translate(50%,-50%) rotate(90deg)}.open{min-height:190px;position:relative}.obi{background:var(--paper);color:var(--ink);padding:18px 16px 20px 44px;border-bottom:2px solid #c9d0de;transform-origin:12% 50%;transition:transform 0.7s var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;}.obi.pressed{transform:translateY(8px) rotate(-1.2deg);transition-duration:0.18s}.obi-in{max-width:1180px;margin:0 auto;display:grid;gap:14px;}.big{font-weight:900;font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);line-height:1;color:var(--red);letter-spacing:-0.01em;}.big small{font-size:clamp(0.9rem,0.75rem + 0.6vw,1.35rem);font-weight:700;color:var(--ink);margin-left:0.35em;vertical-align:0.5em;border:1.5px solid var(--ink);border-radius:6px;padding:0.12em 0.4em;letter-spacing:0.06em;}.spec{display:grid;grid-template-columns:auto 1fr auto 1fr;column-gap:10px;row-gap:4px;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.92rem);font-variant-numeric:tabular-nums;border-top:1.5px solid var(--ink);border-bottom:1px solid #c9d0de;padding:8px 0;}.spec dt{color:#4a5368;font-weight:500}.spec dd{font-weight:700}.act p{font-size:clamp(0.98rem,0.92rem + 0.3vw,1.15rem);line-height:1.45;color:#2a3249;max-width:36ch;}.cta{margin-top:14px;display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;padding:0 26px;background:var(--case);color:#fff;font-weight:900;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);text-decoration:none;border-radius:999px;-webkit-tap-highlight-color:transparent;transition:transform 0.4s var(--ease),background-color 0.4s var(--ease);}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{background:var(--band)}.obi:hover{transform:translateY(3px) rotate(-0.4deg)}}.foot{display:flex;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 44px;font-size:0.8rem;color:var(--frost);}.foot strong{color:#fff;font-weight:700}@media (max-width: 380px){.spec{grid-template-columns:auto 1fr}.header dl{display:none}}@media (min-width: 900px){.case::before{left:calc(56px + env(safe-area-inset-left))}.open{min-height:64px}.header{padding:14px 64px 14px 88px}.header img{width:72px;height:72px;border-radius:16px}.title{padding:48px 64px 0 88px}.edge-l{left:28px}.edge-r{right:28px}.obi{padding:28px 64px 30px 88px}.obi-in{grid-template-columns:auto 1fr 1.15fr;align-items:center;column-gap:44px}.spec{grid-template-columns:auto 1fr;row-gap:6px}.cta{width:auto;display:inline-flex}.foot{padding:14px 64px 16px 88px}}@media (prefers-reduced-motion: reduce){.obi,.cta{transition:none}.obi.pressed,.obi:hover{transform:none}}