*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#26333b;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.brand-rule{height:4px;background:#bb9860}
.site-header{max-width:820px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaec;color:#17394b;font-size:13px;font-weight:800}
.header-label{color:#887450;font-weight:600}
main{max-width:820px;margin:auto}
.cover{margin:28px 28px 0}
.cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-wrap{max-width:710px;margin:auto;padding:35px 26px 90px}
.eyebrow{color:#977e53;font-size:11px;font-weight:800;margin:0 0 12px}
h1{color:#18394b;font-size:34px;line-height:1.5;margin:0 0 18px;letter-spacing:0;overflow-wrap:anywhere}
.lead{font-size:17px;color:#536775;line-height:1.9;margin:0 0 38px}
.toc{border-top:1px solid #dce3e6;border-bottom:1px solid #dce3e6;padding:22px 0 17px;margin:0 0 65px}
.toc-title{font-size:13px;font-weight:800;color:#234a5a;margin:0 0 10px}
.toc ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.toc a{display:block;padding:5px 0;font-size:15px;line-height:1.5;color:#2d5a70;text-decoration:none}
.toc a:hover,.toc a:focus-visible{text-decoration:underline;text-underline-offset:3px}
article h2{color:#17394b;font-size:23px;line-height:1.5;margin:66px 0 22px;scroll-margin-top:24px;overflow-wrap:anywhere}
article h3{color:#244d60;font-size:19px;line-height:1.55;margin:42px 0 17px}
article p,article li{font-size:17px;line-height:1.98;overflow-wrap:anywhere}
article p{margin:0 0 25px}
article ul,article ol{padding-left:1.55em;margin:0 0 27px}
article li{padding-left:.2em;margin:0 0 10px}
article strong{font-weight:800;color:#153f54}
article blockquote{margin:28px 0;padding:8px 0 8px 20px;border-left:3px solid #bb9860;line-height:1.9;color:#3d5561}
article hr{border:0;border-top:1px solid #e4e9eb;margin:60px 0}
article figure{margin:30px 0 40px}
article figure img{display:block;width:100%;height:auto}
.guide-note{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:end;gap:14px;margin:36px 0 44px}
.guide-note img{display:block;width:88px;height:112px;object-fit:contain;object-position:bottom}
.guide-note p{position:relative;margin:0 0 7px;padding:17px 19px;border:1px solid #cbdde5;border-radius:6px;background:#f5fbff;color:#23465a;font-size:15px;line-height:1.75}
.guide-note p:before{content:"";position:absolute;left:-8px;bottom:23px;width:14px;height:14px;background:#f5fbff;border-left:1px solid #cbdde5;border-bottom:1px solid #cbdde5;transform:rotate(45deg)}
.article-footer{margin-top:74px;padding-top:20px;border-top:1px solid #e4e9eb;color:#6a7b84}
.article-footer p{font-size:12px;line-height:1.7;margin:0 0 8px}
@media(max-width:600px){.site-header{padding:16px 20px}.cover{margin:0}.article-wrap{padding:28px 20px 70px}h1{font-size:29px;line-height:1.45}.lead{font-size:16px}.toc{margin-bottom:52px}article h2{font-size:21px;margin-top:55px}article h3{font-size:18px}article p,article li{font-size:16px;line-height:1.9}article figure{margin:26px -20px 36px}article figure img{width:100%}.guide-note{grid-template-columns:68px minmax(0,1fr);gap:10px}.guide-note img{width:68px;height:96px}.guide-note p{font-size:14px;padding:12px 13px}}