@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@600;700;900&display=swap";
.doc-needs-survey{--navy:#12263a;--navy2:#0e1e30;--red:#c0392b;--red2:#a8321f;--gold:#c9a227;--gold-d:#b8860b;--gold-l:#f4c64a;--gold-bg:#fff7e3;--ink:#1f2937;--mute:#6b7280;--line:#e7e9ee;--green:#2e7d46;--wash:#f5f7fa;--axA:#0b5394;--axB:#c0392b;--axC:#b8860b;--shadow:0 10px 30px #12263a1a;--shadow-lg:0 24px 50px #12263a24}.doc-needs-survey,.doc-needs-survey *,.doc-needs-survey :before,.doc-needs-survey :after{box-sizing:border-box;margin:0;padding:0}.doc-needs-survey{color:var(--ink);background:var(--wash);min-height:100vh;font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.8}.doc-needs-survey h1,.doc-needs-survey h2,.doc-needs-survey h3,.doc-needs-survey .serif{font-family:Noto Serif JP,serif}.doc-needs-survey a{color:inherit}.doc-needs-survey .wrap{max-width:720px;margin:0 auto;padding:0 20px}.doc-needs-survey .top{background:radial-gradient(900px 400px at 85% -20%,#1b3a5c,var(--navy));color:#fff;padding:30px 0 26px}.doc-needs-survey .top .brand{align-items:center;gap:10px;margin-bottom:12px;font-family:Noto Serif JP;font-size:20px;font-weight:900;display:flex}.doc-needs-survey .top .seal{border:2.5px solid var(--gold-l);width:32px;height:32px;color:var(--gold-l);border-radius:50%;place-items:center;font-size:16px;display:grid}.doc-needs-survey .top h1{font-size:25px;font-weight:900;line-height:1.35}.doc-needs-survey .top p{color:#cbd5e1;margin-top:9px;font-size:14px}.doc-needs-survey main{padding:26px 0 60px}.doc-needs-survey .prog{justify-content:center;align-items:center;gap:6px;margin-bottom:20px;display:flex}.doc-needs-survey .prog .dot{background:#dce2ea;border-radius:99px;width:30px;height:6px;transition:all .2s}.doc-needs-survey .prog .dot.on{background:var(--gold)}.doc-needs-survey .prog .dot.done{background:var(--navy)}.doc-needs-survey .card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:26px 26px 22px}.doc-needs-survey .step{display:none}.doc-needs-survey .step.active{display:block}.doc-needs-survey .step .sh{color:var(--gold-d);letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:900}.doc-needs-survey .step h2{color:var(--navy);margin-bottom:18px;font-size:20px}.doc-needs-survey .q{margin-bottom:20px}.doc-needs-survey .q>.ql{color:var(--navy);margin-bottom:10px;font-size:14.5px;font-weight:700;display:block}.doc-needs-survey .q .qs{color:var(--mute);margin-left:6px;font-size:12px;font-weight:400}.doc-needs-survey .opts{flex-wrap:wrap;gap:9px;display:flex}.doc-needs-survey .opt{position:relative}.doc-needs-survey .opt input{opacity:0;width:0;height:0;position:absolute}.doc-needs-survey .opt span{border:1.5px solid var(--line);color:var(--mute);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:10px 15px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-block}.doc-needs-survey .opt input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}.doc-needs-survey .opt input:checked+span.a{background:var(--axA);border-color:var(--axA)}.doc-needs-survey .opt span:hover{border-color:var(--navy)}.doc-needs-survey select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px}.doc-needs-survey select:focus{border-color:var(--navy);outline:none}.doc-needs-survey .nav{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.doc-needs-survey .btn{cursor:pointer;border:none;border-radius:999px;padding:13px 26px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.doc-needs-survey .btn-primary{background:var(--red);color:#fff;display:inline-block;box-shadow:0 8px 20px #c0392b47}.doc-needs-survey .btn-primary:hover{background:var(--red2);transform:translateY(-2px)}.doc-needs-survey .btn-ghost{color:var(--mute);border:1.5px solid var(--line);background:#fff}.doc-needs-survey .btn-ghost:hover{border-color:var(--navy);color:var(--navy)}.doc-needs-survey .btn-navy{background:var(--navy);color:#fff}.doc-needs-survey .btn-navy:hover{background:var(--navy2)}.doc-needs-survey .err{color:var(--red);min-height:18px;margin-top:6px;font-size:13px;font-weight:700}.doc-needs-survey .result{display:none}.doc-needs-survey .result.on{display:block}.doc-needs-survey .rhead{text-align:center;margin-bottom:22px}.doc-needs-survey .rhead .eyebrow{color:var(--gold-d);letter-spacing:.06em;text-transform:none;font-family:inherit;font-size:12px;font-weight:900}.doc-needs-survey .rhead h2{color:var(--navy);margin-top:6px;font-size:24px}.doc-needs-survey .axes{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.doc-needs-survey .ax{text-align:center;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:16px 12px}.doc-needs-survey .ax .k{color:var(--mute);font-size:11px;font-weight:900}.doc-needs-survey .ax .nm{color:var(--navy);margin:4px 0;font-size:15px;font-weight:900}.doc-needs-survey .ax .meter{background:#eef1f5;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.doc-needs-survey .ax .meter i{border-radius:99px;height:100%;display:block}.doc-needs-survey .ax.a .meter i{background:var(--axA)}.doc-needs-survey .ax.b .meter i{background:var(--axB)}.doc-needs-survey .ax.c .meter i{background:var(--axC)}.doc-needs-survey .ax.hit{border-color:var(--navy);box-shadow:var(--shadow)}.doc-needs-survey .ax .lv{margin-top:7px;font-size:11px;font-weight:900}.doc-needs-survey .ax.a .lv{color:var(--axA)}.doc-needs-survey .ax.b .lv{color:var(--axB)}.doc-needs-survey .ax.c .lv{color:var(--gold-d)}.doc-needs-survey .rbox{background:var(--wash);border-radius:14px;margin-bottom:16px;padding:18px 20px}.doc-needs-survey .rbox .lbl{color:var(--mute);font-size:12px;font-weight:700}.doc-needs-survey .rbox .big{color:var(--navy);margin-top:2px;font-size:15px;font-weight:700}.doc-needs-survey .rbox .plan{color:var(--red);font-family:Noto Serif JP;font-size:22px;font-weight:900}.doc-needs-survey .rmsg{color:#374151;background:var(--gold-bg);border:1px solid var(--gold);border-radius:12px;margin-bottom:20px;padding:16px 18px;font-size:14px;line-height:1.9}.doc-needs-survey .rmsg b{color:var(--navy)}.doc-needs-survey .cando{margin-bottom:20px}.doc-needs-survey .cando h3{color:var(--navy);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.doc-needs-survey .cando ul{gap:10px;list-style:none;display:grid}.doc-needs-survey .cando li{color:#374151;align-items:flex-start;gap:11px;font-size:14px;line-height:1.7;display:flex}.doc-needs-survey .cando li .ck{background:var(--green);color:#fff;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;margin-top:2px;font-size:12px;font-weight:900;display:grid}.doc-needs-survey .rprinciple{color:var(--mute);border:1px dashed var(--gold-d);background:#fff;border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:12.5px;line-height:1.75}.doc-needs-survey .rprinciple b{color:var(--navy)}.doc-needs-survey .cavea{color:var(--mute);font-size:12.5px}.doc-needs-survey .rsubsidy{background:var(--gold-bg);border:1px solid var(--gold);border-radius:12px;margin-bottom:20px;padding:16px 18px}.doc-needs-survey .rsubsidy .lbl{color:var(--gold-d);margin-bottom:6px;font-size:13px;font-weight:900}.doc-needs-survey .rsubsidy .rs-body{color:#374151;font-size:14px;line-height:1.85}.doc-needs-survey .rsubsidy .rs-body b{color:var(--red)}.doc-needs-survey .rsubsidy .rs-note{color:var(--mute);margin-top:8px;font-size:11.5px;line-height:1.7}.doc-needs-survey .rbox .plan .free{color:var(--green)}.doc-needs-survey .contact{border-top:1px dashed var(--line);margin-top:6px;padding-top:22px}.doc-needs-survey .contact h3{color:var(--navy);margin-bottom:4px;font-size:17px}.doc-needs-survey .contact .sub{color:var(--mute);margin-bottom:16px;font-size:13px}.doc-needs-survey .cf{margin-bottom:14px}.doc-needs-survey .cf label{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.doc-needs-survey .cf .op{color:var(--mute);margin-left:5px;font-size:11px;font-weight:400}.doc-needs-survey .cf input{border:1.5px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.doc-needs-survey .cf input:focus{border-color:var(--navy);outline:none}.doc-needs-survey .cf2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.doc-needs-survey .wantq{color:#374151;cursor:pointer;align-items:center;gap:9px;margin:4px 0 16px;font-size:13.5px;display:flex}.doc-needs-survey .wantq input{width:17px;height:17px;accent-color:var(--red)}.doc-needs-survey .thanks{text-align:center;color:#1e7a44;background:#eaf6ee;border:1px solid #bfe3ca;border-radius:12px;margin-top:16px;padding:18px;font-weight:700;line-height:1.7;display:none}.doc-needs-survey .thanks.on{display:block}.doc-needs-survey .demo{color:var(--mute);text-align:center;margin-top:12px;font-size:11.5px;line-height:1.6}.doc-needs-survey .restart{text-align:center;margin-top:16px}.doc-needs-survey .restart a{color:var(--navy);cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline}.doc-needs-survey footer{text-align:center;color:var(--mute);padding:20px 0 34px;font-size:11.5px}@media (max-width:560px){.doc-needs-survey .axes,.doc-needs-survey .cf2{grid-template-columns:1fr}.doc-needs-survey .top h1{font-size:21px}}@media (max-width:760px){.doc-needs-survey table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.doc-needs-survey input,.doc-needs-survey select,.doc-needs-survey textarea{font-size:16px!important}}