:root{--ink:#171717;--paper:#fff;--yellow:#ffe000;--pale:#fffbe5;--soft:#dedede;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2d5fff;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.eyebrow,.en{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:.08em}.eyebrow{font-size:13px}.header{border-bottom:2px solid;position:sticky;top:0;background:#fff;z-index:10}.header .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:84px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:28px;height:43px;object-fit:contain}.brand b{display:block;font:800 25px/1 Outfit,sans-serif}.brand small{font-size:10px}.header nav{display:flex;gap:24px;font-size:13px;font-weight:700}.header nav a{padding:12px 0}.hero{padding:70px 0 60px;border-bottom:2px solid}.hero .wrap{display:grid;grid-template-columns:1fr 185px;gap:40px;align-items:center}h1{font-size:clamp(30px,4.4vw,58px);line-height:1.45;letter-spacing:.01em;margin:16px 0 20px}h1 mark{background:linear-gradient(transparent 65%,var(--yellow) 65%);color:inherit}.intro{max-width:690px;margin:0;font-size:16px}.hero-art{position:relative}.hero-art img{width:150px;margin:25px auto 0}.bubble{position:absolute;top:-16px;left:-50px;rotate:-6deg;border:2px solid;border-radius:12px;padding:10px 16px;background:white;font-size:12px;font-weight:700}.hero-note{font-size:12px;margin:24px 0 0;color:#535353}.section{padding:64px 0;border-bottom:2px solid}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}.section-title h2{font:800 38px/1.1 Outfit,sans-serif;margin:0}.section-title p{font-size:12px;margin:0}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}.choices a{min-height:44px;display:flex;align-items:center;border:1.5px solid;border-radius:30px;padding:7px 18px;font-weight:700;font-size:13px}.choices a[aria-current=page]{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;margin:0;padding:0;list-style:none}.card{min-width:0}.card a{display:block}.cover{border:2px solid;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#f3f3f3}.cover img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.card a:hover .cover img{transform:scale(1.025)}.meta{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin:13px 0 5px}.card h3{font-size:17px;line-height:1.5;margin:4px 0}.card p{font-size:13px;line-height:1.75;margin:8px 0 0;color:#424242}.more{display:block;font-size:12px;font-weight:700;margin-top:12px}.notice{font-size:12px;border:1px dashed;border-radius:10px;padding:18px;margin:32px 0 0}.reply{background:var(--pale)}.reply h2{font-size:28px;margin:8px 0 18px}.reply p{max-width:700px}.reply-items{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.reply-items li{border:1px solid;padding:7px 16px;border-radius:30px;font-weight:700;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:2px solid;padding:10px 24px;border-radius:30px;font-size:14px;font-weight:700;background:var(--yellow);gap:25px}.btn.light{background:white}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.footer{padding:26px 0;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.detail-hero{padding:48px 0 40px}.back{font-size:12px;display:inline-block;padding:6px 0;border-bottom:1px solid}.detail-hero h1{font-size:clamp(28px,4vw,44px);max-width:900px}.sub{font-size:13px;font-weight:700}.facts{display:grid;grid-template-columns:120px 1fr;max-width:900px;margin:28px 0 0}.facts dt,.facts dd{padding:15px 0;border-top:1px solid var(--soft);margin:0;font-size:14px}.facts dt{font-weight:700}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{padding:10px 22px;border:1.5px solid;border-radius:30px;background:white;min-height:44px;cursor:pointer;font-weight:700}.tabs button[aria-selected=true]{background:var(--ink);color:white}.screen{max-height:760px;overflow:auto;overscroll-behavior:contain;border:2px solid;border-radius:14px;background:#f6f6f6}.screen img{width:100%;height:auto}.screen.mobile{max-width:390px;margin:auto}.screen-caption{font-size:12px;margin:12px 0}.design-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0;list-style:none;margin:0}.design-points li{border:1.5px solid;border-radius:12px;padding:24px;font-size:14px}.design-points b{display:block;margin-bottom:14px;font-size:12px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.report-grid a{border:1px solid}.report-grid img{width:100%}.site-preview{width:100%;border:2px solid;border-radius:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* 掲載用画像はブラウザで1200×1000の画像へ書き出す */
.board-body{width:1200px;height:1000px;overflow:hidden}.board{position:relative;width:1200px;height:1000px;padding:44px 52px;background:#fff}.board-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.board-top span{border:1.5px solid;border-radius:30px;padding:5px 14px}.board h1{font-size:36px;line-height:1.4;letter-spacing:0;margin:14px 0 22px;max-width:1020px}.board .display{position:relative;height:530px;background:var(--pale);border-radius:16px;padding:26px}.desktop-crop{width:835px;height:476px;overflow:hidden;border:2px solid;border-radius:12px;background:white}.desktop-crop img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-crop{position:absolute;right:32px;top:52px;width:210px;height:444px;border:8px solid var(--ink);border-radius:27px;overflow:hidden;background:white;box-shadow:0 10px 30px #0002}.phone-crop img{width:100%;height:auto}.board .caption{margin-top:22px;display:grid;grid-template-columns:1.1fr 1.7fr;gap:32px}.board .caption h2{font-size:12px;margin:0 0 7px}.board .caption p{font-size:17px;font-weight:700;line-height:1.65;margin:0}.board-bottom{position:absolute;bottom:32px;left:52px;right:52px;border-top:1px solid;padding-top:13px;display:flex;justify-content:space-between;font-size:12px}.board-bottom p{margin:0}.board .report-display{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.board .report-display img{width:100%;border:1px solid}.board .site-display .desktop-crop{width:100%}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .wrap{grid-template-columns:1fr 130px;gap:16px}.hero-art img{width:110px}.bubble{left:-30px}.design-points{grid-template-columns:1fr}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header .wrap{min-height:72px}.header nav{gap:14px;font-size:11px}.brand b{font-size:20px}.brand img{width:23px}.hero{padding:40px 0}.hero .wrap{display:block}.hero-art{display:none}.intro{font-size:14px}h1{font-size:34px}.section{padding:42px 0}.section-title{align-items:flex-start}.section-title h2{font-size:30px}.section-title p{max-width:100px;text-align:right}.grid{gap:30px 14px}.card h3{font-size:14px}.card p{font-size:12px}.meta{font-size:9px}.choices{gap:8px}.choices a{padding:7px 12px;font-size:12px}.reply h2{font-size:24px}.facts{grid-template-columns:80px 1fr}.facts dt,.facts dd{font-size:13px}.report-grid{grid-template-columns:1fr}.footer .wrap{flex-direction:column;gap:8px}.buttons .btn{width:100%}.screen{max-height:570px}.detail-hero{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}