*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.7;color:#222;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:#0d6efd;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:960px;margin:0 auto;padding:0 16px}
.header,.footer{background:#f7f7f7}
.header a{color:inherit;text-decoration:none}
.nav{display:flex;gap:16px;flex-wrap:wrap}
.main{padding:32px 0}
.article{margin:0 0 48px}
.article h1{font-size:clamp(22px,3vw,32px);margin:0 0 16px}
.meta{color:#666;font-size:14px;margin:0 0 16px}