:root { color-scheme: light; --blue:#004e9e; --dark:#00366f; --ink:#142333; --muted:#5e7083; --line:#dbe5ef; --pale:#eef6ff; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:#f4f7fa; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
header { background:linear-gradient(135deg,var(--dark),var(--blue)); color:#fff; }
.header-inner,.page { width:min(900px,calc(100% - 36px)); margin:auto; }
.header-inner { display:flex; align-items:center; gap:18px; padding:38px 0; }
.crest { width:76px; height:88px; object-fit:contain; }
.club { margin:0 0 2px; font-size:.78rem; font-weight:800; letter-spacing:.09em; }
h1 { margin:0; font-size:clamp(1.8rem,5vw,2.7rem); line-height:1.15; }
nav { background:#fff; border-bottom:1px solid var(--line); }
nav .header-inner { padding:0; gap:0; }
nav a { color:var(--dark); font-weight:700; padding:14px 20px 14px 0; text-decoration:none; }
.page { background:#fff; padding:38px clamp(22px,5vw,58px); margin-top:28px; margin-bottom:28px; border-radius:18px; box-shadow:0 8px 28px rgba(0,54,111,.08); }
h2 { color:var(--dark); margin-top:2rem; line-height:1.25; }
h3 { color:var(--blue); margin-top:1.5rem; }
a { color:var(--blue); }
.lead { font-size:1.08rem; color:var(--muted); }
.notice { background:var(--pale); border-left:4px solid var(--blue); padding:15px 18px; border-radius:8px; }
ul { padding-left:1.3rem; }
footer { color:var(--muted); text-align:center; font-size:.86rem; padding:0 20px 32px; }
address { font-style:normal; }
@media (max-width:540px) { .header-inner { padding:25px 0; } .crest { width:58px; height:68px; } nav .header-inner { overflow:auto; } nav a { white-space:nowrap; } }