:root{--ink:#1e2d38;--blue:#12394b;--cyan:#d5eee9;--paper:#f6f9f8;--line:#adc5c6}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 system-ui,sans-serif}
a{color:var(--blue);text-underline-offset:3px}h1,h2{line-height:1.13;margin:0 0 17px}h1{font-size:clamp(38px,7vw,79px)}h2{font-size:clamp(27px,4.4vw,43px)}
.wrap{width:min(1090px,calc(100% - 52px));margin-inline:auto}
.top{background:var(--blue);color:#fff}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0}
.top a{color:#fff}.brand{font-weight:800;font-size:26px;line-height:1.15;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:550}
.opening{display:grid;grid-template-columns:1.65fr minmax(0,1fr);gap:31px;align-items:end;padding:clamp(26px,6.5vw,74px) 0 35px;border-bottom:3px solid var(--blue)}
.opening p:not(.tag){font-size:20px;max-width:580px}.opening ol{margin:0;background:var(--cyan);padding:14px 16px 14px 36px}
.opening li{padding:5px 0}.tag{font-size:13px;font-weight:750;letter-spacing:.05em;margin:0 0 11px;color:#275d65}
.guide{padding:23px 0 41px;max-width:780px}.guide p:last-child{margin:0}
footer{border-top:1px solid var(--line);padding:14px 0;font-size:14px}
.article-wrap{padding:28px 0 39px}.bap-single-content{max-width:790px}.bap-single-content h1{font-size:clamp(34px,5.5vw,61px);overflow-wrap:anywhere}
.bap-single-content h2{margin-top:29px}.bap-single-content li{padding-bottom:5px}.lead{font-size:clamp(18px,2vw,22px)}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.opening{grid-template-columns:minmax(0,1fr);gap:7px}.opening p:not(.tag){font-size:18px}}