header.site-header{position:sticky;top:0;z-index:50;background:#ffffff;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px -10px rgba(0,0,0,.08);transition:box-shadow .35s ease}header.site-header.is-active{box-shadow:0 6px 28px -12px rgba(0,0,0,.12)}header.site-header .container{position:relative;width:100%;margin-left:0;margin-right:0;padding-inline:clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:100%;box-sizing:border-box}header .logo{font-weight:800;letter-spacing:.2px;font-size:var(--logo-size,1.5rem);color:#0f172a;white-space:nowrap;transition:color .2s ease}header nav{margin-left:auto}header nav ul{list-style:none;display:flex;gap:.5rem;padding:0;margin:0}header nav a{--padx:0.7rem;position:relative;display:inline-flex;align-items:center;padding:.6rem var(--padx);border-radius:.5rem;text-decoration:none;color:#334155;font-weight:600;font-size:var(--nav-size,.95rem);transition:color .25s ease,transform .2s ease}header nav a:after{content:"";position:absolute;left:50%;bottom:.25rem;transform:translateX(-50%) scaleX(0);transform-origin:center;width:60%;height:2px;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:2px;transition:transform .3s ease}header nav a:focus:after,header nav a:hover:after,header nav a[aria-current=page]:after{transform:translateX(-50%) scaleX(1)}header nav a:hover{color:#2563eb;background:rgba(37,99,235,.05)}header nav li.cta a{color:#334155;font-weight:700;padding:.6rem .9rem;border-radius:.6rem;background:transparent;transition:all .25s ease}header nav li.cta a:hover{color:#2563eb;background:rgba(37,99,235,.08)}header.site-header.is-active nav a{color:#334155}header.site-header.is-active nav a:hover{color:#2563eb;background:rgba(37,99,235,.06)}header nav a[aria-current=page]{color:#2563eb}@media (hover:none){header.site-header{background:#ffffff;backdrop-filter:none;border-bottom-color:#e5e7eb}header nav ul{gap:.4rem;overflow-x:auto;padding-bottom:.2rem}header nav ul::-webkit-scrollbar{display:none}}@media (max-width:768px){header.site-header .container{flex-wrap:wrap;gap:.5rem}header nav ul{justify-content:center;flex-wrap:wrap}header nav a{padding:.5rem .7rem}header nav a:after{bottom:.2rem;width:50%}}footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;text-align:center;padding:2.5rem 1rem 2rem;margin-top:4rem;font-family:Noto Sans JP,sans-serif;color:#475569;line-height:1.6}footer nav{margin-bottom:1.5rem}footer nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;padding:0;margin:0}footer nav a{text-decoration:none;color:#334155;font-weight:600;font-size:.95rem;transition:color .2s ease,opacity .2s ease}footer nav a:hover{color:#2563eb;opacity:.9}footer p{font-size:.85rem;color:#6b7280;margin:0}@media (max-width:640px){footer{padding:2rem 1rem}footer nav ul{gap:1rem}footer nav a{font-size:.9rem}}