:root{--ink:#111;--muted:#555;--line:#ddd;--mark:#f2b35e}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0 auto;max-width:56rem;padding:0 1.5rem;background:#fff;color:var(--ink);font-family:hiragino sans,hiragino kaku gothic pron,yu gothic,noto sans jp,sans-serif;line-height:1.9;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;padding:1.5rem 0}.logo{font-weight:800;font-size:1.125rem;text-decoration:none}.site-header ul{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.875rem}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--ink);text-decoration:underline}h1,h2,h3{font-weight:800;line-height:1.35}.hero{padding:4rem 0 2rem}.hero h1{margin:0 0 1.5rem;font-size:clamp(2rem,9vw,4.5rem);line-height:1.3}mark{padding:0 .15em;background:var(--mark);color:inherit}.lede{max-width:40rem;font-size:1.0625rem}.page{padding:2rem 0}.page>h1{margin:0 0 2rem;font-size:clamp(1.75rem,6vw,2.75rem)}.page h2{margin:3rem 0 .75rem;font-size:1.375rem}.page h3{margin:1.5rem 0 .25rem;font-size:1rem}.page li{margin:.25rem 0}.contact-email{font-size:clamp(1.25rem,5vw,1.75rem);font-weight:800}.button{display:inline-block;padding:.75rem 1.5rem;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}.button:hover{background:#333}.site-footer{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--line)}.site-footer p{margin:1rem 0 0;color:var(--muted);font-size:.8125rem}