:root{color-scheme:dark;--bg:#06121e;--panel:#102133;--muted:#a5b9ca;--accent:#27c6ee;--line:#294054;--white:#f4fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#173951 0%,#06121e 40%,#040b13 100%);color:var(--white);font-family:system-ui,-apple-system,'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9beaff;outline-offset:4px}.topbar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 22px;border-bottom:1px solid #27465b}.brand{font-weight:950;font-size:23px;letter-spacing:.09em}.glow{color:var(--accent)}.brand small{font-size:10px;letter-spacing:.2em;font-weight:600;margin-left:13px;color:#b1c7d4}.toplink{font-size:13px;color:#b9d9e5;border:1px solid #376176;border-radius:30px;padding:11px 17px}.pickup-wrap{max-width:1160px;margin:auto;padding:45px 20px 85px}.eyebrow{color:#57d8f5;letter-spacing:.22em;font-size:11px;font-weight:800}.intro h1{font-size:clamp(31px,5vw,55px);letter-spacing:.05em;margin:9px 0 11px}.intro p{color:#aec0d0;font-size:14px;line-height:1.9;margin:0 0 29px}.carousel{position:relative}.frame{border:1px solid #315c75;border-radius:18px;overflow:hidden;box-shadow:0 25px 80px #0007;background:#0b1724}.scenes{position:relative;aspect-ratio:16/9}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s ease}.slide.active{opacity:1;pointer-events:auto}.slide img,.slide iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.slide iframe{pointer-events:none}.slide::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(2,8,14,.9),rgba(2,8,14,0));pointer-events:none}.slide-label{position:absolute;bottom:24px;left:32px;right:30px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:15px}.slide-label h2{font-size:clamp(21px,3.5vw,41px);margin:5px 0 3px;text-shadow:0 2px 6px #000}.slide-label p{margin:0;color:#e2edf4;font-size:clamp(12px,1.6vw,16px)}.tag{font-weight:700;font-size:10px;color:#b9f2ff;letter-spacing:.16em}.view-btn,.primary{display:inline-flex;align-items:center;justify-content:center;background:#19bfe5;color:#042031;font-weight:800;border-radius:50px;padding:12px 20px;font-size:13px;white-space:nowrap}.view-btn:hover,.primary:hover{background:#a0eeff}.slide-notice{position:absolute;z-index:4;top:12px;right:14px;padding:4px 8px;background:#06131fb0;border-radius:6px;color:#effaff;font-size:10px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:19px 0 42px}.arrow{border:1px solid #416476;background:#112a3c;color:white;width:43px;height:43px;border-radius:50%;cursor:pointer}.dots{display:flex;gap:10px}.dot{border:0;width:9px;height:9px;border-radius:20px;background:#507186;padding:0;cursor:pointer}.dot.on{background:#20cafa;width:27px}.section-title{font-size:clamp(23px,3vw,31px);margin:7px 0 20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:linear-gradient(135deg,#142b3d,#0b1a2a);border:1px solid #31506a;border-radius:14px;overflow:hidden;display:flex;min-width:0;flex-direction:column}.card img{width:100%;aspect-ratio:16/8.2;object-fit:cover;display:block}.card-text{padding:20px 21px 22px;display:flex;flex:1;flex-direction:column}.card h3{margin:6px 0;font-size:22px}.card p{color:#bfd0dc;font-size:13px;line-height:1.85;margin:0 0 18px}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.card-link{font-size:13px;font-weight:800;color:#79e7ff}.foot{border-top:1px solid #2a4355;text-align:center;padding:24px;font-size:12px;color:#7692a6}.pill{font-size:10px;letter-spacing:.15em;color:#6be3ff;font-weight:800}.detail{max-width:920px;margin:auto}.detail-hero{width:100%;max-height:460px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.detail h1{font-size:clamp(30px,5vw,45px);margin:9px 0}.detail .lead{font-size:17px;color:#c9dce7;line-height:1.9}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.detail-box{background:#102338;border:1px solid var(--line);border-radius:14px;padding:24px}.detail-box h2{margin:0 0 14px;font-size:19px}.detail-box li{margin:0 0 12px;line-height:1.7;color:#c5d7e3}.detail-box ol,.detail-box ul{padding-left:22px;margin:0}.action-area{margin-top:28px}.disabled{display:inline-block;border:1px solid #587083;color:#aec6d6;padding:14px 22px;border-radius:28px;font-size:13px}.small{font-size:12px;color:#a8becc;line-height:1.7;margin-top:12px}.back{display:inline-block;color:#83e5fb;margin-bottom:20px}.frame-caption{font-size:10px;color:#a6bed0;text-align:right;margin-top:8px}@media(max-width:680px){.pickup-wrap{padding:28px 14px 55px}.topbar{padding:15px}.brand{font-size:19px}.brand small{font-size:8px;margin-left:6px}.intro p{font-size:12px}.frame{border-radius:11px}.slide-label{bottom:14px;left:13px;right:13px;gap:4px}.slide-label h2{font-size:19px;margin:2px 0}.slide-label p{font-size:10px;max-width:220px}.tag{font-size:8px}.view-btn{padding:9px 12px;font-size:10px}.slide-notice{font-size:8px;top:5px;right:5px}.cards{grid-template-columns:1fr;gap:13px}.card-text{padding:17px}.detail-grid{grid-template-columns:1fr}.arrow{width:39px;height:39px}.detail-box{padding:18px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}html{scroll-behavior:auto}}