.gp{--gp-bg:#08141c;--gp-bg2:#0d202c;--gp-text:#e6f3f8;--gp-muted:#a9c4d1;--gp-accent:#37d0ea;--gp-accent2:#ff9a3c;--gp-line:rgba(55, 208, 234, .5);--gp-on-accent:#04202a;background:var(--gp-bg);color:var(--gp-text);font-family:'Noto Sans JP',Poppins,sans-serif;line-height:1.8;overflow-x:clip}.gp *,.gp ::after,.gp ::before{box-sizing:border-box}.gp dd,.gp dl,.gp figure,.gp h1,.gp h2,.gp h3,.gp ol,.gp p,.gp ul{margin:0;padding:0}.gp ol,.gp ul{list-style:none}.gp img{display:block;max-width:100%;height:auto}.gp a{color:inherit}.gp-wrap{width:min(1080px,calc(100% - 48px));margin:0 auto}.gp-hero{position:relative;display:flex;align-items:center;min-height:clamp(300px,36vw,520px);isolation:isolate;overflow:hidden}.gp-hero-art{position:absolute;inset:0;z-index:-2}.gp-hero-art img{width:100%;height:100%;object-fit:cover;object-position:70% 40%}.gp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--gp-hero-fade) 0,var(--gp-hero-fade-mid) 40%,transparent 72%)}.gp-hero-copy{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:48px 0}.gp-tag{display:inline-block;margin-bottom:16px;padding:4px 18px;border:1px solid var(--gp-accent2);color:var(--gp-accent2);background:rgba(0,0,0,.25);font-size:14px;font-weight:700;letter-spacing:.1em;transform:skewX(-12deg)}.gp-tag span{display:inline-block;transform:skewX(12deg)}.gp-title{font-size:clamp(36px,5.4vw,80px);font-weight:800;line-height:1.12;letter-spacing:.02em;text-shadow:none;color:var(--gp-title);max-width:11em}.gp-catch{max-width:30em;margin-top:18px;font-size:clamp(16px,1.5vw,20px);color:var(--gp-text)}.gp-genre{margin-top:10px;font-size:14px;letter-spacing:.12em;color:var(--gp-muted)}.gp-movie{padding:48px 0 40px}.gp-video-frame{position:relative;width:min(960px,100%);margin:0 auto;aspect-ratio:16/9;background:#000;margin-block:8px;box-shadow:0 0 0 2px var(--gp-accent),0 0 0 6px var(--gp-bg),0 0 0 7px var(--gp-line),0 18px 48px rgba(0,0,0,.35)}.gp-video-frame video{display:block;width:100%;height:100%;background:#000}.gp-play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:104px;height:104px;padding:0 0 0 8px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:var(--gp-play-bg);color:#fff;font-size:38px;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.4)}.gp-play:focus-visible,.gp-play:hover{filter:brightness(1.15)}.gp-play[hidden]{display:none}.gp-nav{border-top:1px solid var(--gp-line);border-bottom:1px solid var(--gp-line);background:var(--gp-bg2)}.gp-nav ul{display:flex;flex-wrap:wrap;justify-content:center;width:min(1080px,100%);margin:0 auto}.gp-nav a{display:block;padding:14px 26px;font-size:14px;font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--gp-text)}.gp-nav a:hover{color:var(--gp-accent)}.gp-section{padding:64px 0 24px}.gp-h{display:flex;align-items:center;gap:18px;margin-bottom:30px;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.4;color:var(--gp-h-color)}.gp-h::before{content:"";flex:0 0 auto;width:10px;height:26px;background:var(--gp-accent2);transform:skewX(-18deg)}.gp-h::after{content:"";flex:1 1 40px;height:1px;background:var(--gp-line)}.gp-intro-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}.gp-intro-text p+p{margin-top:1em}.gp-intro-text p{font-size:17px}.gp-zoom{display:block;position:relative;border:1px solid var(--gp-line);border-radius:var(--gp-radius);overflow:hidden;background:#000}.gp-zoom img{width:100%;height:auto;transition:transform .4s ease}.gp-zoom:hover img{transform:scale(1.03)}.gp-zoom:focus-visible{outline:3px solid var(--gp-accent2);outline-offset:3px}.gp-feature-list{display:grid;gap:22px}.gp-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding:20px;border:1px solid var(--gp-line);border-radius:var(--gp-radius);background:var(--gp-card)}.gp-feature:nth-child(even) .gp-feature-art{order:2}.gp-feature-num{display:inline-block;min-width:3.2em;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:30px;font-weight:700;line-height:1.2;color:var(--gp-accent2)}.gp-feature h3{margin-bottom:10px;font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.5;color:var(--gp-text)}.gp-feature p{font-size:16px}.gp-lead{margin:-10px 0 20px;font-size:15px;color:var(--gp-muted)}.gp-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gp-shot p{margin-top:10px;font-size:14px;color:var(--gp-muted)}.gp-dl{width:min(760px,100%);margin:0 auto;border:1px solid var(--gp-line);background:var(--gp-card)}.gp-dl>div{display:grid;grid-template-columns:190px minmax(0,1fr);border-top:1px solid var(--gp-line)}.gp-dl>div:first-child{border-top:0}.gp-dl dt{padding:14px 20px;font-weight:700;color:var(--gp-accent2);background:var(--gp-dt-bg)}.gp-dl dd{padding:14px 20px}.gp-back-wrap{padding:40px 0 88px;text-align:center}.gp-back{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 40px;border:2px solid var(--gp-accent);border-radius:var(--gp-radius);background:var(--gp-btn-bg);color:var(--gp-btn-text)!important;font-size:17px;font-weight:800;text-decoration:none}.gp-back:hover{filter:brightness(1.12)}.gp a:focus-visible,.gp button:focus-visible{outline:3px solid var(--gp-accent2);outline-offset:3px}.gp-koto{--gp-radius:4px;--gp-card:rgba(13, 32, 44, .85);--gp-dt-bg:rgba(55, 208, 234, .08);--gp-hero-fade:rgba(5, 14, 20, .92);--gp-hero-fade-mid:rgba(5, 14, 20, .55);--gp-title:#fff;--gp-h-color:#fff;--gp-play-bg:rgba(4, 32, 42, .78);--gp-btn-bg:rgba(55, 208, 234, .12);--gp-btn-text:#e6f3f8}.gp-koto .gp-title{font-style:italic;letter-spacing:.04em;text-shadow:0 0 22px rgba(55,208,234,.45)}.gp-koto .gp-hero{border-bottom:2px solid var(--gp-accent)}.gp-koto .gp-dl,.gp-koto .gp-feature{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.gp-koto .gp-play{border-color:var(--gp-accent);box-shadow:0 0 28px rgba(55,208,234,.55);color:var(--gp-accent)}.gp-legion{--gp-bg:linear-gradient(180deg, #bfe3fb 0, #e9f5fd 420px, #f7fbff 100%);--gp-bg2:#f6e9d2;--gp-text:#1f2b45;--gp-muted:#4b5a78;--gp-accent:#c0392b;--gp-accent2:#c0392b;--gp-line:rgba(192, 57, 43, .5);--gp-radius:12px;--gp-card:#fbf3e4;--gp-dt-bg:#f1dfbf;--gp-hero-fade:rgba(131, 200, 245, .94);--gp-hero-fade-mid:rgba(160, 214, 247, .6);--gp-title:#1b2748;--gp-h-color:#1f2b45;--gp-play-bg:#c0392b;--gp-btn-bg:#c0392b;--gp-btn-text:#fff}.gp-legion{background:var(--gp-bg)}.gp-legion .gp-title{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',Georgia,serif;text-shadow:0 2px 0 rgba(255,255,255,.7)}.gp-legion .gp-tag{background:#c0392b;color:#fff;border-color:#8f2418}.gp-legion .gp-video-frame{margin-block:12px;border-radius:6px;box-shadow:0 0 0 6px #b9824b,0 0 0 9px #7a4f27,0 18px 40px rgba(31,43,69,.25)}.gp-legion .gp-nav{background:#fbf3e4;border-color:rgba(192,57,43,.4)}.gp-legion .gp-nav a{color:#1f2b45}.gp-legion .gp-nav a:hover{color:#c0392b}.gp-legion .gp-h::before{content:none}.gp-legion .gp-h-text{display:inline-block;padding:8px 46px 8px 22px;background:#c0392b;color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 50%,100% 100%,0 100%)}.gp-legion .gp-feature{border:0;box-shadow:0 4px 0 rgba(122,79,39,.18)}.gp-legion .gp-feature-num{position:relative;width:56px;min-width:0;height:64px;padding-top:8px;text-align:center;color:#fff;background:#c0392b;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);font-size:28px}.gp-legion .gp-zoom{border:0;box-shadow:0 0 0 3px #fff,0 6px 16px rgba(31,43,69,.25)}.gp-legion .gp-shot p{color:#3d4c6b}.gp-legion .gp-dl{border:10px solid #b9824b;border-radius:6px;box-shadow:0 0 0 2px #7a4f27}.gp-legion .gp-dl dt{color:#6b2a1f}.gp-legion .gp-back{box-shadow:0 4px 0 #8f2418}[data-theme=dark] .gp-legion{--gp-bg:linear-gradient(180deg, #14233f 0, #101b33 420px, #0c1527 100%);--gp-bg2:#1b2a47;--gp-text:#eef3fb;--gp-muted:#b6c3da;--gp-card:#1d2c4b;--gp-dt-bg:#263a62;--gp-hero-fade:rgba(14, 26, 52, .94);--gp-hero-fade-mid:rgba(14, 26, 52, .6);--gp-title:#fff;--gp-line:rgba(255, 150, 130, .5);--gp-accent2:#ff8a73}[data-theme=dark] .gp-legion .gp-nav{background:#1b2a47}[data-theme=dark] .gp-legion .gp-nav a{color:#eef3fb}[data-theme=dark] .gp-legion .gp-shot p{color:#b6c3da}[data-theme=dark] .gp-legion .gp-title{text-shadow:none}[data-theme=dark] .gp-legion .gp-dl dt{color:#ffb4a4}[data-theme=dark] .gp-legion .gp-tag{background:#c0392b}@media (max-width:800px){.gp-wrap{width:calc(100% - 32px)}.gp-hero{min-height:340px;align-items:flex-end}.gp-hero-copy{width:calc(100% - 32px);padding:32px 0 28px}.gp-hero::after{background:linear-gradient(0deg,var(--gp-hero-fade) 0,var(--gp-hero-fade-mid) 55%,transparent 100%)}.gp-play{width:72px;height:72px;font-size:26px;padding-left:5px}.gp-feature,.gp-intro-body{grid-template-columns:minmax(0,1fr);gap:20px}.gp-feature:nth-child(even) .gp-feature-art{order:0}.gp-shots{grid-template-columns:minmax(0,1fr)}.gp-dl>div{grid-template-columns:104px minmax(0,1fr)}.gp-nav a{padding:12px 14px;font-size:13px}}.gp-marine{--gp-bg:linear-gradient(180deg, #b8e2fa 0, #e6f5ff 460px, #ffffff 100%);--gp-bg2:#e1f1ff;--gp-text:#12345a;--gp-muted:#3f5f80;--gp-accent:#1a8fe0;--gp-accent2:#ff6a3d;--gp-line:rgba(26, 143, 224, .45);--gp-radius:18px;--gp-card:rgba(255, 255, 255, .88);--gp-dt-bg:#e1f1ff;--gp-hero-fade:rgba(14, 112, 204, .82);--gp-hero-fade-mid:rgba(14, 112, 204, .3);--gp-title:#fff;--gp-h-color:#0b4f9a;--gp-play-bg:#ff6a3d;--gp-btn-bg:#ff6a3d;--gp-btn-text:#fff;background:var(--gp-bg)}.gp-marine .gp-tag{background:#ff6a3d;color:#fff;border-color:#d94d22;border-radius:999px;transform:none}.gp-marine .gp-tag span{transform:none}.gp-marine .gp-logo{width:min(520px,90%);height:auto;filter:drop-shadow(0 4px 10px rgba(5, 40, 90, .35))}.gp-marine .gp-title{max-width:none;font-size:0;line-height:0}.gp-marine .gp-hero{border-bottom:10px solid #fff;border-radius:0 0 40% 40%/0 0 36px 36px}.gp-marine .gp-video-frame{margin-block:14px;border-radius:14px;box-shadow:0 0 0 8px #fff,0 0 0 11px rgba(26,143,224,.45),0 18px 40px rgba(14,80,150,.3);overflow:hidden}.gp-marine .gp-play{border-color:#fff;box-shadow:0 8px 24px rgba(217,77,34,.5)}.gp-marine .gp-nav{background:#fff;border-color:rgba(26,143,224,.35)}.gp-marine .gp-nav a{color:#12345a}.gp-marine .gp-nav a:hover{color:#ff6a3d}.gp-marine .gp-h::before{content:none}.gp-marine .gp-h-text{font-style:italic;font-weight:900;background:linear-gradient(transparent 68%,#ffd84a 68%);padding:0 6px}.gp-marine .gp-zoom{border:4px solid #fff;border-radius:16px;box-shadow:0 6px 18px rgba(14,80,150,.22)}.gp-marine .gp-feature{border:0;background:var(--gp-card);box-shadow:0 6px 22px rgba(14,80,150,.14)}.gp-marine .gp-feature-num{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:64px;height:52px;margin-bottom:12px;border-radius:50% 46% 54% 48%;background:#1a8fe0;color:#fff;font-style:italic;font-size:28px}.gp-marine .gp-dl{border:3px solid #1a8fe0;border-radius:16px;overflow:hidden}.gp-marine .gp-dl dt{color:#12345a}.gp-marine .gp-back{border-color:#d94d22;border-radius:999px;box-shadow:0 4px 0 #b83d17}[data-theme=dark] .gp-marine{--gp-bg:linear-gradient(180deg, #0d3a68 0, #0a2a4e 460px, #071c36 100%);--gp-bg2:#0f3560;--gp-text:#eaf5ff;--gp-muted:#b5cde4;--gp-card:rgba(16, 52, 92, .9);--gp-dt-bg:#14436f;--gp-h-color:#fff;--gp-line:rgba(126, 200, 255, .5);background:var(--gp-bg)}[data-theme=dark] .gp-marine .gp-nav{background:#0f3560}[data-theme=dark] .gp-marine .gp-dl dt,[data-theme=dark] .gp-marine .gp-nav a{color:#eaf5ff}[data-theme=dark] .gp-marine .gp-h-text{background:linear-gradient(transparent 68%,rgba(255,216,74,.45) 68%)}[data-theme=dark] .gp-marine .gp-zoom{border-color:#1b4f82}[data-theme=dark] .gp-marine .gp-video-frame{box-shadow:0 0 0 8px #1b4f82,0 0 0 11px rgba(126,200,255,.5),0 18px 40px rgba(0,0,0,.4)}