@charset "UTF-8";
*{box-sizing:border-box}
body{margin:0;background:#141619;color:#F5F4F0;font-family:'Noto Sans JP',sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:#FFC400;text-decoration:none}a:hover{color:#E0AC00}
::selection{background:#FFC400;color:#141619}
.hs-header{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(20,22,25,.92);backdrop-filter:blur(12px);border-bottom:1px solid #2E3235;height:64px;display:flex;align-items:center}
.hs-header__in{max-width:820px;margin:0 auto;padding:0 20px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hs-logo{display:flex;align-items:center;gap:12px}
.hs-logo img{height:38px;display:block}
.hs-logo span{font-weight:900;font-size:14px;letter-spacing:.04em;color:#F5F4F0;white-space:nowrap}
.hs-logo b{color:#FFC400}
.hs-wrap{max-width:820px;margin:0 auto;padding:110px 20px 90px}
.hs-lead{margin:0 0 8px;font-size:clamp(26px,6vw,40px);font-weight:900;line-height:1.4}
.hs-lead span{color:#FFC400}
.hs-note{font-size:13.5px;color:#8B9096;margin:0 0 34px}
.hs-part{background:#1B1E21;border:1.5px solid #33383C;border-radius:14px;padding:28px 24px;margin-bottom:22px}
.hs-part h2{margin:0 0 4px;font-size:19px;font-weight:900;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hs-part h2 .pno{background:#FFC400;color:#141619;font-size:11px;font-weight:900;padding:3px 12px;border-radius:100px;letter-spacing:.06em}
.hs-part .psub{font-size:12.5px;color:#8B9096;margin:0 0 18px}
.hs-field{margin-bottom:16px}
.hs-field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:5px}
.hs-field label em{font-style:normal;font-size:11px;color:#8B9096;font-weight:500;margin-left:8px}
.hs-field input[type=text],.hs-field textarea{width:100%;background:#141619;border:1.5px solid #33383C;border-radius:8px;color:#F5F4F0;font-family:inherit;font-size:15px;padding:11px 14px;outline:none}
.hs-field input:focus,.hs-field textarea:focus{border-color:#FFC400}
.hs-field textarea{min-height:90px;resize:vertical}
.req{color:#FFC400;font-size:11px;font-weight:900;border:1px solid rgba(255,196,0,.5);padding:1px 8px;border-radius:100px;vertical-align:2px}
.opt{color:#8B9096;font-size:11px;font-weight:700;border:1px solid #33383C;padding:1px 8px;border-radius:100px;vertical-align:2px}
.hs-q{font-size:15px;font-weight:900;margin:20px 0 4px}
.hs-qnote{font-size:12px;color:#8B9096;margin:0 0 10px}
.hs-choices{display:flex;flex-wrap:wrap;gap:10px}
.hs-choices label{display:inline-flex;align-items:center;gap:8px;background:#141619;border:1.5px solid #33383C;border-radius:100px;padding:9px 16px;font-size:13.5px;cursor:pointer;user-select:none;transition:.15s}
.hs-choices label:hover{border-color:#8B9096}
.hs-choices input{accent-color:#FFC400;width:16px;height:16px;margin:0}
.hs-choices label:has(input:checked){border-color:#FFC400;background:#221F14;color:#FFC400;font-weight:900}
.hs-other{margin-top:10px}
.hs-count{font-size:12px;color:#8B9096;margin-top:8px}
.hs-count b{color:#FFC400}
.hs-submitbar{text-align:center;margin-top:36px}
.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:inherit;background:#FFC400;color:#141619;padding:17px 40px;font-size:16.5px;font-weight:900;border-radius:8px}
.hs-btn:hover{background:#E0AC00}
.hs-btn-line{background:#06C755;color:#fff}
.hs-btn-line:hover{background:#05B34C;color:#fff}
.hs-btn-ghost{background:#33383C;color:#F5F4F0}
.hs-btn-ghost:hover{background:#41474C}
.hs-error{display:none;margin:14px auto 0;max-width:560px;background:#2A1517;border:1.5px solid #D64541;border-radius:10px;padding:12px 18px;font-size:13.5px;color:#F0716D;font-weight:700}
.hs-result{display:none;background:#1B1E21;border:2px solid #FFC400;border-radius:14px;padding:28px 24px;margin-top:30px}
.hs-result h2{margin:0 0 6px;font-size:20px;font-weight:900;color:#FFC400}
.hs-result p{font-size:13.5px;color:#CFD3D7;margin:0 0 16px}
.hs-result textarea{width:100%;min-height:220px;background:#141619;border:1.5px solid #33383C;border-radius:8px;color:#CFD3D7;font-size:12.5px;padding:14px;font-family:inherit;line-height:1.7}
.hs-result .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}
.hs-saved{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#FFC400;color:#141619;font-size:12.5px;font-weight:900;padding:8px 20px;border-radius:100px;opacity:0;transition:.3s;pointer-events:none;z-index:200}
.hs-saved.show{opacity:1}
footer{border-top:1px solid #2E3235;padding:26px 20px;text-align:center;font-size:12px;color:#8B9096}

.hs-drop{display:flex;flex-direction:column;align-items:center;gap:4px;background:#141619;border:2px dashed #33383C;border-radius:12px;padding:30px 20px;cursor:pointer;text-align:center;transition:.15s}
.hs-drop:hover{border-color:#FFC400;background:#1A1712}
.hs-drop__icon{font-size:34px;line-height:1}
.hs-drop__t{font-size:15px;font-weight:900;color:#FFC400}
.hs-drop__s{font-size:12px;color:#8B9096}
.hs-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:16px}
.hs-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1.5px solid #33383C;background:#0d0f11}
.hs-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hs-thumb button{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(20,22,25,.85);color:#fff;font-size:14px;font-weight:900;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.hs-thumb button:hover{background:#D64541}