:root{--hbl-yellow:#ffc200;--hbl-yellow-deep:#e5ae00;--hbl-dark:#4b4b4b;--hbl-ink:#262626;--hbl-muted:#737373;--hbl-line:#e6e6e6;--hbl-surface:#f6f6f6;--hbl-bg:#fff;--skew:-12deg;--header-h:64px;--font:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--hbl-ink);background:var(--hbl-bg);margin:0;font-size:16px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}.slab{background:var(--hbl-yellow);color:var(--hbl-ink);letter-spacing:.12em;text-transform:uppercase;transform:skewX(var(--skew));padding:.15em .9em;font-weight:800;display:inline-block}.slab>span{transform:skewX(calc(-1 * var(--skew)));display:inline-block}.slab--dark{background:var(--hbl-dark);color:#fff}.container{width:min(1100px,100% - 2rem);margin-inline:auto}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hbl-line);background:#fffffff5;position:sticky;top:0}.site-header:after{content:"";background:var(--hbl-yellow);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);width:38%;height:4px;position:absolute;bottom:-1px;left:0}.site-header .container{align-items:center;gap:1.5rem;height:100%;display:flex}.brand{align-items:center;margin-right:auto;text-decoration:none;display:flex}.brand img{width:auto;height:36px}.site-nav{align-items:center;gap:.25rem;display:flex}.site-nav a,.site-nav button{color:var(--hbl-dark);cursor:pointer;background:0 0;border:0;padding:.45rem .9rem;font-size:.95rem;font-weight:700;text-decoration:none;position:relative}.site-nav a[aria-current=page]:after{content:"";background:var(--hbl-yellow);height:3px;transform:skewX(var(--skew));position:absolute;bottom:.15rem;left:.9rem;right:.9rem}.lang-toggle{border-radius:2px;margin-left:.5rem;border:1.5px solid var(--hbl-dark)!important;padding:.3rem .7rem!important;font-size:.85rem!important}.lang-toggle:hover{background:var(--hbl-yellow)!important;border-color:var(--hbl-yellow)!important}.btn{border:2px solid var(--hbl-dark);color:var(--hbl-dark);cursor:pointer;background:#fff;border-radius:2px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn:hover{background:var(--hbl-surface)}.btn--primary{background:var(--hbl-yellow);border-color:var(--hbl-yellow);color:var(--hbl-ink)}.btn--primary:hover{background:var(--hbl-yellow-deep);border-color:var(--hbl-yellow-deep)}.btn--dark{background:var(--hbl-dark);border-color:var(--hbl-dark);color:#fff}.btn--dark:hover{background:#333}.btn svg{width:1.1em;height:1.1em}.site-footer{background:var(--hbl-dark);color:#fff;margin-top:4rem}.site-footer .container{gap:1.25rem;padding-block:2.5rem;display:grid}.site-footer .tagline{color:var(--hbl-yellow);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;font-weight:700}.site-footer .tagline:before{content:"";background:var(--hbl-yellow);width:14px;height:14px;transform:skewX(var(--skew));vertical-align:-1px;margin-right:.6rem;display:inline-block}.site-footer small{color:#cfcfcf;font-size:.8rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){:root{--header-h:56px}.brand img{height:30px}.site-nav a{padding-inline:.6rem;font-size:.9rem}}