.site-header{background:#fff;border-top:3px solid var(--gray-line);padding-top:env(safe-area-inset-top,0px);position:relative;z-index:10}
.site-header__in{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:flex;align-items:center;justify-content:space-between}
.site-header__logo img{height:90px;width:100%;display:block}
.nav{display:flex;gap:clamp(14px,2.2vw,30px);align-items:center;font-size:14px;font-weight:600;color:#000}
.nav a{padding:4px 2px}
.nav a.is-active{background:var(--red);color:#fff;padding:4px 13px;border-radius:999px}
.nav a:not(.is-active):hover{color:var(--red)}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:#000;margin:5px 0;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:720px){
  .site-header__logo img{height:36px}
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:6px;padding:12px var(--pad-x) 20px;font-size:13px;border-bottom:1px solid var(--gray-line)}
  .nav.is-open{display:flex}
}