:root{--bg:#f5f1e9;--card:#fffdf8;--ink:#363b35;--sub:#747971;--accent:#ae5e43;--line:#e8dfd2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
a{color:var(--accent)}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:800px;margin:auto;padding:22px 20px}.brand{font-size:22px;font-weight:800;letter-spacing:.08em;text-decoration:none}.quiet{text-decoration:none;font-size:14px}
main{max-width:800px;margin:auto;padding:10px 20px 60px}.intro{text-align:center;padding:46px 5px 28px}.eyebrow,.step{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent)}h1{font-size:clamp(28px,5vw,40px);line-height:1.35;margin:8px 0 16px}h2{font-size:clamp(20px,4vw,26px);line-height:1.45;margin:5px 0 18px}.intro p:not(.eyebrow){max-width:570px;margin:auto;color:var(--sub)}
.contents{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 35px}.contents a{background:var(--card);border:1px solid var(--line);border-radius:99px;text-decoration:none;padding:7px 13px;font-size:14px;font-weight:700}
article,.close{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,5vw,38px);margin:24px 0;box-shadow:0 10px 30px -26px #493c30}article{scroll-margin-top:20px}article p{margin:14px 0;color:#50564e}article p:last-child{margin-bottom:0}
.advertisement{margin:32px 0;padding:14px 0;border-block:1px solid var(--line);min-height:120px;text-align:center}.advertisement .ad-label{font-size:11px;letter-spacing:.12em;color:var(--sub);margin:0 0 10px}.close{text-align:center}.close p{color:var(--sub)}.button{display:inline-block;border-radius:99px;background:var(--accent);padding:12px 24px;color:#fff;text-decoration:none;font-weight:800;margin-top:12px}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;border-top:1px solid var(--line);padding:28px 20px 46px;font-size:13px}
@media(max-width:500px){.top{padding:16px}.intro{padding-top:28px}.contents{justify-content:flex-start}.contents a{font-size:12px;padding:6px 10px}article,.close{margin:18px 0}}