:root{--ink:#141410;--ink-2:#22221C;--lime:#AACB3E;--lime-deep:#7C9A28;--lime-pale:#E7F0C6;--paper:#FAFAF6;--white:#FFFFFF;--text:#1B1C16;--text-soft:#63665C;--line:#E4E2D8;--error:#B3402A;--radius:16px;--maxw-narrow:760px}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*{animation-duration:0.001ms !important;transition-duration:0.001ms !important}}body{margin:0;font-family:'Noto Sans JP', sans-serif;color:var(--text);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:'Zen Kaku Gothic New', sans-serif;margin:0;color:var(--ink);font-weight:700}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--lime-deep);outline-offset:2px}.wrap-narrow{max-width:var(--maxw-narrow);margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--line);background:var(--white);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:var(--maxw-narrow);margin:0 auto;padding:0 24px}.logo{font-family:'Zen Kaku Gothic New', sans-serif;font-size:18px;font-weight:900;color:var(--ink);display:flex;align-items:center;gap:9px;text-decoration:none}.logo .mark{width:26px;height:26px;border-radius:50%;background:var(--ink);position:relative;flex-shrink:0}.logo .mark::after{content:"K";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--lime);font-size:13px;font-weight:900}.back-link{font-size:13px;color:var(--text-soft);text-decoration:none;display:flex;align-items:center;gap:6px}.back-link:hover{color:var(--ink)}.progress-wrap{background:var(--white);border-bottom:1px solid var(--line);padding:18px 0;position:sticky;top:66px;z-index:29}.progress-track{display:flex;align-items:center;gap:4px;max-width:var(--maxw-narrow);margin:0 auto;padding:0 24px}.progress-seg{flex:1;height:4px;border-radius:4px;background:var(--line)}.progress-seg.done,.progress-seg.active{background:var(--lime)}.progress-label{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--text-soft);max-width:var(--maxw-narrow);margin:10px auto 0;padding:0 24px;display:flex;justify-content:space-between}.progress-label b{color:var(--ink)}@media (max-width: 960px){header{position:static}.progress-wrap{top:0}}main{padding:28px 0 160px}.step{display:none}.step.active{display:block;animation:fadeIn .35s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.step h2{font-size:22px;margin-bottom:8px}.step .step-desc{color:var(--text-soft);font-size:14px;margin-bottom:28px}.step-note{font-size:12.5px;color:var(--text-soft);margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.subsection-title{font-size:13px;font-weight:700;color:var(--ink);margin:28px 0 16px;padding-top:20px;border-top:1px dashed var(--line)}.subsection-title:first-child{border-top:none;padding-top:0;margin-top:0}.choice-grid{display:grid;gap:12px;align-items:stretch}.choice-grid>div{display:flex;flex-direction:column}.choice-grid>div>.choice{flex:1}.choice-grid.cols-2{grid-template-columns:1fr 1fr}.choice-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.choice{display:block;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--white);padding:16px 18px;cursor:pointer;position:relative;transition:border-color .2s ease, background .2s ease}.choice:hover{border-color:var(--lime)}.choice input{position:absolute;opacity:0;width:0;height:0}.choice .title{font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.choice .sub{font-size:12.5px;color:var(--text-soft);margin-top:5px}.choice .dot{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);flex-shrink:0;position:relative}.choice.selected .dot{border-color:var(--lime-deep);background:var(--lime-deep)}.choice.selected .dot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--white)}.choice.selected{border-color:var(--lime-deep);background:var(--lime-pale)}.choice.multi .dot{border-radius:6px}.choice.multi.selected .dot::after{border-radius:2px;inset:5px}.choice.compact{padding:12px 16px}.field{margin-bottom:22px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}.field-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;margin-bottom:8px}.field-label-row label{margin-bottom:0}.field-label-row .copy-btn-group{display:flex;flex-wrap:wrap;gap:6px 10px}.field .req{color:var(--error);margin-left:2px}.field .optional-tag{color:var(--text-soft);font-size:11.5px;font-weight:500;margin-left:6px}.field input[type="text"],.field input[type="email"],.field input[type="tel"],.field input[type="number"],.field input[type="date"],.field input[type="time"],.field select,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;font-family:inherit;background:var(--white);color:var(--text);transition:border-color .2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime-deep);outline:none}.field .hint{font-size:12px;color:var(--text-soft);margin-top:6px}.error-msg{font-size:12px;color:var(--error);margin-top:6px;display:none}.field.invalid input,.field.invalid select{border-color:var(--error)}.field.invalid .error-msg{display:block}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qty-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.qty-row label{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:0;flex:1;padding-right:16px}.qty-row input[type="number"]{width:110px;text-align:center;flex-shrink:0}.qty-row-choice-grid{width:auto;flex-shrink:0;gap:10px}.qty-row-choice-grid .choice.compact{padding:10px 18px}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:100px;overflow:hidden;flex-shrink:0;background:var(--white)}.stepper-btn{width:38px;height:38px;border:none;background:var(--paper);color:var(--ink);font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;line-height:1}.stepper-btn:hover{background:var(--lime-pale);color:var(--lime-deep)}.stepper-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--paper);color:var(--ink)}.stepper input[type="number"]{width:52px;border:none;text-align:center;padding:0;font-size:14.5px;font-weight:700;color:var(--ink);-moz-appearance:textfield;background:transparent}.stepper input[type="number"]::-webkit-outer-spin-button,.stepper input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input[type="number"]:focus{outline:none}.inline-sub{margin-left:2px;margin-top:8px}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.device-detail-toggle{display:inline-block;margin-top:8px;font-size:11.5px;color:var(--lime-deep);font-weight:600;text-decoration:none;border-bottom:1px solid var(--lime-deep)}.copy-btn{display:inline-block;margin:6px 8px 8px 0;font-size:11.5px;font-weight:600;color:var(--lime-deep);background:var(--lime-pale);border:1px solid var(--lime-deep);border-radius:20px;padding:5px 12px;cursor:pointer;font-family:inherit;white-space:nowrap}.copy-btn:hover{background:var(--lime);color:var(--ink)}.field-label-row .copy-btn{margin:0}.device-detail{display:none;margin-top:10px;padding:14px;background:var(--white);border:1px solid var(--line);border-radius:12px}.device-detail-image{width:100%;height:120px;border:1.5px dashed var(--line);border-radius:10px;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--text-soft);font-size:28px;margin-bottom:10px}.device-detail p{margin:0;font-size:12.5px;color:var(--text-soft);line-height:1.6}.checklist-item:last-child{border-bottom:none}.checklist-item input{margin-top:3px;width:18px;height:18px;accent-color:var(--lime-deep);flex-shrink:0}.checklist-item label{font-size:13.5px;color:var(--text);cursor:pointer}.change-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:20px;margin-bottom:16px}.change-block .change-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:12px}.change-detail{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.nochange-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--text-soft);cursor:pointer}.nochange-toggle input{width:16px;height:16px;accent-color:var(--lime-deep);cursor:pointer}.disabled-field{background:var(--line);color:var(--text-soft);cursor:not-allowed}.subsubsection-title{font-size:13px;font-weight:700;color:var(--ink);margin:20px 0 10px}.subsubsection-title:first-child{margin-top:0}.compare-field{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:16px;margin-bottom:14px}.compare-field:last-child{margin-bottom:0}.compare-field-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:14px}.compare-field .field{margin-bottom:0}.note-box{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:16px 18px;font-size:12.8px;color:var(--text-soft);margin-bottom:26px}.note-box b{color:var(--ink)}.summary-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin-bottom:16px;overflow:hidden}.summary-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.summary-head span{font-size:13px;font-weight:700;color:var(--ink)}.summary-head a{font-size:12.5px;color:var(--lime-deep);font-weight:600;text-decoration:none;border-bottom:1px solid var(--lime-deep)}.summary-rows{padding:6px 20px}.summary-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}.summary-row:last-child{border-bottom:none}.summary-row .k{color:var(--text-soft);flex-shrink:0}.summary-row .v{text-align:right;font-weight:600;color:var(--ink)}.step-nav{display:flex;justify-content:space-between;margin-top:36px;margin-bottom:20px;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:100px;font-size:14.5px;font-weight:700;cursor:pointer;border:none;transition:transform .2s ease, background .2s ease}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-2);transform:translateY(-1px)}.btn-lime{background:var(--lime);color:var(--ink)}.btn-lime:hover{background:#BFDB5C;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-soft);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.done-screen{text-align:center;padding:40px 0}.done-icon{width:64px;height:64px;border-radius:50%;background:var(--ink);margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.done-icon::after{content:"✓";color:var(--lime);font-size:28px;font-weight:700}.done-screen h2{font-size:24px;margin-bottom:12px}.done-screen p{color:var(--text-soft);font-size:14.5px;max-width:480px;margin:0 auto}@media (max-width: 640px){.choice-grid.cols-2,.choice-grid.cols-3,.field-row{grid-template-columns:1fr}.progress-label{display:none}.step-nav{flex-direction:column-reverse}.step-nav .btn{width:100%;justify-content:center}.qty-row{flex-direction:column;align-items:flex-start;gap:10px}.qty-row>input[type="number"]{width:100%}}