:root{color-scheme:light;color:#292929;background:#f5f5f5;font-family:"Noto Sans JP","Yu Gothic",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em}main{max-width:760px;margin:auto;padding:28px 24px 40px}nav{display:flex;flex-wrap:wrap;gap:10px;color:#717171;font-size:12px}.intro{margin:68px 0 36px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#737373}h1{font-weight:600;font-size:clamp(23px,5.3vw,36px);letter-spacing:.015em;line-height:1.7;margin:18px 0}.lead{font-size:15px;line-height:2;color:#555}.cta{display:inline-flex;align-items:center;gap:28px;min-height:48px;padding:12px 20px;background:#303030;color:#fff;text-decoration:none;border-radius:5px;font-size:14px;margin-top:15px}.cta:hover{background:#111}.small{font-size:11px;color:#727272;line-height:1.8;margin:14px 0}.example{max-width:420px;margin:42px auto 68px}.example>a{display:block}.example img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 8px 28px #0000000d}.example figcaption{text-align:center;font-size:11px;color:#737373;line-height:1.9;margin-top:18px}h2{font-size:21px;font-weight:500;margin:0 0 28px}.steps{max-width:580px;margin:0 auto 72px}.steps ol{padding-left:26px}.steps li{padding-left:8px;margin-bottom:28px}.steps h3{font-size:16px;font-weight:500;margin:0 0 9px}.steps p,.notes p{font-size:13px;line-height:2;color:#606060;margin:0}.notes{max-width:580px;margin:auto;padding-top:34px;border-top:1px solid #ddd;scroll-margin-top:20px}.notes h2{font-size:16px;margin-bottom:20px}.notes p{font-size:11px;margin:0 0 15px}footer{display:flex;justify-content:space-between;gap:20px;max-width:580px;margin:40px auto 0;font-size:12px;color:#727272}a:focus-visible{outline:2px solid #666;outline-offset:5px}@media(max-width:480px){main{padding:22px 20px 32px}.intro{margin-top:45px}.lead{font-size:13px}h1{font-size:23px;letter-spacing:0}.example{margin-top:34px}.small{max-width:295px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}