:root { --navy: #001b68; --blue: #0875d8; --card: rgba(246, 252, 255, .96); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #001348 url('../images/bg_pc.jpg') center top / cover fixed no-repeat; color: #07111f; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
br.pconly { display: inline; }
br.sponly { display: none; }
img { display: block; width: 100%; height: auto; }
.gon-after-hero { position: relative; }
.gon2026-bg { position: sticky; z-index: 0; top: 0; display: block; width: 100vw; height: var(--gon-vh, 100svh); margin-bottom: calc(0px - var(--gon-vh, 100svh)); margin-left: calc(50% - 50vw); background: #001348 url('../images/bg_pc.jpg') center top / cover no-repeat; pointer-events: none; }
.gon2026-main { position: relative; z-index: 1; width: min(100%, 800px); margin: 0 auto; padding-bottom: 150px; }
.hero img { min-height: 520px; object-fit: cover; object-position: center top; }
.section-inner, .content-section { padding: 0 24px 72px; }
.intro, .content-section { position: relative; z-index: 1; }
.intro { color: #fff; text-align: center; }
.intro-copy { padding: 78px 0 18px; font-size: clamp(14px, 2.07vw, 21px); line-height: 1.65; letter-spacing: .02em; }
.intro-copy p { margin: 0 0 42px; }
.intro-copy h1 { margin: 0 0 42px; }
.intro-copy .shonan-message { width: min(460px, 78%); margin-right: auto; margin-left: auto; }
.content-section { padding-top: 30px; background: transparent; }
.gon-card { margin: 0 0 58px; padding: clamp(32px, 5vw, 52px) clamp(20px, 5vw, 52px); border-radius: 34px; background: linear-gradient(150deg, #fff, #c9f0ff); text-align: center; }
.gon-card h2, .partner-section h2 { margin: 0 0 30px; color: #4d8fab; background: linear-gradient(90deg, #4d8fab 0%, #014fab 30%, #239bff 56%, #014fab 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 32px; line-height: 1.28; font-weight: 900; letter-spacing: .07em; }
.gon-card h2 span { font-size: 27px; }
.logo-mark { width: min(86%, 510px); margin: 0 auto 30px; }
.gon-card figure { margin: 26px auto 28px; overflow: hidden; }
.gon-card figure img { transition: transform .7s ease; }
.gon-card figure:hover img { transform: scale(1.025); }
.lead { margin: -10px 0 22px; font-size: clamp(15px, 2.2vw, 22px); line-height: 1.45; }
.card-copy { font-size: clamp(13.5px, 1.8vw, 18px); line-height: 1.62; text-align: center; }
.card-copy p { margin: 0 0 1.35em; }
.gon-button { display: block; width: min(100%, 610px); margin: 32px auto 0; padding: 17px 20px; border-radius: 999px; background: var(--navy); color: #fff; font-size: clamp(16px, 2.3vw, 23px); font-weight: 700; line-height: 1.35; text-decoration: none; transition: opacity .25s ease, transform .25s ease; }
a.gon-button:hover { opacity: .82; transform: translateY(-2px); }
.gon-button.is-disabled { opacity: 1; cursor: default; }
.partner-section { padding: 14px 20px 46px; text-align: center; }
.partner-logo { width: min(220px, 55%); margin: 0 auto 24px; }
.gon-footer { position: fixed; z-index: 4; right: 0; bottom: 0; left: 0; width: 100%; margin: 0; padding: 21px 20px 26px; border-radius: 0; background: #f7931e; color: #fff; font-size: 27px; font-weight: 900; line-height: 1.25; letter-spacing: .025em; text-align: center; text-decoration: none; }
.gon-footer p { margin: 0; }
.gon-loading { position: fixed; z-index: 20; inset: 0; display: flex; align-items: center; justify-content: center; background: #00113c; color: #fff; opacity: 1; visibility: visible; transition: opacity .45s ease, visibility 0s linear .45s; }
.gon-loading.is-hidden { opacity: 0; visibility: hidden; }
.gon-loading__mark { position: relative; display: inline-block; color: #fff; font-size: 20px; font-weight: 900; letter-spacing: .14em; }
.gon-loading__mark::after { position: absolute; inset: 0; content: attr(data-loading-text); width: 100%; color: #4d8fab; background: linear-gradient(90deg, #4d8fab 0%, #014fab 30%, #239bff 56%, #014fab 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; clip-path: inset(0 calc(100% - var(--gon-loading-progress, 0%)) 0 0); transition: clip-path .14s linear; white-space: nowrap; }
.reveal { opacity: 0; transform: translateY(32px); transition: opacity .75s ease-out, transform .75s cubic-bezier(.22, 1, .36, 1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 767px) { body { background-image: url('../images/bg_sp.jpg'); background-size: 100% 100%; } br.pconly { display: none; } br.sponly { display: inline; } .gon2026-bg { height: var(--gon-vh, 100svh); margin-bottom: calc(0px - var(--gon-vh, 100svh)); background-image: url('../images/bg_sp.jpg'); background-position: center top; background-size: 100% 100%; } .gon2026-main { width: 100%; padding-bottom: 94px; } .hero img { min-height: 0; } .section-inner, .content-section { padding-left: 4vw; padding-right: 4vw; } .intro-copy { padding-top: 55px; } .intro-copy p { margin-bottom: 31px; } .intro-copy .shonan-message { width: 74%; margin-bottom: 31px; } .gon-card { border-radius: 23px; margin-bottom: 35px; } .gon-card h2, .partner-section h2 { margin-bottom: 18px; font-size: 22px; line-height: 1.18; letter-spacing: .01em; } .gon-card h2 span { font-size: 18px; } .lead { font-size: 13px; line-height: 1.35; } .gon-footer { padding: 12px 14px 14px; font-size: 15px; } .gon-loading__mark { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal, .reveal.is-visible { opacity: 1; transform: none; transition: none; } .gon-loading__mark::after { transition: none; } }