/* わが家の防災診断 */
.hd-k{margin:0 0 10px;color:var(--mark);font-size:.8rem;font-weight:700;letter-spacing:.12em}.hd-k.d{color:var(--gold)}
/* 最初の画面 */
.hd-hero{position:relative;overflow:hidden;background:var(--green);color:#fff}.hd-hero-p{position:absolute;inset:0}.hd-hero-p img{width:100%;height:100%;object-fit:cover;opacity:.32}.hd-hero-p::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(23,56,48,.96) 0%,rgba(31,74,64,.82) 46%,rgba(31,74,64,.45) 100%)}
.hd-hero-g{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center;padding-block:64px}
.hd-hero-t{min-width:0}.hd-hero h1{margin:0 0 18px;color:#fff;font-family:var(--min);font-size:clamp(2.5rem,5.2vw,4.1rem);font-weight:500;line-height:1.28;letter-spacing:.02em}
.hd-lead{margin:0 0 24px;font-size:1.06rem;line-height:1.85;color:#eef4f0}
.hd-pts{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.hd-pts li{display:flex;align-items:center;gap:10px;font-size:.94rem;line-height:1.5}.hd-pts svg{flex:none;color:var(--mark)}
.hd-meta{margin:0;display:flex;flex-wrap:wrap;gap:6px}.hd-meta span{padding:4px 12px;border:1px solid rgba(255,255,255,.35);border-radius:99px;font-size:.78rem}
/* 質問カード */
.hd-f{min-width:0;display:flex;flex-direction:column;padding:30px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 70px -24px rgba(7,28,23,.6)}
.hd-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}.hd-bar{flex:1;height:6px;border-radius:99px;background:var(--soft);overflow:hidden}.hd-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--green),#3b8a76);transition:width .3s}.hd-top span{flex:none;color:var(--muted);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}
.hd-f fieldset{min-width:0;margin:0;padding:0;border:0}.hd-f legend{float:none;width:100%;margin:0 0 16px;padding:0;font-family:var(--min);font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.5}.hd-f legend small{display:block;margin-bottom:4px;color:var(--gold);font-family:var(--sans);font-size:.76rem;font-weight:700;letter-spacing:.06em}
.hd-n{margin:-6px 0 14px;color:var(--muted);font-size:.9rem;line-height:1.75}.hd-p{margin:12px 0 0;color:var(--muted);font-size:.8rem;line-height:1.7}
.hd-in{display:block;width:100%;padding:15px 16px;border:2px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:1.05rem;color:var(--ink);transition:border-color .15s}.hd-in:focus{outline:0;border-color:var(--green)}
.hd-er{margin:10px 0 0;color:#b23a2a;font-size:.86rem;font-weight:700;line-height:1.6}
.hd-o{display:grid;gap:8px}.hd-o label{display:block;min-width:0;cursor:pointer}.hd-o input{position:absolute;opacity:0;width:1px;height:1px}
.hd-o span{position:relative;display:block;padding:13px 46px 13px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;line-height:1.55;transition:border-color .15s,background .15s}.hd-o span::after{content:"";position:absolute;right:15px;top:50%;width:20px;height:20px;margin-top:-10px;border:2px solid var(--line);border-radius:50%;background:#fff}
.hd-o label:hover span{border-color:var(--green)}.hd-o input:checked+span{border-color:var(--green);background:#eef5f1;font-weight:700}.hd-o input:checked+span::after{border:6px solid var(--green)}.hd-o input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.hd-c span::after{border-radius:6px}.hd-c input:checked+span::after{border:0;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.hd-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px}.hd-next{order:3;margin-left:auto;min-width:150px;padding:14px 30px;border:0;border-radius:12px;background:var(--green);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:background .15s}.hd-next:hover{background:#163a32}
.hd-back,.hd-skip{padding:6px 0;border:0;background:none;color:var(--green);font:inherit;font-size:.9rem;cursor:pointer}.hd-skip{text-decoration:underline}.hd-back[hidden],.hd-skip[hidden]{display:none}
/* 読み込み */
.hd-load{padding-block:110px;text-align:center;color:var(--muted)}.hd-load i{display:inline-block;width:34px;height:34px;border:3px solid var(--soft);border-top-color:var(--green);border-radius:50%;animation:hd-s .8s linear infinite}.hd-load p{margin:14px 0 0}@keyframes hd-s{to{transform:rotate(360deg)}}
/* 結果：見出し */
.hd-rh{background:var(--green);color:#fff}.hd-rh-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;padding-block:54px 90px}.hd-rh h1{margin:0;color:#fff;font-family:var(--min);font-size:clamp(1.65rem,3.4vw,2.6rem);font-weight:500;line-height:1.55}
.hd-num{display:inline-block;margin-right:6px;color:var(--mark);font-size:2.5em;line-height:1.1;font-weight:700;vertical-align:-.06em}.hd-num small{margin-left:2px;font-size:.36em;font-weight:500;color:#fff}
.hd-rh-n{margin:0;padding-left:18px;border-left:2px solid rgba(255,255,255,.28);color:#dfe9e4;font-size:.84rem;line-height:1.8}
.hd-rb{position:relative;margin-top:-48px;display:grid;gap:22px;padding-bottom:64px}
/* 結果：想定 */
.hd-z{padding:26px;border-radius:18px;background:#fff;box-shadow:0 22px 50px -28px rgba(7,28,23,.45)}.hd-z header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:16px}.hd-z h2{margin:0;font-family:var(--min);font-size:1.3rem}.hd-z header p{margin:0;color:var(--muted);font-size:.84rem}
.hd-z ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hd-z li{min-width:0;display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.hd-z .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--muted)}.hd-z li b{font-size:.98rem}.hd-z li small{color:var(--muted);font-size:.78rem;line-height:1.5}
.hd-z li.on{background:#fbe6df;border-color:#ecb7a6}.hd-z li.on .ic{background:#d9694f;color:#fff}.hd-z li.on b{color:#7a2e1f}.hd-z li.on small{color:#7a2e1f;font-weight:700}.hd-z li.un{background:#fbf2e0;border-color:#e6cf9f}.hd-z li.un small{color:#7c5c1e;font-weight:700}
.hd-zn{margin:14px 0 0;color:var(--muted);font-size:.78rem;line-height:1.75}
.hd-w{margin:14px 0 0;padding:13px 16px;border-radius:12px;background:#fbefe9;color:#6d2d20;font-size:.9rem;line-height:1.75}.hd-w b{display:block}.hd-w a{text-decoration:underline;font-weight:700}.hd-rb>.hd-w{margin:0;background:#fff;box-shadow:0 22px 50px -28px rgba(7,28,23,.45);border-radius:14px;padding:20px 22px}
/* 結果：確かめたいこと */
.hd-list{padding:26px;border-radius:18px;background:#fff;border:1px solid var(--line)}.hd-list h2,.hd-pr h2{margin:0 0 6px;font-family:var(--min);font-size:1.3rem}
.hd-list ol{margin:0;padding:0;list-style:none}.hd-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px;padding:20px 0;border-top:1px solid var(--line)}.hd-list li:first-child{border-top:0}
.hd-list em{font-family:var(--min);font-style:normal;font-size:2.1rem;line-height:1;color:var(--green)}.hd-list li div{min-width:0}.hd-list small{display:inline-block;margin-bottom:6px;padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:700;background:var(--soft);color:var(--green)}.hd-list .t-p small{background:#fbe6df;color:#7a2e1f}.hd-list .t-b small{background:#fbf2e0;color:#7c5c1e}
.hd-list h3{margin:0 0 6px;font-family:var(--min);font-size:1.16rem;font-weight:500;line-height:1.5}.hd-list p{margin:0;font-size:.94rem;line-height:1.85}.hd-ln{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px!important}.hd-ln a{display:inline-flex;gap:6px;padding:7px 13px;border:1px solid var(--green);border-radius:99px;color:var(--green);font-size:.84rem;font-weight:700;line-height:1.4}.hd-ln a:hover{background:var(--green);color:#fff}.hd-ln i{font-style:normal}
/* 結果：備え */
.hd-pr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;padding:26px;border-radius:18px;background:var(--soft)}
.hd-ring{--p:0;width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#dfe3d9 0)}.hd-ring b{width:88px;height:88px;display:grid;place-items:center;grid-auto-flow:column;align-content:center;justify-content:center;border-radius:50%;background:var(--soft);font-family:var(--min);font-size:2rem;font-weight:700;color:var(--green)}.hd-ring small{font-size:.9rem;font-weight:500;align-self:end;padding-bottom:6px}
.hd-pr-t{min-width:0}.hd-pr p{margin:0 0 12px;color:var(--muted);font-size:.9rem;line-height:1.7}.hd-pr ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.hd-pr li{font-size:.88rem;line-height:1.5}.hd-pr li a{display:inline-flex;gap:6px;padding:7px 12px;border-radius:9px;background:#fff;border:1px solid var(--line);font-weight:700}.hd-pr li a:hover{border-color:var(--green)}.hd-pr li i{font-style:normal;color:var(--gold)}.hd-pr li.y{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;color:var(--muted)}.hd-pr li.y svg{width:15px;height:15px;color:var(--green)}.hd-pr .hd-sm{margin:12px 0 0;font-size:.76rem}
/* 次にやること */
.hd-after{padding-block:12px 72px}.hd-after h2{margin:0 0 20px;font-family:var(--min);font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:500}.hd-ng{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hd-nc{position:relative;display:block;min-width:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--green);color:#fff;text-decoration:none}.hd-nc img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.hd-nc:hover img{transform:scale(1.04)}.hd-nc div{position:absolute;inset:auto 0 0;padding:44px 18px 16px;background:linear-gradient(transparent,rgba(16,40,34,.88))}.hd-nc b{display:block;font-family:var(--min);font-size:1.16rem;font-weight:500;line-height:1.5;color:#fff}.hd-nc span{font-size:.82rem;color:#e6efea;line-height:1.5}
.hd-again{margin:26px 0 0;text-align:center}.hd-again button{padding:12px 28px;border:1px solid var(--green);border-radius:99px;background:none;color:var(--green);font:inherit;font-weight:700;cursor:pointer}.hd-again button:hover{background:var(--green);color:#fff}
/* 説明 */
.hd-ex{padding-block:64px 40px}.hd-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px;overflow:hidden}.hd-split article{min-width:0;padding:36px}.hd-split .yes{background:var(--green);color:#fff}.hd-split .no{background:var(--soft)}.hd-split h2{margin:0 0 16px;font-family:var(--min);font-size:clamp(1.25rem,2.3vw,1.6rem);font-weight:500;line-height:1.5}.hd-split .yes h2{color:#fff}
.hd-split ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}.hd-split li{position:relative;padding-left:26px;font-size:.94rem;line-height:1.75}.hd-split li::before{content:"";position:absolute;left:2px;top:.72em;width:11px;height:6px;border-left:2px solid var(--mark);border-bottom:2px solid var(--mark);transform:rotate(-45deg)}.hd-split .no li::before{left:4px;top:.5em;width:2px;height:.72em;border:0;background:var(--gold);transform:none}
.hd-era{margin-top:64px}.hd-era h2{margin:0 0 12px;font-family:var(--min);font-size:clamp(1.45rem,2.8vw,2rem);font-weight:500}.hd-era-l{max-width:46em;margin:0 0 26px;line-height:1.95}
.hd-tl{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.hd-tl li{position:relative;min-width:0;padding:30px 24px 4px 0}.hd-tl li::before{content:"";position:absolute;left:0;right:0;top:0;height:8px}.hd-tl li::after{content:"";position:absolute;left:0;top:-5px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid}.hd-tl .a::before,.hd-tl .a::after{border-color:#d9694f;background:#d9694f}.hd-tl .a::after{background:#fff}.hd-tl .b::before{background:var(--mark)}.hd-tl .b::after{border-color:#d9b352}.hd-tl .c::before{background:var(--green)}.hd-tl .c::after{border-color:var(--green)}
.hd-tl small{display:block;color:var(--muted);font-size:.82rem;font-weight:700}.hd-tl b{display:block;margin:4px 0 8px;font-family:var(--min);font-size:1.22rem;font-weight:500}.hd-tl p{margin:0;font-size:.9rem;line-height:1.8}
.hd-hero+.hd-r+.hd-after[hidden]+.hd-ex{padding-top:64px}
@media(max-width:980px){.hd-hero-g{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:36px 40px}.hd-pts,.hd-meta{display:none}.hd-lead{margin-bottom:0}.hd-z ul{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-z li:last-child:nth-child(odd){grid-column:1/-1}.hd-rh-g{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:36px 80px}.hd-ng{grid-template-columns:minmax(0,1fr)}.hd-nc{aspect-ratio:16/9}}
@media(max-width:700px){.hd-f,.hd-z,.hd-list,.hd-pr{padding:20px}.hd-split{grid-template-columns:minmax(0,1fr)}.hd-split article{padding:26px 22px}.hd-tl{grid-template-columns:minmax(0,1fr);gap:0;padding-left:12px;border-left:0}.hd-tl li{padding:0 0 26px 26px}.hd-tl li::before{left:7px;right:auto;top:0;bottom:0;width:6px;height:auto}.hd-tl li::after{left:1px;top:0}.hd-pr{grid-template-columns:minmax(0,1fr);justify-items:start}.hd-next{min-width:0;flex:1 1 40%}.hd-list li{grid-template-columns:40px minmax(0,1fr)}.hd-list em{font-size:1.7rem}}
.hd-hero-p img{opacity:.42}.hd-split .no h2{color:var(--ink)}.hd-split .no li::before{top:.68em;left:2px;width:12px;height:2px}