html,body{font-size:62.5%;font-family:"Noto Sans JP",sans-serif;overflow-x:clip}:root{--header-h: 80px}body{padding-top:var(--header-h)}img{width:100%;max-width:100%;height:auto}.visuallyhidden{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}@media(min-width: 768px){header{position:fixed;inset:0 0 auto 0;z-index:1000;background:rgba(0,0,0,0);overflow:hidden}header::before{content:"";position:absolute;inset:0;background:#1b99e9;transform:scaleX(0);transform-origin:left;animation:header-wipe .8s cubic-bezier(0.22, 1, 0.36, 1) forwards;z-index:0}header #header-top{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:20px 80px;display:flex;align-items:center;gap:24px;opacity:0;transform:translateY(-10px);animation:header-items .55s ease-out forwards;animation-delay:.35s}header .header__brand{flex:1 0 30%;display:block;transition:opacity .3s ease}header .header__brand img{max-width:320px;width:100%;height:auto}header .header__brand:hover{opacity:.5}header .openbtn{display:none}header #g-nav{flex:1 0 70%;position:static;width:auto;height:auto;inset:auto;transform:none;background:rgba(0,0,0,0);transition:none;z-index:auto}header #g-nav.panelactive{right:auto}header #g-nav.panelactive #g-nav-list{position:static;width:auto;height:auto;overflow:visible}header #g-nav-list{width:100%}header #g-nav-list ul{position:static;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 22px;max-width:920px;margin-left:auto}header #g-nav li{text-align:left}header #g-nav li a{display:inline-block;padding:0;color:#fff;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.02em;white-space:nowrap;transition:opacity .4s ease,transform .4s ease}header #g-nav li a:hover{opacity:.7;transform:translateY(-2px)}@keyframes header-wipe{to{transform:scaleX(1)}}@keyframes header-items{to{opacity:1;transform:translateY(0)}}}