:root{--brand:#5271ff;--text:#222;--muted:#666;--bg:#f6f8ff}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}.site-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.container{width:min(1080px,92vw);margin:0 auto}.site-header{background:var(--brand);color:#fff;border-bottom:1px solid #dfe5ff}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.brand img{width:auto;height:120px}@media screen and (max-width:768px){.brand img{width:auto;height:80px}}.main-nav ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:#fff;border:1px solid #fff9;border-radius:999px;padding:6px 12px;font-size:14px;display:inline-block}.main-nav a[data-active=true]{color:var(--brand);background:#fff;border-color:#fff}.page-hero{background:var(--bg);border-bottom:1px solid #e6ebff;padding:36px 0}.page-hero h1{margin:0 0 8px;font-size:32px}.page-hero p{margin:0}.section{padding:36px 0}.grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:18px;display:grid}@media (max-width:720px){.grid{grid-template-columns:repeat(1,minmax(240px,1fr))}}.card{background:#fff;border:1px solid #e8ebf5;border-radius:12px;height:100%;overflow:hidden}@media (max-width:720px){.card{width:240px}}.card img{object-fit:cover;width:100%;height:auto;display:block}.card__body{padding:14px}.card__title{margin:0 0 8px;font-size:18px}.card__meta{color:var(--muted);margin:0 0 8px;font-size:13px}.card__text{color:#333;margin:0;font-size:14px;line-height:1.7}.news-list{gap:14px;display:grid}.news-item{background:#fff;border:1px solid #e8ebf5;border-radius:10px;padding:14px}.news-item h3{margin:0 0 6px;font-size:18px}.news-item p{color:#444;margin:0;line-height:1.7}.site-footer{background:#fafbff;border-top:1px solid #e5e8f2;margin-top:40px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.site-footer__links{color:#444;gap:12px;font-size:14px;display:flex}.site-footer__copy{color:#666;font-size:13px}@media (max-width:720px){.site-header__inner{flex-direction:column;align-items:flex-start}.page-hero h1{font-size:26px}}