/* 光回線コンパス 光回線診断（サイトの色: ネイビー・ブルー・オレンジ） */
.hkc-sd{--nv:#16294c;--bl:#1176d4;--sk:#e8f1fb;--or:#f09f4d;--gr:#2e9e6b;max-width:640px;margin:1.5em auto;border:2px solid var(--nv);border-radius:12px;overflow:hidden;background:#fff;color:#333;font-size:15px;line-height:1.6}
.hkc-sd *{box-sizing:border-box}
.hkc-sd p{margin:0}
.hkc-sd-head{background:var(--nv);color:#fff;padding:.8em 1em .9em}
.hkc-sd-title{font-weight:700;font-size:1.05em}
.hkc-sd-lead{font-size:13px;opacity:.85;margin-top:.2em!important}
.hkc-sd-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.25);margin-top:.7em;overflow:hidden}
.hkc-sd-bar i{display:block;height:100%;background:var(--or);border-radius:99px;transition:width .3s}
.hkc-sd-body{padding:1em}
.hkc-sd-qno{display:inline-block;background:var(--bl);color:#fff;font-weight:700;font-size:12px;border-radius:99px;padding:.1em .8em}
.hkc-sd-q{font-weight:700;font-size:1.1em;color:var(--nv);margin-top:.4em!important}
.hkc-sd-note{font-size:12px;color:#666;margin-top:.2em!important}
.hkc-sd-choices{display:grid;gap:.5em;margin-top:.8em}
.hkc-sd-choice{display:block;width:100%;text-align:left;background:#fff;border:2px solid var(--sk);border-radius:10px;padding:.75em .9em;font:inherit;font-weight:700;color:var(--nv);cursor:pointer;transition:border-color .15s,background .15s}
.hkc-sd-choice:hover,.hkc-sd-choice:focus-visible{border-color:var(--bl);background:var(--sk);outline:none}
.hkc-sd-choice small{display:block;font-weight:400;font-size:12px;color:#666}
.hkc-sd-back,.hkc-sd-restart{background:none;border:0;padding:.4em 0;margin-top:.6em;font:inherit;font-size:13px;color:var(--bl);cursor:pointer}
.hkc-sd-actions{display:flex;justify-content:space-between;gap:1em}
.hkc-sd-card{border-radius:10px;padding:.9em 1em;margin-bottom:.8em}
.hkc-sd-card.is-main{border:2px solid var(--or);background:#fff6ee}
.hkc-sd-card.is-alt{border:1px solid #d9dee7;background:#fff}
.hkc-sd-label{font-size:12px;font-weight:700;color:var(--or)}
.hkc-sd-card.is-alt .hkc-sd-label{color:#666}
.hkc-sd-name{font-size:1.3em;font-weight:700;color:var(--nv);margin:.1em 0 .3em!important}
.hkc-sd-card.is-alt .hkc-sd-name{font-size:1.1em}
.hkc-sd-reason{font-size:14px}
.hkc-sd-micro{text-align:center;font-size:13px;font-weight:700;color:var(--nv);margin-top:.8em!important}
.hkc-sd-btn{display:flex;align-items:center;justify-content:center;gap:.4em;margin-top:.3em;background:var(--gr);color:#fff!important;text-decoration:none!important;font-weight:700;border-radius:99px;padding:.8em 1em;box-shadow:0 3px 0 #1d6b47}
.hkc-sd-card.is-alt .hkc-sd-btn{background:var(--bl);box-shadow:0 3px 0 #0b569c;padding:.6em 1em;font-size:14px}
.hkc-sd-btn span{font-size:1.2em;line-height:1}
.hkc-sd-btn:active{transform:translateY(2px);box-shadow:none}
.hkc-sd-more{display:block;text-align:center;font-size:13px;margin-top:.7em;color:var(--bl)}
.hkc-sd-foot{font-size:11px;color:#666}