:root{--kct:#1457a6;--net:#2d8cff;--netbg:#eef6ff;--tv:#8a5bd6;--tvbg:#f6f0ff;--tel:#17a67a;--telbg:#eefbf6;--mobile:#e58a22;--mobilebg:#fff6ea;--sale:#e53935}.kctv8{max-width:1200px;margin:30px auto;padding:0 18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",sans-serif;color:#1f2937}.kctv8 *{box-sizing:border-box}.hero{text-align:center}.badge,.tag{display:inline-block;background:#eaf4ff;color:var(--kct);padding:8px 14px;border-radius:999px;font-weight:800}.hero h2{font-size:clamp(1.8rem,4vw,2.7rem)}.hero p{color:#64748b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 30px}.steps span{text-align:center;background:#eef2f7;padding:11px;border-radius:999px;font-weight:800}.steps .active{background:#dbeafe;color:#124f94}.step{display:none}.step.active{display:block}.top-back{margin-bottom:12px}.backlink{border:0;background:transparent;color:#1457a6;font-weight:800;cursor:pointer}.region-buttons,.mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.region,.mode{position:relative;border:2px solid #e5e7eb;background:#fff;border-radius:16px;padding:20px;cursor:pointer}.region{text-align:left}.mode{text-align:center;font-weight:900}.region.sel,.mode.active{border-color:#2877d4;background:#f4f9ff}.region strong,.region small,.mode small{display:block}.region small,.mode small{color:#64748b}.selmark{position:absolute;right:12px;top:12px;background:#2877d4;color:#fff;padding:5px 9px;border-radius:999px;font-size:.76rem;opacity:0}.region.sel .selmark{opacity:1}.townbox{margin-top:18px;padding:18px;background:#f8fafc;border-radius:15px}.townbox label{display:block;font-weight:800}.townbox select{width:100%;padding:13px;margin-top:7px}.mode-tabs{margin-bottom:24px}.mode-panel{display:none}.mode-panel.active{display:block}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px}.service-section,.planblock{margin-top:24px;padding:18px;border-radius:20px}.service-section.net,.planblock.net{background:var(--netbg)}.service-section.tv,.planblock.tv{background:var(--tvbg)}.service-section.tel,.planblock.tel{background:var(--telbg)}.service-section.mobile,.planblock.mobile{background:var(--mobilebg)}.section-title{display:flex;gap:10px;align-items:center;margin-bottom:14px}.section-title>span{font-size:1.8rem}.section-title strong,.section-title small{display:block}.section-title small{color:#64748b}.cards{display:grid;gap:14px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.pick{position:relative;border:2px solid #fff;background:#fff;border-radius:18px;padding:22px 18px;text-align:center;cursor:pointer}.pick.sel.net{border-color:var(--net)}.pick.sel.tv{border-color:var(--tv)}.pick.sel.tel{border-color:var(--tel)}.pick.sel.mobile{border-color:var(--mobile)}.check{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0}.pick.net .check{background:var(--net)}.pick.tv .check{background:var(--tv)}.pick.tel .check{background:var(--tel)}.pick.mobile .check{background:var(--mobile)}.pick.sel .check{opacity:1}.emoji{font-size:3.1rem}.pick strong,.pick small,.pick em{display:block}.pick small{color:#64748b}.pick em{font-style:normal;font-weight:800;color:#1457a6}.plan-list{display:grid;gap:10px}.plan-pick{display:grid;grid-template-columns:1fr auto 32px;gap:14px;align-items:center;border:2px solid #fff;background:#fff;border-radius:13px;padding:15px;text-align:left;cursor:pointer}.plan-pick span strong,.plan-pick span small{display:block}.plan-pick span small{color:#64748b}.plan-pick i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0}.plan-pick.net i{background:var(--net)}.plan-pick.tv i{background:var(--tv)}.plan-pick.tel i{background:var(--tel)}.plan-pick.mobile i{background:var(--mobile)}.plan-pick.sel i{opacity:1}.plan-pick.sel.net{border-color:var(--net)}.plan-pick.sel.tv{border-color:var(--tv)}.plan-pick.sel.tel{border-color:var(--tel)}.plan-pick.sel.mobile{border-color:var(--mobile)}.cart{position:sticky;top:20px;border:1px solid #d9e2ec;background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.08)}.cart-head{display:flex;justify-content:space-between}.cart-head span,.cart-head small{display:block}.cart-head span{font-weight:900}.cart-head small{color:#94a3b8}.cart-row{padding:13px 12px;margin-top:10px;border-radius:13px;border-left:5px solid}.cart-row.net{border-left-color:var(--net);background:var(--netbg)}.cart-row.tv{border-left-color:var(--tv);background:var(--tvbg)}.cart-row.tel{border-left-color:var(--tel);background:var(--telbg)}.cart-row.mobile{border-left-color:var(--mobile);background:var(--mobilebg)}.cart-row small{display:block;color:#64748b}.cart-row-main{display:flex;justify-content:space-between}.bundle-hint{margin-top:14px;padding:13px;background:#fff7ed;border-radius:14px}.bundle-hint strong,.bundle-hint span{display:block}.discount-box,.final-discount{margin-top:12px;padding:13px;border-radius:14px;background:#fff1f0;color:var(--sale);font-weight:900}.cart-subtotal,.cart-total{display:flex;justify-content:space-between;margin-top:12px}.cart-total strong{font-size:1.75rem;color:var(--kct)}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.actions.split{justify-content:space-between}.primary,.secondary{min-height:52px;padding:0 25px;border-radius:14px;font-weight:800;cursor:pointer}.primary{background:#1665c1;color:#fff;border:0}.secondary{background:#fff;border:1px solid #cbd5e1}.primary:disabled{opacity:.35}.resulthead{text-align:center}.contract-box,.benefit-box{margin-top:20px;padding:22px;border:1px solid #e5e7eb;border-radius:18px}.contract-row-final{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:14px;margin-top:8px;border-radius:12px;border-left:5px solid}.contract-row-final.net{border-left-color:var(--net);background:var(--netbg)}.contract-row-final.tv{border-left-color:var(--tv);background:var(--tvbg)}.contract-row-final.tel{border-left-color:var(--tel);background:var(--telbg)}.contract-row-final.mobile{border-left-color:var(--mobile);background:var(--mobilebg)}.contract-name small{display:block;color:#64748b}.totalrow{display:flex;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:2px solid #dbeafe}.totalrow strong{font-size:1.8rem;color:var(--kct)}.benefit{padding:13px;margin-top:10px;background:#ecfdf5;border-radius:12px;color:#047857;font-weight:800}.mobile-total{display:none}@media(max-width:930px){.builder-layout{grid-template-columns:1fr}.cart{position:static}.cards.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.region-buttons,.mode-tabs,.cards.two,.cards.three{grid-template-columns:1fr}.cart{display:none}.mobile-total{display:flex;position:fixed;left:10px;right:10px;bottom:10px;background:#143c6d;color:#fff;border-radius:16px;padding:12px 15px;justify-content:space-between}.actions{padding-bottom:70px}}
.kctv8 .emoji i{font-size:3rem;line-height:1}.kctv8 .emoji .kct-product-svg{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto}

.kct-area-price-box{padding:8px;border:1px solid #dcdcde;border-radius:8px;background:#fff}
.kct-area-price-box>label{font-weight:700;display:block;margin-bottom:7px}
.kct-area-price-fields{display:grid;gap:6px}
.kct-area-price-fields label{display:grid;grid-template-columns:42px 1fr auto;gap:5px;align-items:center;font-size:12px}
.kct-area-price-fields input[type=number],.kct-area-price-fields input[type=date]{width:100%;min-width:0}

.kctv8 .kct-purpose-price{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(100,116,139,.18);
  font-weight:900;
  font-size:1.05rem;
  color:#1457a6;
}
.kct-admin-front-status{
  max-width:1180px;
  margin:0 auto 14px;
  padding:8px 12px;
  border:1px dashed #93c5fd;
  border-radius:10px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  text-align:center;
}

.kctv8 .kct-extras-section{margin-top:26px;padding:18px;border:1px solid #e5e7eb;border-radius:20px;background:#f8fafc}
.kctv8 .kct-extra-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px 15px;margin-top:10px;background:#fff;border:1px solid #e5e7eb;border-radius:13px;cursor:pointer}
.kctv8 .kct-extra-card.required{background:#fff7ed;border-color:#fed7aa;cursor:default}
.kctv8 .kct-extra-main strong,.kctv8 .kct-extra-main small{display:block}
.kctv8 .kct-extra-main small{color:#64748b;margin-top:3px}
.kctv8 .kct-extra-card b{white-space:nowrap}
.kctv8 .kct-extra-card em{font-style:normal;font-size:.75rem;font-weight:800;color:#c2410c;background:#ffedd5;padding:4px 7px;border-radius:999px}
.kctv8 .kct-extra-empty{padding:15px;color:#64748b;background:#fff;border-radius:12px}
.kctv8 .cart-initial{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed #cbd5e1}
.kctv8 .cart-initial strong{font-size:1.25rem;color:#334155}
.kctv8 .kct-initial-final{border-top:1px dashed #cbd5e1}

.kctv8 .kct-discount-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 0}
.kctv8 .kct-discount-line span{white-space:nowrap}
.kctv8 .kct-discount-choice{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #ffc9c6;cursor:pointer}
.kctv8 .kct-discount-choice b{white-space:nowrap}

.kctv8 .kct-contract-type-box{margin-top:22px;padding:18px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px}
.kctv8 .kct-contract-type-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kctv8 .kct-contract-type{border:2px solid #e5e7eb;background:#fff;border-radius:14px;padding:16px;text-align:left;cursor:pointer}
.kctv8 .kct-contract-type strong,.kctv8 .kct-contract-type small{display:block}
.kctv8 .kct-contract-type small{margin-top:4px;color:#64748b}
.kctv8 .kct-contract-type.sel{border-color:#2877d4;background:#f4f9ff}
.kctv8 .kct-campaign-result{margin-top:20px;padding:20px;border:1px solid #fed7aa;background:#fff7ed;border-radius:18px}
.kctv8 .kct-campaign-result h3{margin-top:0}
.kctv8 .kct-campaign-result-item{padding:13px 0;border-top:1px solid #fed7aa}
.kctv8 .kct-campaign-result-item:first-child{border-top:0;padding-top:0}
.kctv8 .kct-campaign-benefit{margin-top:6px;color:#9a3412}
.kctv8 .kct-campaign-note{margin-top:7px;font-size:.84rem;color:#7c2d12;line-height:1.6}
@media(max-width:700px){.kctv8 .kct-contract-type-buttons{grid-template-columns:1fr}}

.kctv8 .kct-old-price{
  display:block;
  color:#94a3b8;
  font-size:.78rem;
  font-weight:600;
  text-decoration:line-through;
  line-height:1.25;
}
.kctv8 .kct-campaign-price{
  display:block;
  color:#e53935;
  font-size:1.05rem;
  font-weight:900;
  line-height:1.3;
}
.kctv8 .kct-cart-campaign-note,
.kctv8 .kct-final-campaign{
  color:#e53935!important;
  font-weight:800;
  margin-top:4px;
}
.kctv8 .contract-price .kct-campaign-price{
  font-size:1.15rem;
}

.kctv8 .kct-campaign-debug{
  margin-top:12px;
  padding:10px 11px;
  border:1px dashed #94a3b8;
  border-radius:10px;
  background:#f8fafc;
  font-size:11px;
  line-height:1.55;
}
.kctv8 .kct-campaign-debug>strong{display:block;margin-bottom:6px;color:#334155}
.kctv8 .kct-debug-context{margin-bottom:7px;color:#475569}
.kctv8 .kct-debug-row{padding:6px 0;border-top:1px solid #e2e8f0}
.kctv8 .kct-debug-row:first-of-type{border-top:0}
.kctv8 .kct-debug-row.ok{color:#047857}
.kctv8 .kct-debug-row.ng{color:#b91c1c}
.kctv8 .kct-debug-row small{color:#64748b}

.kctv8 .kct-cart-campaign-note,
.kctv8 .kct-final-campaign{
  display:block;
  margin-top:6px;
  color:#e53935!important;
  line-height:1.45;
}
.kctv8 .kct-cart-campaign-note strong,
.kctv8 .kct-final-campaign strong{
  display:block;
  font-weight:900;
}
.kctv8 .kct-cart-campaign-note span,
.kctv8 .kct-final-campaign span{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:.82rem;
  font-weight:700;
}

.kctv8 .kct-campaign-benefit-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;margin-top:10px;padding:11px 12px;background:#fff;border:1px solid #fed7aa;border-radius:12px}
.kctv8 .kct-campaign-benefit-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff7ed;border-radius:10px;font-size:1.35rem}
.kctv8 .kct-campaign-benefit-body strong,.kctv8 .kct-campaign-benefit-body b,.kctv8 .kct-campaign-benefit-body small{display:block}
.kctv8 .kct-campaign-benefit-body b{margin-top:2px;color:#c2410c;font-size:1rem}
.kctv8 .kct-campaign-benefit-body small{margin-top:4px;color:#7c2d12;line-height:1.55}

.kctv8 .kct-prototype-panel{display:none}
.kctv8 .kct-prototype-panel.active{display:block}
.kctv8 .kct-cart-prototype{display:none!important}
.kctv8 .kct-cart-prototype.active-prototype{display:flex!important}
.kctv8 .mode-tabs.kct-cart-prototype.active-prototype{display:grid!important}
.kctv8 .kct-direct-link{
  margin-top:18px;border:0;background:transparent;color:#1764c0;font-weight:700;cursor:pointer
}

/* =========================================================
   v0.24.2 mobile background adjustment
========================================================= */
@media(max-width:760px){
  .kctv8{
    background:#f4f8fc;
    border-radius:18px;
    padding-top:10px;
    padding-bottom:18px;
  }

  .kctv8 .step{
    background:transparent;
  }

  .kctv8 .builder-main,
.kctv8 .cart{
    background:#ffffff;
  }
}

/* =========================================================
   v0.25.0 MOBILE-FIRST REWORK
   PCレイアウトの縮小ではなく、スマホ専用の操作UI
========================================================= */
@media (max-width:760px){

  .kctv8{
    margin:0!important;
    padding:0 0 88px!important;
    max-width:none!important;
    border-radius:0!important;
    background:#f3f7fb!important;
    overflow:visible!important;
  }

  .kctv8 .hero{
    padding:18px 16px 10px!important;
    text-align:left!important;
  }
  .kctv8 .hero h2{
    margin:8px 0!important;
    font-size:1.55rem!important;
    line-height:1.28!important;
  }
  .kctv8 .hero p{
    margin:0!important;
    font-size:.86rem!important;
    line-height:1.55!important;
  }

  /* STEPを常に見える位置に */
  .kctv8 .steps{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    margin:0!important;
    padding:8px 12px!important;
    background:rgba(243,247,251,.96)!important;
    backdrop-filter:blur(10px);
  }
  .kctv8 .steps span{
    min-height:36px!important;
    padding:7px 5px!important;
    font-size:.78rem!important;
  }

  .kctv8 .step{
    padding:8px 12px 18px!important;
    background:transparent!important;
  }
  .kctv8 .top-back{
    margin:2px 0 9px!important;
  }
  .kctv8 .kct-direct-link{
    margin-top:12px!important;
    font-size:.78rem!important;
  }

  /* ---------------- B カート型 ---------------- */
  .kctv8 .mode-tabs{
    gap:7px!important;
    margin-bottom:10px!important;
  }
  .kctv8 .mode{
    min-height:54px!important;
    padding:8px!important;
  }
  .kctv8 .mode small{
    font-size:.67rem!important;
  }

  .kctv8 .builder-layout{
    display:block!important;
  }
  .kctv8 .builder-main{
    background:transparent!important;
    min-width:0!important;
  }
  .kctv8 .service-section,
  .kctv8 .planblock{
    margin:9px 0!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .kctv8 .section-title{
    margin-bottom:9px!important;
  }

  /* 3列カードをやめて1行1商品 */
  .kctv8 .cards,
  .kctv8 .cards.two,
  .kctv8 .cards.three{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .kctv8 .pick{
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    column-gap:9px!important;
    padding:11px 12px!important;
    text-align:left!important;
    border-radius:13px!important;
  }
  .kctv8 .pick .emoji{
    grid-column:1!important;
    grid-row:1/4!important;
    align-self:center!important;
    margin:0!important;
    font-size:1.8rem!important;
  }
  .kctv8 .pick>strong{
    grid-column:2!important;
    grid-row:1!important;
    font-size:.88rem!important;
  }
  .kctv8 .pick>small{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:1px!important;
    font-size:.68rem!important;
  }
  .kctv8 .pick>em{
    grid-column:2!important;
    grid-row:3!important;
    margin-top:3px!important;
    font-size:.66rem!important;
  }
  .kctv8 .kct-purpose-price{
    grid-column:3!important;
    grid-row:1/4!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:.87rem!important;
    white-space:nowrap!important;
  }

  .kctv8 .plan-pick{
    min-height:66px!important;
    padding:10px 11px!important;
  }

  /* PCの右サイド固定カートはスマホでは下へ */
  .kctv8 .cart{
    position:static!important;
    top:auto!important;
    width:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:12px 0 0!important;
    padding:13px!important;
    border-radius:15px!important;
    background:#fff!important;
  }

  .kctv8 .kct-extras-section{
    margin-top:12px!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  .kctv8 .kct-extra-card{
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
    padding:11px!important;
  }
  .kctv8 .kct-extra-card>b,
  .kctv8 .kct-extra-card>em{
    grid-column:2!important;
  }

  /* 確認画面 */
  .kctv8 .contract-box,
  .kctv8 .benefit-box,
  .kctv8 .kct-campaign-result{
    border-radius:15px!important;
    padding:13px!important;
  }
  .kctv8 .contract-row-final{
    grid-template-columns:70px 1fr!important;
    gap:7px!important;
  }
  .kctv8 .contract-price{
    grid-column:2!important;
    text-align:left!important;
  }

  /* 下部固定「現在料金」バー */
  .kctv8 .mobile-total{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0!important;
    padding:9px 12px max(9px, env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.97)!important;
    border-top:1px solid #d9e3ec!important;
    box-shadow:0 -7px 22px rgba(15,40,70,.12)!important;
    backdrop-filter:blur(12px);
  }
  .kctv8 .mobile-total-price{
    min-width:0;
  }
  .kctv8 .mobile-total-price small{
    display:block!important;
    color:#64748b!important;
    font-size:.65rem!important;
  }
  .kctv8 .mobile-total-price strong{
    display:block!important;
    color:#125cad!important;
    font-size:1.08rem!important;
    line-height:1.2!important;
  }
  .kctv8 .mobile-discount{
    display:block!important;
    font-size:.65rem!important;
    color:#e53935!important;
    margin-top:1px!important;
  }
  .kctv8 #kctMobileConfirm{
    flex:0 0 auto;
    min-width:104px;
    min-height:43px;
    border:0;
    border-radius:11px;
    background:#1764c0;
    color:#fff;
    font-weight:900;
    font-size:.82rem;
  }
}

@media(min-width:761px){
  .kctv8 #kctMobileConfirm{display:none!important}
}

.kctv8 .kct-entry-choice{max-width:1000px;margin:18px auto 22px;padding:18px;border-radius:20px;background:#f5f9fd;border:1px solid #dce7f1}.kctv8 .kct-entry-intro{text-align:center;margin-bottom:14px}.kctv8 .kct-entry-intro strong,.kctv8 .kct-entry-intro span,.kctv8 .kct-entry-btn b,.kctv8 .kct-entry-btn small{display:block}.kctv8 .kct-entry-intro span{color:#64748b;font-size:.85rem;margin-top:4px}.kctv8 .kct-entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kctv8 .kct-entry-btn{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:18px;border:2px solid #dce5ee;border-radius:17px;background:#fff;text-align:left;cursor:pointer}.kctv8 .kct-entry-btn.active{border-color:#1764c0;background:#f2f7ff}.kctv8 .kct-entry-icon{font-size:2rem}.kctv8 .kct-entry-btn small{margin-top:4px;color:#64748b}.kctv8 .kct-entry-btn em{position:absolute;right:10px;top:-9px;padding:4px 8px;border-radius:999px;background:#1764c0;color:#fff;font-size:.65rem;font-style:normal}
.kctv8 .kct-consult-shell{max-width:720px;margin:auto;padding:26px;border-radius:24px;background:#fff;border:1px solid #dce6f0}.kctv8 .kct-consult-progress{height:6px;background:#e9eef4;border-radius:99px;overflow:hidden}.kctv8 .kct-consult-progress div{height:100%;width:12.5%;background:#1764c0;transition:.25s}.kctv8 .kct-consult-counter{text-align:right;margin-top:7px;color:#7b8794;font-size:.72rem}.kctv8 .kct-consult-question{display:none}.kctv8 .kct-consult-question.active{display:block}.kctv8 .kct-consult-talk{margin:20px 40px 18px 0;padding:16px 18px;border-radius:18px 18px 18px 5px;background:#eaf4ff;font-size:1.15rem;font-weight:800;line-height:1.5}.kctv8 .kct-consult-talk.result{background:#edf8f1}.kctv8 .kct-consult-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kctv8 .kct-consult-choices button{min-height:60px;padding:13px 15px;border:1.5px solid #dbe5ef;border-radius:14px;background:#fff;text-align:left;font-weight:800;cursor:pointer}.kctv8 .kct-consult-back{margin-top:16px;border:0;background:none;color:#64748b;font-weight:700}.kctv8 .kct-advice-grid{display:grid;gap:9px;margin-top:15px}.kctv8 .kct-advice-card{padding:14px 15px;border-radius:14px;background:#f8fafc;border-left:5px solid #3b82f6}.kctv8 .kct-advice-card.tv{border-color:#8b5cf6}.kctv8 .kct-advice-card.tel{border-color:#10b981}.kctv8 .kct-advice-card.mobile{border-color:#f59e0b}.kctv8 .kct-advice-card.skip{border-color:#a8b3bf}.kctv8 .kct-advice-card h4{margin:3px 0}.kctv8 .kct-advice-card p{margin:0;color:#52606d;font-size:.82rem}.kctv8 .kct-advice-campaign{margin-top:13px;padding:15px;border-radius:14px;background:#fff3ef}.kctv8 .kct-advice-campaign b,.kctv8 .kct-advice-campaign strong,.kctv8 .kct-advice-campaign small{display:block}.kctv8 .kct-advice-campaign strong{font-size:1.45rem;color:#e53935}.kctv8 .kct-consult-actions{display:flex;gap:10px;margin-top:15px}
@media(max-width:760px){.kctv8 .kct-entry-choice{margin:8px 12px 12px;padding:12px}.kctv8 .kct-entry-intro{text-align:left}.kctv8 .kct-entry-buttons{grid-template-columns:1fr}.kctv8 .kct-entry-btn{padding:12px;grid-template-columns:38px 1fr}.kctv8 .kct-entry-icon{font-size:1.5rem}.kctv8 .kct-consult-shell{padding:16px 13px}.kctv8 .kct-consult-talk{font-size:1rem;margin-right:15px}.kctv8 .kct-consult-choices{grid-template-columns:1fr}.kctv8 .kct-consult-choices button{min-height:54px}.kctv8 .kct-consult-actions{flex-direction:column}}

.kctv8 .kct-consult-choices button{
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .12s ease;
}
.kctv8 .kct-consult-choices button.selected{
  border-color:#1764c0!important;
  background:#edf5ff!important;
  box-shadow:0 0 0 2px rgba(23,100,192,.12)!important;
  color:#123d6b!important;
}
.kctv8 .kct-consult-choices button.selected:before{
  content:"✓";
  float:right;
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#1764c0;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
}
.kctv8 .kct-consult-nav{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}
.kctv8 .kct-consult-next{
  min-width:130px;
}
.kctv8 .kct-consult-next:disabled{
  opacity:.42;
  cursor:not-allowed;
}
@media(max-width:760px){
  .kctv8 .kct-consult-nav{
    margin-top:12px;
  }
  .kctv8 .kct-consult-next{
    width:100%;
    min-height:46px;
    font-size:.9rem;
  }
}

/* =========================================================
   v0.27 Delight / motion / visual storytelling
========================================================= */
.kctv8 .kct-consult-scene{
  position:relative;
  height:150px;
  margin:14px 0 8px;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(180deg,#eef7ff 0%,#f8fbff 72%);
  border:1px solid #dceaf6;
  transition:background .35s ease,border-color .35s ease;
}
.kctv8 .kct-scene-blob{
  position:absolute;
  border-radius:999px;
  filter:blur(.2px);
  opacity:.7;
}
.kctv8 .kct-scene-blob.blob-a{width:150px;height:150px;right:-35px;top:-60px;background:rgba(106,174,239,.18)}
.kctv8 .kct-scene-blob.blob-b{width:115px;height:115px;left:-30px;bottom:-62px;background:rgba(112,193,162,.14)}
.kctv8 .kct-scene-floor{
  position:absolute;left:8%;right:8%;bottom:22px;height:22px;border-radius:50%;
  background:rgba(126,151,177,.09);
}
.kctv8 .kct-scene-icons{
  position:absolute;inset:12px 20px 30px;
  display:flex;align-items:center;justify-content:center;
}
.kctv8 .scene-main{
  font-size:4.3rem;line-height:1;transform:translateY(2px);
  filter:drop-shadow(0 5px 6px rgba(30,68,100,.08));
}
.kctv8 .scene-sub{
  position:absolute;
  display:flex;align-items:center;justify-content:center;
  min-width:46px;height:46px;padding:0 8px;border-radius:15px;
  background:rgba(255,255,255,.9);border:1px solid rgba(185,210,232,.8);
  font-size:1.5rem;font-weight:900;color:#1764c0;
}
.kctv8 .scene-sub.one{left:17%;bottom:4px;transform:rotate(-5deg)}
.kctv8 .scene-sub.two{right:17%;top:9px;transform:rotate(5deg)}
.kctv8 .kct-scene-caption{
  position:absolute;left:0;right:0;bottom:7px;text-align:center;
  color:#55718b;font-size:.73rem;font-weight:800;letter-spacing:.01em;
}
.kctv8 .kct-consult-scene.scene-pop .scene-main{animation:kctSceneMain .46s cubic-bezier(.2,.8,.2,1)}
.kctv8 .kct-consult-scene.scene-pop .scene-sub.one{animation:kctSceneOne .52s cubic-bezier(.2,.8,.2,1)}
.kctv8 .kct-consult-scene.scene-pop .scene-sub.two{animation:kctSceneTwo .56s cubic-bezier(.2,.8,.2,1)}
@keyframes kctSceneMain{0%{opacity:0;transform:translateY(12px) scale(.84)}65%{transform:translateY(-2px) scale(1.05)}100%{opacity:1;transform:translateY(2px) scale(1)}}
@keyframes kctSceneOne{0%{opacity:0;transform:translate(-14px,8px) rotate(-10deg)}100%{opacity:1;transform:translate(0,0) rotate(-5deg)}}
@keyframes kctSceneTwo{0%{opacity:0;transform:translate(14px,-8px) rotate(10deg)}100%{opacity:1;transform:translate(0,0) rotate(5deg)}}

/* scene mood changes */
.kctv8 .kct-consult-scene[data-tone="video"]{background:linear-gradient(180deg,#f7f1ff,#fbf8ff);border-color:#e7dbf5}
.kctv8 .kct-consult-scene[data-tone="heavy"]{background:linear-gradient(180deg,#eef4ff,#f8faff);border-color:#d7e3f7}
.kctv8 .kct-consult-scene[data-tone="tv"]{background:linear-gradient(180deg,#f8f1ff,#fcf9ff);border-color:#eadcf7}
.kctv8 .kct-consult-scene[data-tone="tel"]{background:linear-gradient(180deg,#effaf5,#f8fcfa);border-color:#d7eee3}
.kctv8 .kct-consult-scene[data-tone="mobile"],
.kctv8 .kct-consult-scene[data-tone="mobileout"]{background:linear-gradient(180deg,#fff7ec,#fffbf5);border-color:#f4e2c8}
.kctv8 .kct-consult-scene[data-tone="result"]{background:linear-gradient(180deg,#eefaf2,#f8fdf9);border-color:#d5eddd}

/* question page slide transitions */
.kctv8 .kct-consult-motion{
  position:relative;
  overflow:hidden;
}
.kctv8 .kct-consult-question.motion-stage{
  position:absolute;
  inset:0;
  width:100%;
  display:block!important;
  transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .30s ease;
  will-change:transform,opacity;
}
.kctv8 .kct-consult-question.active:not(.motion-stage){
  animation:kctQuestionSettle .28s ease both;
}
@keyframes kctQuestionSettle{
  from{opacity:.75;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

/* tactile response */
.kctv8 .kct-consult-choices button{
  position:relative;
  overflow:hidden;
}
.kctv8 .kct-consult-choices button:active{transform:scale(.975)}
.kctv8 .kct-consult-choices button.tap-pop{animation:kctTapPop .25s cubic-bezier(.2,.8,.2,1)}
@keyframes kctTapPop{0%{transform:scale(1)}45%{transform:scale(.965)}100%{transform:scale(1)}}
.kctv8 .kct-consult-choices button.selected{
  transform:translateY(-1px);
}
.kctv8 .kct-consult-choices button.selected:after{
  content:"選択中";
  position:absolute;right:11px;bottom:7px;
  padding:2px 6px;border-radius:999px;
  background:rgba(23,100,192,.10);color:#1764c0;
  font-size:.6rem;font-weight:900;
}
.kctv8 .kct-consult-next:not(:disabled){
  animation:kctNextReady .32s ease both;
}
@keyframes kctNextReady{from{opacity:.65;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}

/* progress bar gets a light shimmer */
.kctv8 .kct-consult-progress div{
  position:relative;
  overflow:hidden;
}
.kctv8 .kct-consult-progress div:after{
  content:"";position:absolute;top:0;bottom:0;width:38px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:kctProgressShine 1.8s ease-in-out infinite;
}
@keyframes kctProgressShine{0%{left:-45px}60%,100%{left:110%}}

@media(max-width:760px){
  .kctv8 .kct-consult-scene{
    height:128px;
    margin:10px 0 7px;
    border-radius:16px;
  }
  .kctv8 .scene-main{font-size:3.55rem}
  .kctv8 .scene-sub{min-width:40px;height:40px;font-size:1.25rem;border-radius:13px}
  .kctv8 .scene-sub.one{left:12%}
  .kctv8 .scene-sub.two{right:12%}
  .kctv8 .kct-scene-caption{font-size:.66rem}
}

/* accessibility */
@media(prefers-reduced-motion:reduce){
  .kctv8 *, .kctv8 *:before, .kctv8 *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* =========================================================
   v0.28 visual consultation redesign
========================================================= */
.kctv8 .kct-visual-stage{
  position:relative;
  height:280px;
  margin:14px 0 14px;
  overflow:hidden;
  border-radius:24px;
  background:#f7fbff;
  border:1px solid #dfeaf3;
}
.kctv8 .kct-visual-scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  transform:scale(.985);
  transition:opacity .28s ease,transform .34s ease;
}
.kctv8 .kct-visual-scene.active{
  opacity:1;
  transform:scale(1);
}
.kctv8 .kct-visual-stage.scene-pop .kct-visual-scene.active{
  animation:kctVisualIn .45s cubic-bezier(.2,.8,.2,1);
}
@keyframes kctVisualIn{
  0%{opacity:.4;transform:scale(.97) translateY(8px)}
  70%{opacity:1;transform:scale(1.006) translateY(-1px)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}
.kctv8 .kct-visual-bg{
  position:absolute;border-radius:50%;pointer-events:none;opacity:.24;
}
.kctv8 .kct-visual-bg.bg-a{width:180px;height:180px;right:-60px;top:-80px;background:#b9d9ef}
.kctv8 .kct-visual-bg.bg-b{width:140px;height:140px;left:-50px;bottom:-80px;background:#cde6d5}
.kctv8 .kct-scene-caption{
  position:absolute;left:14px;right:14px;bottom:10px;
  padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.88);
  color:#526b80;text-align:center;font-size:.74rem;font-weight:800;
  backdrop-filter:blur(8px);
}

.kctv8 .kct-consult-talk{
  margin:16px 0 14px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:1.26rem!important;
  color:#182b3c!important;
  text-align:center!important;
}
.kctv8 .kct-consult-talk:before{display:none!important}

.kctv8 .kct-consult-choices{
  gap:12px!important;
}
.kctv8 .kct-consult-choices button{
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:72px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1.5px solid #dfe7ee!important;
  box-shadow:0 3px 12px rgba(28,65,96,.045)!important;
}
.kctv8 .kct-consult-choices button:hover{
  transform:translateY(-2px);
  border-color:#58a3d7!important;
  box-shadow:0 7px 18px rgba(28,65,96,.08)!important;
}
.kctv8 .kct-consult-choices button.selected{
  border-color:#1aa77b!important;
  background:#f2fcf8!important;
  box-shadow:0 0 0 3px rgba(26,167,123,.09)!important;
}
.kctv8 .kct-consult-choices button.selected:before{
  position:absolute;right:12px;top:12px;float:none!important;
  width:25px;height:25px;background:#1aa77b!important;
}
.kctv8 .kct-consult-choices button.selected:after{
  content:"選択中";
  position:absolute;right:12px;bottom:10px;
  background:#e3f7ef;color:#138262;
}
.kctv8 .kct-choice-text b,.kctv8 .kct-choice-text small{display:block}
.kctv8 .kct-choice-text b{font-size:.98rem;line-height:1.35}
.kctv8 .kct-choice-text small{margin-top:4px;color:#748494;font-size:.72rem;line-height:1.35}

/* Visual choice symbols */
.kctv8 .kct-choice-visual{
  width:64px;height:64px;border-radius:18px;background:#edf6fb;position:relative;display:block;
}
.kctv8 .kct-choice-visual:before,.kctv8 .kct-choice-visual:after{content:"";position:absolute}

/* people */
.kctv8 .person-1:before{width:18px;height:18px;border-radius:50%;background:#3e9fa3;left:23px;top:10px}
.kctv8 .person-1:after{width:30px;height:24px;border-radius:15px 15px 7px 7px;background:#3e9fa3;left:17px;top:32px}
.kctv8 .person-2:before{width:16px;height:16px;border-radius:50%;background:#4f91c5;left:13px;top:11px;box-shadow:23px 0 0 #7b8794}
.kctv8 .person-2:after{width:25px;height:23px;border-radius:14px 14px 7px 7px;background:#4f91c5;left:7px;top:33px;box-shadow:23px 0 0 #7b8794}
.kctv8 .person-4:before{width:13px;height:13px;border-radius:50%;background:#1aa77b;left:8px;top:10px;box-shadow:17px -3px 0 #1aa77b,34px 1px 0 #1aa77b,17px 16px 0 #1aa77b}
.kctv8 .person-4:after{width:18px;height:20px;border-radius:10px;background:#1aa77b;left:6px;top:30px;box-shadow:17px -1px 0 #1aa77b,34px 2px 0 #1aa77b}
.kctv8 .person-5:before{width:11px;height:11px;border-radius:50%;background:#8793a0;left:7px;top:9px;box-shadow:15px 3px 0 #8793a0,30px -1px 0 #8793a0,42px 4px 0 #8793a0,21px 17px 0 #8793a0}
.kctv8 .person-5:after{width:16px;height:18px;border-radius:9px;background:#8793a0;left:5px;top:29px;box-shadow:15px 2px 0 #8793a0,30px 0 0 #8793a0,42px 3px 0 #8793a0}

/* device visual */
.kctv8 [class*="dev-"]:before{left:9px;top:17px;width:24px;height:32px;border:4px solid #4a8cb8;border-radius:5px}
.kctv8 [class*="dev-"]:after{right:8px;top:12px;width:25px;height:38px;border:4px solid #7a8da0;border-radius:4px}
.kctv8 .dev-10:after,.kctv8 .dev-11:after{width:34px;height:25px;top:19px}

/* video */
.kctv8 [class*="video-"]:before{left:10px;top:14px;width:44px;height:31px;border-radius:5px;background:#5c86a8}
.kctv8 [class*="video-"]:after{left:28px;top:23px;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.kctv8 .video-2,.kctv8 .video-3{background:#eef8f2}
.kctv8 .video-2:before,.kctv8 .video-3:before{background:#27a57a}

/* heavy */
.kctv8 [class*="heavy-"]:before{left:10px;top:20px;width:44px;height:25px;border-radius:12px;background:#667ca0}
.kctv8 [class*="heavy-"]:after{left:20px;top:27px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:18px 0 0 #fff}

/* tv */
.kctv8 [class*="tv-"]:before{left:8px;top:12px;width:48px;height:34px;border-radius:6px;background:#6f63a1}
.kctv8 [class*="tv-"]:after{left:26px;top:48px;width:12px;height:5px;border-radius:3px;background:#6f63a1}
.kctv8 .tv-rec{background:#fff1f5}
.kctv8 .tv-rec:after{content:"REC";left:18px;top:47px;width:auto;height:auto;background:none;color:#d55a78;font-size:10px;font-weight:900}

/* tel */
.kctv8 [class*="tel-"]:before{left:10px;top:25px;width:44px;height:22px;border-radius:7px;background:#3d9b71}
.kctv8 [class*="tel-"]:after{left:15px;top:15px;width:34px;height:16px;border-radius:12px 12px 4px 4px;background:#3d9b71}

/* mobile */
.kctv8 [class*="mob-"]:before{left:20px;top:8px;width:24px;height:48px;border-radius:7px;background:#4b6375}
.kctv8 [class*="mob-"]:after{left:25px;top:15px;width:14px;height:29px;border-radius:3px;background:#a8d8ec}
.kctv8 [class*="out-"]:before{left:21px;top:10px;width:22px;height:44px;border-radius:7px;background:#516575}
.kctv8 [class*="out-"]:after{left:27px;top:20px;border-left:10px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}

.kctv8 .kct-consult-nav{
  margin-top:16px!important;
}
.kctv8 .kct-consult-next{
  min-height:48px;
  border-radius:14px!important;
  background:#129b72!important;
}
.kctv8 .kct-consult-next:not(:disabled):hover{
  background:#0d8c66!important;
}

@media(max-width:760px){
  .kctv8 .kct-visual-stage{
    height:190px;
    margin:8px 0 11px;
    border-radius:18px;
  }
  .kctv8 .kct-consult-talk{
    font-size:1.08rem!important;
    text-align:left!important;
    margin:12px 0!important;
  }
  .kctv8 .kct-consult-choices button{
    min-height:82px!important;
    grid-template-columns:56px 1fr!important;
    gap:10px!important;
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  .kctv8 .kct-choice-visual{
    width:52px;height:52px;border-radius:15px;transform:scale(.83);transform-origin:left center
  }
  .kctv8 .kct-choice-text b{font-size:.9rem}
  .kctv8 .kct-choice-text small{font-size:.68rem}
}

/* =========================================================
   v0.29 PC consultation layout: left nav / center / live result
========================================================= */
.kctv8 .kct-desktop-consult-grid{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
  max-width:1380px;
  margin:0 auto;
}
.kctv8 .kct-consult-center{
  min-width:0;
}
.kctv8 .kct-consult-side{
  position:sticky;
  top:18px;
  display:grid;
  gap:10px;
  padding:4px 0;
}
.kctv8 .kct-side-mode{
  position:relative;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  min-height:92px;
  padding:14px;
  border:1px solid #dfe7ee;
  border-radius:15px;
  background:#fff;
  text-align:left;
  cursor:pointer;
}
.kctv8 .kct-side-mode.active{
  color:#fff;
  border-color:#2f8f83;
  background:linear-gradient(150deg,#3c9c91,#2f8f83);
}
.kctv8 .kct-side-mode b,.kctv8 .kct-side-mode small{
  display:block;
}
.kctv8 .kct-side-mode b{
  font-size:.9rem;
}
.kctv8 .kct-side-mode small{
  margin-top:4px;
  color:#6f7d86;
  font-size:.68rem;
  line-height:1.45;
}
.kctv8 .kct-side-mode.active small{
  color:rgba(255,255,255,.84);
}
.kctv8 .kct-side-icon{
  font-size:1.45rem;
}
.kctv8 .kct-side-divider{
  height:1px;
  margin:8px 2px;
  background:#dfe5ea;
}
.kctv8 .kct-side-info{
  display:grid;
  grid-template-columns:25px 1fr;
  gap:8px;
  padding:8px 3px;
}
.kctv8 .kct-side-info>span{
  width:22px;height:22px;border:1px solid #6b7d8c;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.68rem;font-weight:800;
}
.kctv8 .kct-side-info b,.kctv8 .kct-side-info small{
  display:block;
}
.kctv8 .kct-side-info b{font-size:.75rem}
.kctv8 .kct-side-info small{margin-top:3px;color:#75838e;font-size:.63rem;line-height:1.5}
.kctv8 .kct-side-reassurance{
  margin-top:18px;
  padding:14px 8px;
  text-align:center;
  color:#536976;
}
.kctv8 .kct-side-family{
  margin-bottom:8px;
  color:#76a89c;
  letter-spacing:4px;
}
.kctv8 .kct-side-reassurance b,.kctv8 .kct-side-reassurance small{
  display:block;
}
.kctv8 .kct-side-reassurance b{font-size:.78rem}
.kctv8 .kct-side-reassurance small{margin-top:4px;font-size:.64rem}

.kctv8 .kct-live-result{
  position:sticky;
  top:18px;
  padding:16px;
  border-radius:20px;
  background:#e9f0f4;
  border:1px solid #dce5eb;
}
.kctv8 .kct-live-result-head span,
.kctv8 .kct-live-result-head small{
  display:block;
}
.kctv8 .kct-live-result-head span{
  font-size:1rem;font-weight:900;color:#23313d;
}
.kctv8 .kct-live-result-head small{
  margin-top:2px;color:#74818a;font-size:.66rem;
}
.kctv8 .kct-live-plan,
.kctv8 .kct-live-status,
.kctv8 .kct-live-price{
  margin-top:12px;
  padding:14px;
  border-radius:14px;
  background:#fff;
}
.kctv8 .kct-live-plan span,.kctv8 .kct-live-plan strong,.kctv8 .kct-live-plan small{
  display:block;
}
.kctv8 .kct-live-plan span{
  color:#2f8f83;font-size:.68rem;font-weight:900;
}
.kctv8 .kct-live-plan strong{
  margin-top:4px;font-size:1.25rem;color:#23313d;
}
.kctv8 .kct-live-plan small{
  margin-top:3px;color:#74818a;font-size:.65rem;
}
.kctv8 .kct-live-status{
  display:grid;
  gap:0;
}
.kctv8 .kct-live-status>div{
  display:flex;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid #edf0f2;
}
.kctv8 .kct-live-status>div:last-child{border-bottom:0}
.kctv8 .kct-live-status span{font-size:.7rem}
.kctv8 .kct-live-status b{font-size:.68rem;color:#435566;text-align:right}
.kctv8 .kct-live-price>span{
  display:block;margin-bottom:8px;font-size:.7rem;font-weight:900;color:#23313d;
}
.kctv8 .kct-live-price-row{
  display:flex;justify-content:space-between;padding:5px 0;font-size:.72rem;
}
.kctv8 .kct-live-price-row.discount b{color:#2f9b78}
.kctv8 .kct-live-price-total{
  margin-top:9px;padding-top:11px;border-top:1px solid #dde4e9;
}
.kctv8 .kct-live-price-total span,.kctv8 .kct-live-price-total strong{
  display:block;
}
.kctv8 .kct-live-price-total span{
  font-size:.7rem;font-weight:800;
}
.kctv8 .kct-live-price-total strong{
  margin-top:2px;color:#2f8f83;font-size:1.55rem;
}
.kctv8 .kct-live-after{
  margin-top:8px;padding:9px 10px;border-radius:10px;background:#f2f6f8;
  color:#52636e;font-size:.7rem;font-weight:800;
}
.kctv8 .kct-live-detail{
  width:100%;margin-top:12px;min-height:42px;
  border:1px solid #cfd9df;border-radius:12px;background:#fff;
  color:#23313d;font-weight:800;cursor:pointer;
}
.kctv8 .kct-live-pulse .kct-live-price-total strong{
  animation:kctLivePulse .32s ease;
}
@keyframes kctLivePulse{
  0%{transform:scale(.96);opacity:.65}
  70%{transform:scale(1.035)}
  100%{transform:scale(1);opacity:1}
}

/* Center card width / spacing */
.kctv8 .kct-desktop-consult-grid .kct-consult-shell{
  max-width:none;
  width:100%;
}
.kctv8 .kct-desktop-consult-grid .kct-entry-choice{
  display:none;
}

/* mobile: central consultation only. Right result becomes bottom summary only */
@media(max-width:900px){
  .kctv8 .kct-desktop-consult-grid{
    display:block;
  }
  .kctv8 .kct-consult-side,
  .kctv8 .kct-live-result{
    display:none!important;
  }
  .kctv8 .kct-consult-center{
    width:100%;
  }
  .kctv8 .kct-desktop-consult-grid .kct-entry-choice{
    display:block;
  }
}

@media(min-width:901px){
  .kctv8 .step[data-step="2"] > .kct-entry-choice{
    display:none!important;
  }
}

.kctv8{--kct-green:#2f8f83;--kct-bg:#f7f9fa;--kct-side:#eef3f6;--kct-text:#23313d;--kct-muted:#6f7d86;background:var(--kct-bg);color:var(--kct-text)}
.kctv8 .kct-app-header{max-width:1380px;margin:0 auto;padding:18px 22px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaee;background:#fff}
.kctv8 .kct-brand-lockup{display:flex;align-items:center;gap:14px}
.kctv8 .kct-brand-mark{font-size:2rem;font-weight:900;letter-spacing:-.05em;color:#1d71b8}
.kctv8 .kct-brand-lockup strong,.kctv8 .kct-brand-lockup small{display:block}
.kctv8 .kct-brand-lockup strong{font-size:.95rem}.kctv8 .kct-brand-lockup small{margin-top:2px;color:#7a8892;font-size:.64rem}
.kctv8 .kct-header-help{display:flex;gap:22px;color:#2e4152;font-size:.76rem;font-weight:700}
@media(min-width:901px){
.kctv8 .kct-legacy-hero{display:none!important}
.kctv8>.kct-entry-choice{max-width:960px;margin:18px auto;padding:14px 16px;border-radius:17px;background:#f5f8fa;border:1px solid #dde5eb}
.kctv8>.kct-entry-choice .kct-entry-btn{min-height:76px;padding:13px 15px;border-radius:14px}
.kctv8 .steps{max-width:960px;margin:0 auto 18px;gap:10px}
.kctv8 .steps span{min-height:46px;border-radius:24px;font-size:.85rem;font-weight:800}
.kctv8 .step[data-step="2"]{max-width:1380px;margin:0 auto;padding:0 22px 28px}
.kctv8 .kct-desktop-consult-grid{grid-template-columns:170px minmax(540px,1fr) 280px;gap:16px;max-width:1120px;margin:0 auto}
.kctv8 .kct-side-mode{min-height:86px;padding:13px;border-radius:14px}
.kctv8 .kct-side-mode.active{background:linear-gradient(155deg,#3a9b8f,#2f8f83);border-color:#2f8f83}
.kctv8 .kct-consult-shell{padding:22px 24px 24px;border-radius:18px;border:1px solid #dbe4ea;background:#fff;box-shadow:none}
.kctv8 .kct-consult-progress{height:6px;margin-bottom:4px;background:#e7edf1}.kctv8 .kct-consult-progress div{background:#2f8f83}
.kctv8 .kct-consult-counter{margin-top:0;font-size:.67rem}
.kctv8 .kct-visual-stage{height:230px;margin:10px 0 8px;border-radius:17px}
.kctv8 .kct-topic-label{display:flex;justify-content:center;gap:7px;margin:8px 0 4px;color:#267f9d;font-size:.74rem;font-weight:900}
.kctv8 .kct-consult-talk{max-width:560px;margin:5px auto 14px!important;font-size:1.22rem!important;line-height:1.45!important;text-align:center!important}
.kctv8 .kct-consult-choices{grid-template-columns:1fr 1fr!important;gap:10px!important}
.kctv8 .kct-consult-choices button{min-height:90px!important;grid-template-columns:58px 1fr!important;padding:12px 14px!important;border-radius:14px!important;box-shadow:none!important}
.kctv8 .kct-choice-visual{width:54px;height:54px;border-radius:14px;transform:scale(.9);transform-origin:left center}
.kctv8 .kct-consult-next{min-width:230px;min-height:48px;border-radius:24px!important;background:#2f8f83!important}
.kctv8 .kct-consult-back{min-width:190px;min-height:46px;border:1px solid #d7e0e6!important;border-radius:23px!important;background:#fff!important;color:#2d3d49!important}
.kctv8 .kct-live-result{top:14px;padding:13px;border-radius:17px;background:#e9f0f4;border:1px solid #dbe4ea}
.kctv8 .kct-live-plan,.kctv8 .kct-live-status,.kctv8 .kct-live-price{margin-top:10px;padding:12px;border-radius:12px}
.kctv8 .kct-live-price-total strong{font-size:1.4rem;color:#2f8f83}
}
.kctv8 .kct-side-family-art{height:70px;position:relative;margin:4px auto 10px}.kctv8 .kct-side-family-art .fam{position:absolute;bottom:3px;width:28px;height:36px;border-radius:16px 16px 10px 10px;background:#7da99f}.kctv8 .kct-side-family-art .fam:before{content:"";position:absolute;top:-18px;left:5px;width:18px;height:18px;border-radius:50%;background:#8db5ac}.kctv8 .kct-side-family-art .f1{left:26px;height:31px}.kctv8 .kct-side-family-art .f2{left:60px;height:39px}.kctv8 .kct-side-family-art .f3{left:94px;height:34px}
.kctv8 .kct-consult-motion{font-size:0}.kctv8 .kct-consult-motion>*{font-size:initial}
@media(max-width:900px){.kctv8 .kct-app-header{padding:12px 14px}.kctv8 .kct-header-help{display:none}.kctv8 .kct-brand-mark{font-size:1.55rem}}

/* =========================================================
   v0.33 runtime-stable Step1 interaction
========================================================= */
.kctv8 .region{
  position:relative;
  cursor:pointer!important;
  transition:transform .15s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.kctv8 .region:hover{
  transform:translateY(-2px);
  border-color:#82bfb2!important;
}
.kctv8 .region.sel{
  border-color:#2f9b78!important;
  background:linear-gradient(145deg,#f6fcfa,#edf9f5)!important;
  box-shadow:0 0 0 3px rgba(47,155,120,.08)!important;
}
.kctv8 .region .selmark{
  transition:opacity .18s ease,transform .18s ease;
}
.kctv8 .region.sel .selmark{
  color:#2f9b78!important;
  font-weight:900!important;
}
.kctv8 .kct-contract-type{
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .15s ease!important;
}
.kctv8 .kct-contract-type:hover{
  transform:translateY(-1px);
}
.kctv8 .kct-contract-type.sel{
  border-color:#2f9b78!important;
  background:#f1faf7!important;
  box-shadow:0 0 0 3px rgba(47,155,120,.08)!important;
}
.kctv8 .step[data-step="1"] [data-next="2"]:not(:disabled){
  background:linear-gradient(135deg,#36a28f,#248b79)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(47,143,131,.18)!important;
}

/* =========================================================
   v0.36 "お得感" presentation pass
   Base logic: v0.33
========================================================= */

.kctv8 .kct-live-price{
  overflow:hidden;
  background:#fff!important;
  border:1px solid #e2e8ec;
  box-shadow:0 8px 24px rgba(30,63,84,.045);
}

.kctv8 .kct-price-kicker{
  color:#6b7b86;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.02em;
}

.kctv8 .kct-price-hero{
  margin:8px -2px 0!important;
  padding:14px 14px 13px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#eaf8f3 0%,#f5fcf9 100%);
  box-shadow:inset 0 0 0 1px rgba(47,155,120,.08);
}

.kctv8 .kct-price-hero>span{
  color:#287d67!important;
  font-size:.72rem!important;
  font-weight:900!important;
}

.kctv8 .kct-price-hero>strong{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  margin-top:3px!important;
  color:#148866!important;
  font-size:2.15rem!important;
  line-height:1!important;
  letter-spacing:-.04em;
}

.kctv8 .kct-price-hero>strong small{
  color:#148866;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:0;
}

.kctv8 .kct-saving-box{
  position:relative;
  margin-top:10px;
  padding:12px 13px;
  border-radius:12px;
  background:linear-gradient(135deg,#fff3ef,#fff8f5);
  border:1px solid #ffd9ce;
}

.kctv8 .kct-saving-box:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:#e85c4a;
}

.kctv8 .kct-saving-label{
  display:block;
  padding-left:6px;
  color:#94493d;
  font-size:.67rem;
  font-weight:900;
}

.kctv8 .kct-saving-box b{
  display:block;
  padding-left:6px;
  margin-top:2px;
  color:#e34e3c!important;
  font-size:1.38rem!important;
  line-height:1.15;
}

.kctv8 .kct-saving-box small{
  display:block;
  padding-left:6px;
  margin-top:3px;
  color:#8a716b;
  font-size:.62rem;
}

.kctv8 .kct-live-price-row.normal{
  margin-top:10px;
  padding:8px 2px 3px;
  color:#697680;
  font-size:.68rem;
}

.kctv8 .kct-live-price-row.normal b{
  color:#5b6872;
  text-decoration:none;
}

.kctv8 .kct-live-after{
  margin-top:9px!important;
  padding:10px 11px!important;
  border-radius:11px!important;
  background:#f3f6f8!important;
  color:#52636e!important;
  font-size:.68rem!important;
  font-weight:800!important;
}

.kctv8 .kct-free-benefits{
  margin-top:10px;
  padding:13px;
  border-radius:14px;
  background:linear-gradient(135deg,#edf9f4,#f8fcfa);
  border:1px solid #d6eee5;
}

.kctv8 .kct-free-head span,
.kctv8 .kct-free-head strong{
  display:block;
}

.kctv8 .kct-free-head span{
  color:#148866;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.05em;
}

.kctv8 .kct-free-head strong{
  margin-top:2px;
  color:#27483e;
  font-size:.78rem;
}

.kctv8 .kct-free-item{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:10px;
  align-items:center;
  margin-top:10px;
  padding:10px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 14px rgba(32,81,65,.04);
}

.kctv8 .kct-free-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#158b68;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  line-height:1;
  box-shadow:0 6px 14px rgba(21,139,104,.18);
}

.kctv8 .kct-free-icon span{
  margin-left:1px;
  font-size:.48rem;
}

.kctv8 .kct-free-item b,
.kctv8 .kct-free-item small{
  display:block;
}

.kctv8 .kct-free-item b{
  color:#22463a;
  font-size:.72rem;
}

.kctv8 .kct-free-item small{
  margin-top:3px;
  color:#708078;
  font-size:.61rem;
  line-height:1.45;
}

.kctv8 .kct-live-detail{
  min-height:44px!important;
  margin-top:10px!important;
  border-color:#c9d8d2!important;
  color:#267d6b!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(41,85,70,.035);
}

/* Final screen: emphasize money and benefits without changing logic */
.kctv8 .final-total strong,
.kctv8 .summary-total strong,
.kctv8 .contract-total strong{
  color:#148866!important;
}

.kctv8 .kct-final-benefits{
  border-color:#d8eee6!important;
  background:linear-gradient(135deg,#f7fcfa,#edf9f4)!important;
}

@media(max-width:760px){
  .kctv8 .kct-price-hero>strong{
    font-size:1.75rem!important;
  }

  .kctv8 .kct-saving-box b{
    font-size:1.18rem!important;
  }

  .kctv8 .kct-free-benefits{
    margin:10px 0;
  }
}

/* =========================================================
   v0.37 Region as first consultation question
========================================================= */
.kctv8 .kct-region-consult{
  max-width:760px;
  margin:0 auto;
  padding:22px 24px 24px;
  border-radius:20px;
  background:#fff;
  border:1px solid #dce5ea;
}

.kctv8 .kct-region-progress{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid #edf1f3;
}
.kctv8 .kct-region-progress span{
  color:#2f8f83;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}
.kctv8 .kct-region-progress strong{
  font-size:.8rem;
  color:#596973;
}

.kctv8 .kct-region-scene{
  position:relative;
  height:220px;
  margin:14px 0 10px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid #e1e9ed;
  background:#f7fbfc;
}
.kctv8 .kct-region-scene svg{
  width:100%;
  height:100%;
  display:block;
}
.kctv8 .kct-region-scene-caption{
  position:absolute;
  left:16px;
  right:16px;
  bottom:9px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#647782;
  text-align:center;
  font-size:.67rem;
  font-weight:800;
}

.kctv8 .kct-region-question .kct-topic-label{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  color:#287d9a;
  font-size:.72rem;
  font-weight:900;
}
.kctv8 .kct-region-question>h3{
  margin:7px 0 4px;
  text-align:center;
  font-size:1.3rem;
}
.kctv8 .kct-region-question>p{
  margin:0 0 15px;
  text-align:center;
  color:#70808b;
  font-size:.78rem;
}

.kctv8 .kct-region-choice-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

.kctv8 .kct-region-choice{
  position:relative;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px 16px!important;
  text-align:left!important;
  border:1.5px solid #dfe7ec!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(31,64,84,.04)!important;
  transition:
    transform .16s cubic-bezier(.2,.8,.2,1),
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease!important;
}

.kctv8 .kct-region-choice:hover{
  transform:translateY(-2px)!important;
  border-color:#94cabc!important;
  box-shadow:0 8px 20px rgba(47,110,91,.07)!important;
}

.kctv8 .kct-region-choice:active{
  transform:scale(.978)!important;
}

.kctv8 .kct-region-choice.sel{
  border-color:#2f9b78!important;
  background:linear-gradient(145deg,#f6fcfa,#edf9f5)!important;
  box-shadow:0 0 0 3px rgba(47,155,120,.08)!important;
}

.kctv8 .kct-region-choice-icon{
  position:relative;
  width:62px;
  height:62px;
  display:block;
  border-radius:17px;
  background:#eef6f8;
}

.kctv8 .kct-region-choice-icon:before,
.kctv8 .kct-region-choice-icon:after{
  content:"";
  position:absolute;
}

.kctv8 .kct-region-choice-icon.kanuma:before{
  left:13px; top:22px;
  width:36px; height:27px;
  border-radius:4px 4px 8px 8px;
  background:#73a88d;
}
.kctv8 .kct-region-choice-icon.kanuma:after{
  left:10px; top:12px;
  width:42px; height:28px;
  background:#86b59d;
  clip-path:polygon(50% 0,100% 62%,86% 62%,86% 100%,14% 100%,14% 62%,0 62%);
}

.kctv8 .kct-region-choice-icon.imaichi{
  background:#f4f0fa;
}
.kctv8 .kct-region-choice-icon.imaichi:before{
  left:13px; top:22px;
  width:36px; height:27px;
  border-radius:4px 4px 8px 8px;
  background:#8b78ad;
}
.kctv8 .kct-region-choice-icon.imaichi:after{
  left:10px; top:12px;
  width:42px; height:28px;
  background:#9b89ba;
  clip-path:polygon(50% 0,100% 62%,86% 62%,86% 100%,14% 100%,14% 62%,0 62%);
}

.kctv8 .kct-region-choice-text strong,
.kctv8 .kct-region-choice-text small{
  display:block;
}
.kctv8 .kct-region-choice-text strong{
  font-size:.96rem;
}
.kctv8 .kct-region-choice-text small{
  margin-top:4px;
  color:#74838d;
  font-size:.7rem;
  line-height:1.45;
}

.kctv8 .kct-region-choice .selmark{
  position:absolute;
  top:10px;
  right:10px;
  padding:4px 7px;
  border-radius:999px;
  background:#e6f6ef;
  color:#218260;
  font-size:.58rem;
  font-weight:900;
  opacity:0;
  transform:scale(.8);
  transition:opacity .18s ease,transform .18s ease;
}
.kctv8 .kct-region-choice.sel .selmark{
  opacity:1;
  transform:scale(1);
}

.kctv8 .kct-region-town,
.kctv8 .kct-contract-type-box{
  margin-top:16px;
  padding:14px;
  border-radius:14px;
  background:#f7f9fa;
  border:1px solid #e3e9ed;
}

.kctv8 .kct-region-town label{
  display:block;
  margin-bottom:7px;
  font-size:.78rem;
  font-weight:800;
}
.kctv8 .kct-region-town select{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #d6e0e6;
  border-radius:10px;
  background:#fff;
}

.kctv8 .kct-contract-type-buttons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}

.kctv8 .kct-contract-type{
  min-height:72px!important;
  padding:10px!important;
  border-radius:12px!important;
}

.kctv8 .kct-region-actions{
  display:flex;
  justify-content:center;
  margin-top:16px;
}
.kctv8 .kct-region-actions .primary{
  min-width:240px;
  min-height:48px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  border-radius:24px!important;
}
.kctv8 .kct-region-actions .primary i{
  font-style:normal;
}

@media(max-width:760px){
  .kctv8 .kct-region-consult{
    padding:15px 13px 18px;
    border-radius:17px;
  }
  .kctv8 .kct-region-scene{
    height:165px;
  }
  .kctv8 .kct-region-choice-grid{
    grid-template-columns:1fr!important;
  }
  .kctv8 .kct-region-choice{
    min-height:88px!important;
    grid-template-columns:54px 1fr!important;
    padding:12px!important;
  }
  .kctv8 .kct-region-choice-icon{
    width:52px;
    height:52px;
    transform:scale(.86);
    transform-origin:left center;
  }
  .kctv8 .kct-contract-type-buttons{
    grid-template-columns:1fr!important;
  }
  .kctv8 .kct-region-actions .primary{
    width:100%;
    min-width:0;
  }
}

/* =========================================================
   v0.42 SELF SELECT layout — consolidated
   v0.38〜v0.41 で積み上げていた self-select の上書きレイヤーを
   この1ブロックに統合したもの。
   相談・自分で選ぶ ともに PC は「左ナビ / 中央 / 現在のご提案内容」の3カラム。
   料金計算・地域判定・キャンペーン判定・相談ロジック・商品データには一切触れない。
========================================================= */

/* 中央カラム内の重複カート「現在の契約内容」は常に非表示。
   結果表示は右の .kct-live-result を主役にする。 */
.kctv8.kct-mode-self .builder-layout > .cart{
  display:none !important;
}
.kctv8.kct-mode-self .builder-layout{
  display:block !important;
  width:100% !important;
}
.kctv8.kct-mode-self .builder-main{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

/* PC(≥901px): 相談モードと同じ 3カラムシェルを維持 */
@media(min-width:901px){
  /* v0.40 で display:none にしていた左ナビを左カラムへ戻す */
  .kctv8.kct-mode-self .kct-consult-side{
    display:grid !important;
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .kctv8.kct-mode-self .kct-desktop-consult-grid{
    display:grid !important;
    grid-template-columns:160px minmax(0,1fr) 270px !important;
    gap:16px !important;
    max-width:1120px !important;
    margin:0 auto !important;
    align-items:start !important;
  }
  /* 商品選択は中央カラム */
  .kctv8.kct-mode-self .kct-consult-center{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  /* 「現在のご提案内容」は右カラム */
  .kctv8.kct-mode-self .kct-live-result{
    display:block !important;
    grid-column:3 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    position:sticky !important;
    top:18px !important;
    align-self:start !important;
  }
  /* 自分で選ぶの商品カードは PC で 3列を維持 */
  .kctv8.kct-mode-self .cards.three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .kctv8.kct-mode-self .cards.two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

/* やや狭いPC(901〜1100px): 3カラムは維持したまま、
   左右カラムを縮め・商品カードだけ 2列に落とす */
@media(min-width:901px) and (max-width:1100px){
  .kctv8.kct-mode-self .kct-desktop-consult-grid{
    grid-template-columns:140px minmax(0,1fr) 240px !important;
    gap:13px !important;
  }
  .kctv8.kct-mode-self .cards.three{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* =========================================================
   v0.45  「?」コース説明（自分で選ぶ）
   商品カードに説明パネルを開閉できる「?」を追加。
   料金・判定ロジックには影響しない、表示だけの追加。
========================================================= */

/* 目的から選ぶ：カードのラッパー（グリッドのセルになる） */
.kctv8 .kct-pick-wrap{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.kctv8 .kct-pick-wrap > .pick{
  flex:1 1 auto;
}
/* 「?」と重ならないよう上を少し空ける */
.kctv8 .kct-pick-wrap.has-help > .pick{
  padding-top:30px;
}
.kctv8 .kct-pick-wrap .kct-help-btn{
  position:absolute;
  left:12px;
  top:12px;
  z-index:2;
}

/* プランから選ぶ：行のラッパー */
.kctv8 .kct-plan-wrap{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.kctv8 .kct-plan-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.kctv8 .kct-plan-row > .plan-pick{
  flex:1 1 auto;
  min-width:0;
}

/* 「?」ボタン共通 */
.kctv8 .kct-help-btn{
  flex:none;
  width:26px;
  height:26px;
  padding:0;
  border-radius:50%;
  border:1.5px solid #cbd5e1;
  background:#fff;
  color:#64748b;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  line-height:0;
}
.kctv8 .kct-help-btn:hover{
  border-color:#94a3b8;
  color:#475569;
}
.kctv8 .kct-help-btn.is-open{
  background:var(--net);
  border-color:var(--net);
  color:#fff;
}

/* 説明パネル */
.kctv8 .kct-card-help{
  margin-top:10px;
  padding:13px 14px;
  border:1px solid #dbe4ee;
  border-radius:14px;
  background:#f7fafd;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:10px;
  color:#334155;
}
.kctv8 .kct-card-help[hidden]{display:none}
.kctv8 .kct-card-help-lead{
  margin:0;
  font-size:.82rem;
  line-height:1.65;
}
.kctv8 .kct-card-help-row b{
  display:block;
  font-size:.75rem;
  margin-bottom:2px;
}
.kctv8 .kct-card-help-row span{
  display:block;
  font-size:.8rem;
  line-height:1.55;
}
.kctv8 .kct-card-help-row.rec b{color:#15803d}
.kctv8 .kct-card-help-row.diff b{color:#64748b}
.kctv8 .kct-card-help-close{
  align-self:flex-start;
  padding:5px 15px;
  border:1px solid #d7e0e6;
  border-radius:20px;
  background:#fff;
  color:#2d3d49;
  font-size:.76rem;
  font-weight:700;
  cursor:pointer;
}
.kctv8 .kct-card-help-close:hover{background:#f1f5f9}

@media(max-width:700px){
  .kctv8 .kct-pick-wrap .kct-help-btn{left:10px;top:10px}
}

/* =========================================================
   v0.46  確認画面：今の料金と比べる ＋ 相談導線（CTA）
========================================================= */

/* --- 今の料金と比べる --- */
.kctv8 .kct-compare-box{
  margin-top:20px;
  padding:20px;
  border:1px solid #dbe4ee;
  border-radius:18px;
  background:#f7fafd;
}
.kctv8 .kct-compare-box h3{
  margin:0 0 6px;
  display:flex;
  align-items:center;
  gap:8px;
}
.kctv8 .kct-compare-box h3 small{
  font-size:.7rem;
  font-weight:700;
  color:#64748b;
  background:#eef3f8;
  padding:2px 8px;
  border-radius:999px;
}
.kctv8 .kct-compare-intro{
  margin:0 0 12px;
  font-size:.85rem;
  color:#475569;
  line-height:1.6;
}
.kctv8 .kct-compare-field{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}
.kctv8 .kct-compare-field input{
  width:150px;
  padding:12px 14px;
  border:2px solid #cbd5e1;
  border-radius:12px;
  font-size:1.1rem;
  font-weight:800;
  text-align:right;
}
.kctv8 .kct-compare-field input:focus{
  outline:none;
  border-color:var(--net);
}
.kctv8 .kct-compare-result{
  margin-top:14px;
  padding:15px 16px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e5edf5;
}
.kctv8 .kct-compare-result[hidden]{display:none}
.kctv8 .kct-compare-row{
  display:flex;
  justify-content:space-between;
  font-size:.85rem;
  color:#475569;
  padding:3px 0;
}
.kctv8 .kct-compare-row b{color:#23313d}
.kctv8 .kct-compare-headline{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #dbe4ee;
  font-size:1.05rem;
  font-weight:800;
}
.kctv8 .kct-compare-headline strong{
  font-size:1.5rem;
  color:var(--kct);
}
.kctv8 .kct-compare-result.is-down .kct-compare-headline strong{color:#0f7a3d}
.kctv8 .kct-compare-result.is-up .kct-compare-headline strong{color:var(--sale)}
.kctv8 .kct-compare-year{
  margin-top:4px;
  font-size:.82rem;
  color:#64748b;
  font-weight:700;
}
.kctv8 .kct-compare-note{
  margin:12px 0 0;
  font-size:.72rem;
  color:#94a3b8;
  line-height:1.55;
}

/* --- 相談導線（CTA） --- */
.kctv8 .kct-cta-box{
  margin-top:22px;
  padding:22px 20px;
  border-radius:20px;
  background:linear-gradient(160deg,#eef6ff,#f4f9ff);
  border:1px solid #d6e6fb;
  text-align:center;
}
.kctv8 .kct-cta-box h3{
  margin:0 0 6px;
  font-size:1.2rem;
  color:var(--kct);
}
.kctv8 .kct-cta-note{
  margin:0 0 16px;
  font-size:.82rem;
  color:#52606d;
}
.kctv8 .kct-cta-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  text-align:left;
}
.kctv8 .kct-cta-btn{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid #cfe0f4;
  background:#fff;
  text-decoration:none;
  color:#23313d;
}
.kctv8 .kct-cta-btn:hover{
  border-color:var(--net);
  box-shadow:0 6px 18px rgba(20,87,166,.10);
}
.kctv8 .kct-cta-btn.phone{
  border-color:var(--kct);
  background:#1665c1;
  color:#fff;
}
.kctv8 .kct-cta-ico{font-size:1.5rem;line-height:1}
.kctv8 .kct-cta-txt b{display:block;font-size:.95rem}
.kctv8 .kct-cta-txt small{display:block;font-size:.72rem;color:#64748b;margin-top:2px}
.kctv8 .kct-cta-btn.phone .kct-cta-txt small{color:#dbeafe}

.kctv8 .kct-summary{
  margin-top:16px;
  text-align:left;
}
.kctv8 .kct-summary > summary{
  cursor:pointer;
  font-weight:800;
  font-size:.85rem;
  color:var(--kct);
  padding:6px 0;
}
.kctv8 .kct-summary textarea{
  width:100%;
  margin-top:8px;
  padding:12px 14px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  font-family:inherit;
  font-size:.8rem;
  line-height:1.6;
  color:#334155;
  background:#fff;
  resize:vertical;
}
.kctv8 .kct-summary-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
}
.kctv8 .kct-summary-msg{
  font-size:.8rem;
  font-weight:700;
  color:#0f7a3d;
}
.kctv8 .kct-summary-msg[hidden]{display:none}

@media(max-width:700px){
  .kctv8 .kct-cta-actions{grid-template-columns:1fr}
  .kctv8 .kct-compare-field input{width:130px}
}

/* =========================================================
   v0.47  固定電話ネット必須の案内 ／ 画面フォーカス
========================================================= */
.kctv8 .kct-inline-note{
  margin:16px 0 0;
  padding:12px 14px;
  border-radius:12px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  font-size:.82rem;
  line-height:1.6;
}
.kctv8 .kct-inline-note[hidden]{display:none}

/* プログラムでフォーカスを受けるコンテナには枠線を出さない */
.kctv8 .step:focus{outline:none}
.kctv8 .step:focus-visible{outline:none}

/* =========================================================
   v0.48  スマホ端末（本体）— 別枠。月額計算には非加算
========================================================= */
.kctv8 .kct-device-section{
  margin-top:20px;
  padding:18px;
  border-radius:18px;
  background:var(--mobilebg);
}
.kctv8 .kct-device-section[hidden]{display:none}
.kctv8 .kct-device-section h3{
  margin:0 0 4px;
  display:flex;
  align-items:center;
  gap:8px;
}
.kctv8 .kct-device-section h3 small{
  font-size:.7rem;font-weight:700;color:#92400e;
  background:#fff;border:1px solid #fed7aa;padding:2px 8px;border-radius:999px;
}
.kctv8 .kct-device-section .sub{
  margin:0 0 14px;font-size:.82rem;color:#7c5a33;line-height:1.6;
}
.kctv8 .kct-device-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.kctv8 .kct-device-item{display:flex;flex-direction:column;min-width:0}
.kctv8 .kct-device-card{
  position:relative;
  border:2px solid #fff;
  background:#fff;
  border-radius:16px;
  padding:16px 14px;
  text-align:center;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  flex:1 1 auto;
}
.kctv8 .kct-device-card.sel{border-color:var(--mobile)}
.kctv8 .kct-device-check{
  position:absolute;right:10px;top:10px;
  width:26px;height:26px;border-radius:50%;
  background:var(--mobile);color:#fff;
  display:flex;align-items:center;justify-content:center;
  opacity:0;
}
.kctv8 .kct-device-card.sel .kct-device-check{opacity:1}
.kctv8 .kct-device-img{
  width:88px;height:88px;
  object-fit:contain;
  display:flex;align-items:center;justify-content:center;
}
.kctv8 .kct-device-noimg{font-size:2.6rem}
.kctv8 .kct-device-card strong{font-size:.92rem;margin-top:4px}
.kctv8 .kct-device-color{
  font-size:.68rem;color:#94a3b8;line-height:1.4;white-space:pre-line;
}
.kctv8 .kct-device-price{
  margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:1px;
}
.kctv8 .kct-device-price b{font-size:1rem;color:#b45309}
.kctv8 .kct-device-price small{font-size:.7rem;color:#94a3b8}
.kctv8 .kct-device-price .kct-device-once{color:#64748b}
.kctv8 .kct-device-hp{
  display:block;text-align:center;margin-top:6px;
  font-size:.74rem;font-weight:700;color:#1457a6;text-decoration:none;
}
.kctv8 .kct-device-hp:hover{text-decoration:underline}
.kctv8 .kct-device-note{
  margin:12px 0 0;font-size:.72rem;color:#94a3b8;line-height:1.55;
}

/* 確認画面の端末ブロック */
.kctv8 .kct-device-final{
  margin-top:16px;padding:18px 20px;
  border:1px solid #fed7aa;border-radius:16px;background:#fff8f1;
}
.kctv8 .kct-device-final[hidden]{display:none}
.kctv8 .kct-device-final h3{margin:0 0 8px}
.kctv8 .kct-device-final-name{font-weight:800;font-size:1.05rem;margin-bottom:8px}
.kctv8 .kct-device-final-row{
  display:flex;justify-content:space-between;font-size:.88rem;color:#475569;padding:3px 0;
}
.kctv8 .kct-device-final-row b{color:#b45309}
.kctv8 .kct-device-final-note{margin:10px 0 0;font-size:.74rem;color:#94a3b8;line-height:1.55}

@media(max-width:930px){
  .kctv8 .kct-device-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .kctv8 .kct-device-cards{grid-template-columns:1fr}
}

/* v0.50 端末：構造化価格が無い機種の備考テキスト表示 */
.kctv8 .kct-device-pricetext{
  font-size:.68rem;color:#7c5a33;line-height:1.5;white-space:pre-line;text-align:left;margin-top:2px;
}
.kctv8 .kct-device-notetext{
  margin:6px 0 0;font-size:.68rem;color:#94a3b8;line-height:1.5;white-space:pre-line;
}
.kctv8 .kct-device-final-pricetext{
  margin:6px 0 0;font-size:.82rem;color:#475569;line-height:1.6;white-space:pre-line;
}

/* =========================================================
   v0.52  確認画面（ステップ3）の情報設計を整理
   ヒーロー（月額の目安）を1つに絞り、内訳・キャンペーンを
   従属させる。色・サイズ・余白で優先度を明確化。
========================================================= */
.kctv8 .kct-r3-title{
  text-align:center;
  font-size:1.15rem;
  font-weight:800;
  color:#23313d;
  margin:4px 0 16px;
}

/* ヒーロー：この画面で一番大事な数字 */
.kctv8 .kct-r3-hero{
  text-align:center;
  padding:24px 20px;
  border-radius:20px;
  background:linear-gradient(165deg,#eef6ff,#f5f9ff);
  border:1px solid #d6e6fb;
}
.kctv8 .kct-r3-hero-label{
  display:block;
  font-size:.8rem;
  font-weight:700;
  color:#5a7fa6;
}
.kctv8 .kct-r3-hero-num{
  display:block;
  margin-top:4px;
  font-size:2.9rem;
  font-weight:800;
  line-height:1.05;
  color:var(--kct);
  letter-spacing:-.01em;
}
.kctv8 .kct-r3-hero-num small{
  font-size:1rem;
  font-weight:800;
  margin-left:4px;
  color:#5a7fa6;
}
.kctv8 .kct-r3-hero-sub{
  display:block;
  margin-top:8px;
  font-size:.78rem;
  color:#64748b;
}
.kctv8 .kct-r3-hero-sub[hidden]{display:none}

/* セクション */
.kctv8 .kct-r3-section{
  margin-top:22px;
}
.kctv8 .kct-r3-section[hidden]{display:none}
.kctv8 .kct-r3-section-label{
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.06em;
  color:#7b8794;
  margin-bottom:8px;
}

/* ご契約内容の各行 */
.kctv8 .kct-r3-list{
  border:1px solid #e6ecf3;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.kctv8 .kct-r3-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid #eef2f6;
}
.kctv8 .kct-r3-row:first-child{border-top:0}
.kctv8 .kct-r3-ico{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;
  border-radius:10px;
  background:#f1f5f9;
}
.kctv8 .kct-r3-ico.net{background:var(--netbg)}
.kctv8 .kct-r3-ico.tv{background:var(--tvbg)}
.kctv8 .kct-r3-ico.tel{background:var(--telbg)}
.kctv8 .kct-r3-ico.mobile{background:var(--mobilebg)}
.kctv8 .kct-r3-name b{
  display:block;
  font-size:.95rem;
  font-weight:700;
  color:#23313d;
}
.kctv8 .kct-r3-cl{
  display:block;
  margin-top:2px;
  font-size:.72rem;
  font-style:normal;
  color:#94a3b8;
  line-height:1.5;
}
.kctv8 .kct-r3-price{
  font-size:1.05rem;
  font-weight:800;
  color:#23313d;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.kctv8 .kct-r3-price small{
  font-size:.68rem;
  font-weight:700;
  color:#94a3b8;
  margin-left:2px;
}

/* 内訳サマリー */
.kctv8 .kct-r3-summary{
  margin-top:10px;
  padding:14px 16px;
  border-radius:14px;
  background:#f7f9fb;
}
.kctv8 .kct-r3-srow{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  font-size:.85rem;
  color:#52606d;
  padding:4px 0;
}
.kctv8 .kct-r3-srow b{
  font-weight:700;
  color:#334155;
  font-variant-numeric:tabular-nums;
}
.kctv8 .kct-r3-srow.is-cut{color:var(--sale)}
.kctv8 .kct-r3-srow.is-cut b{color:var(--sale)}
.kctv8 .kct-r3-srow.is-total{
  margin-top:6px;
  padding-top:10px;
  border-top:1px solid #e2e8f0;
  font-size:.95rem;
  font-weight:800;
  color:#23313d;
}
.kctv8 .kct-r3-srow.is-total b{
  font-size:1.35rem;
  font-weight:800;
  color:var(--kct);
}
.kctv8 .kct-r3-srow.is-total b small{
  font-size:.72rem;
  font-weight:800;
  color:#5a7fa6;
  margin-left:2px;
}
.kctv8 .kct-r3-srow.is-after{
  font-size:.76rem;
  color:#94a3b8;
}
.kctv8 .kct-r3-srow.is-after b{color:#64748b;font-weight:700}

/* キャンペーン・特典リスト */
.kctv8 .kct-r3-campaigns{
  border:1px solid #e6ecf3;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.kctv8 .kct-r3-campaign{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:10px;
  align-items:start;
  padding:12px 16px;
  border-top:1px solid #eef2f6;
}
.kctv8 .kct-r3-campaign:first-child{border-top:0}
.kctv8 .kct-r3-campaign-ico{
  font-size:.95rem;
  line-height:1.4;
  text-align:center;
  color:#15803d;
}
.kctv8 .kct-r3-campaign-txt b{
  display:block;
  font-size:.86rem;
  font-weight:700;
  color:#23313d;
}
.kctv8 .kct-r3-campaign-txt small{
  display:block;
  margin-top:2px;
  font-size:.75rem;
  color:#64748b;
  line-height:1.55;
}

@media(max-width:700px){
  .kctv8 .kct-r3-hero-num{font-size:2.5rem}
  .kctv8 .kct-r3-row{padding:13px 13px;gap:10px}
}

/* v0.55 住居タイプ（戸建て / 集合住宅） */
.kctv8 .kct-housing-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:700px){.kctv8 .kct-housing-buttons{grid-template-columns:1fr!important}}

/* v0.56 確認画面の注記（3年前提など） */
.kctv8 .kct-r3-termnote{
  margin:10px 2px 0;
  font-size:.72rem;
  color:#94a3b8;
  line-height:1.6;
}

/* =========================================================
   v0.57  右パネル「現在のご提案内容」の情報設計を整理
   step3（v0.52 .kct-r3-*）と同じ考え方に揃える：
   ・ヒーローは「月額の目安」1つだけ
   ・プラン名／割引／0円サービスは従属要素として静かに
   ・装飾グラデーション・影を外し、色は意味にだけ使う
   （右パネルは PC のみ表示。モバイルは非表示なので影響なし）
========================================================= */

/* パネル全体：白カード基調 */
.kctv8 .kct-live-result{
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
}
.kctv8 .kct-live-result-head span{font-size:.9rem!important;color:#23313d!important}
.kctv8 .kct-live-result-head small{color:#94a3b8!important}

/* プラン名：見出しから「ラベル＋値」へ降格 */
.kctv8 .kct-live-plan{
  background:#fff!important;
  border:1px solid #e6ecf3;
  box-shadow:none!important;
}
.kctv8 .kct-live-plan span{
  color:#7b8794!important;font-size:.7rem!important;font-weight:800!important;
  letter-spacing:.04em;
}
.kctv8 .kct-live-plan strong{
  font-size:1rem!important;font-weight:700!important;color:#23313d!important;
}
.kctv8 .kct-live-plan small{color:#94a3b8!important}

/* 内訳（含まれるもの）：静かなリスト */
.kctv8 .kct-live-status{
  background:#fff!important;
  border:1px solid #e6ecf3;
}
.kctv8 .kct-live-status>div{border-bottom-color:#eef2f6!important}
.kctv8 .kct-live-status span{font-size:.74rem!important;color:#52606d!important}
.kctv8 .kct-live-status b{font-size:.74rem!important;color:#23313d!important;font-weight:700!important}

/* 価格ボックス：この画面のヒーロー。装飾は最小限に */
.kctv8 .kct-live-price{
  background:#fff!important;
  border:1px solid #e6ecf3!important;
  box-shadow:none!important;
}
.kctv8 .kct-price-hero{
  background:linear-gradient(165deg,#eafaf4,#f5fcf9)!important;
  box-shadow:inset 0 0 0 1px rgba(21,136,102,.1)!important;
}
.kctv8 .kct-price-hero>strong{font-size:2.3rem!important}

/* 割引：赤い主張カードをやめ、静かな「−X円」行に */
.kctv8 .kct-saving-box{
  margin-top:10px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f7f9fb!important;
}
.kctv8 .kct-saving-box:before{display:none!important}
.kctv8 .kct-saving-label{
  padding-left:0!important;color:#7b8794!important;font-weight:800!important;
}
.kctv8 .kct-saving-box b{
  padding-left:0!important;
  margin-top:2px!important;
  font-size:1rem!important;
  color:var(--sale)!important;
  font-variant-numeric:tabular-nums;
}
.kctv8 .kct-saving-box small{padding-left:0!important;color:#94a3b8!important}

/* キャンペーン終了後：さらに小さく、無彩色に */
.kctv8 .kct-live-after{
  background:#f7f9fb!important;
  color:#94a3b8!important;
  font-size:.72rem!important;
  font-weight:700!important;
}

/* 0円サービス：グラデ・影を外し、アイコンを小さく */
.kctv8 .kct-free-benefits{
  background:#fff!important;
  border:1px solid #e6ecf3!important;
}
.kctv8 .kct-free-head span{color:#7b8794!important;letter-spacing:.04em}
.kctv8 .kct-free-head strong{color:#23313d!important}
.kctv8 .kct-free-item{
  grid-template-columns:32px 1fr!important;
  background:#f7f9fb!important;
  box-shadow:none!important;
}
.kctv8 .kct-free-icon{
  width:30px!important;height:30px!important;
  font-size:.72rem!important;
  box-shadow:none!important;
}
.kctv8 .kct-free-item b{color:#23313d!important}

/* 「詳しく見る」：主要導線として控えめに強調 */
.kctv8 .kct-live-detail{
  border-color:#c9d8d2!important;
  color:#267d6b!important;
  box-shadow:none!important;
}

/* =========================================================
   v0.58  契約種別（新規／乗り換え／KCT契約中）による出し分け
   表示のみ。料金計算・キャンペーン判定には一切影響しない。
   ステップ2の先頭に、契約種別に応じた案内を出す。
========================================================= */
.kctv8 .kct-ct-context{
  max-width:1120px;
  margin:0 auto 14px;
  display:none;
}
/* 乗り換え・KCT契約中のときだけ帯を出す（新規は何も出さない） */
.kctv8.kct-ct-switch .kct-ct-context,
.kctv8.kct-ct-existing .kct-ct-context{display:block}

.kctv8 .kct-ct-msg{
  display:none;
  grid-template-columns:32px 1fr;
  gap:12px;
  align-items:center;
  padding:13px 16px;
  border-radius:14px;
}
.kctv8 .kct-ct-ico{font-size:1.2rem;text-align:center;line-height:1.3}
.kctv8 .kct-ct-msg b{
  display:block;
  font-size:.9rem;
  font-weight:800;
  color:#23313d;
}
.kctv8 .kct-ct-msg small{
  display:block;
  margin-top:3px;
  font-size:.75rem;
  color:#5b6b7a;
  line-height:1.55;
}
.kctv8.kct-ct-switch .kct-ct-msg-switch{
  display:grid;
  background:#fff7ed;
  border:1px solid #fed7aa;
}
.kctv8.kct-ct-existing .kct-ct-msg-existing{
  display:grid;
  background:#eff6ff;
  border:1px solid #bfdbfe;
}

/* 乗り換えのときは、確認画面の「今の料金と比べる」を先頭付近で目立たせる */
.kctv8.kct-ct-switch .kct-compare-box{
  border-color:#fed7aa;
  box-shadow:0 0 0 3px rgba(251,146,60,.10);
}

/* =========================================================
   v0.60  お問い合わせフォーム（確認画面）
   相談方法 → お客様情報 → 同意 → 送信 の1本道。
   主役は数字ではなく「入力のしやすさ」なので装飾は抑える。
========================================================= */
.kctv8 .kct-inq-box{
  margin-top:18px;
  padding:22px 20px;
  border:1px solid #d6e6fb;
  border-radius:18px;
  background:#f7fbff;
}
.kctv8 .kct-inq-box>h3{
  margin:0;
  font-size:1.05rem;
  font-weight:800;
  color:#23313d;
}
.kctv8 .kct-inq-note{
  margin:6px 0 0;
  font-size:.82rem;
  color:#5b6b7a;
  line-height:1.6;
}

/* 契約種別ごとの一言（既定は非表示） */
.kctv8 .kct-inq-ct{display:none;margin:10px 0 0;font-size:.8rem;line-height:1.6}
.kctv8.kct-ct-switch .kct-inq-ct-switch{display:block;color:#9a3412}
.kctv8.kct-ct-existing .kct-inq-ct-existing{display:block;color:#1e40af}

.kctv8 .kct-inq-form{margin-top:16px}
.kctv8 .kct-inq-form[hidden]{display:none}

/* 相談方法 */
.kctv8 .kct-inq-methods{margin:0 0 16px;padding:0;border:0}
.kctv8 .kct-inq-methods legend{
  padding:0;
  font-size:.82rem;
  font-weight:800;
  color:#334155;
}
.kctv8 .kct-inq-method-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.kctv8 .kct-inq-method{
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 13px;
  border:1px solid #dbe4ee;
  border-radius:12px;
  background:#fff;
  font-size:.86rem;
  color:#23313d;
  cursor:pointer;
}
.kctv8 .kct-inq-method:hover{border-color:#93b8e6}
.kctv8 .kct-inq-method input{margin:0;flex:0 0 auto;accent-color:var(--kct)}
.kctv8 .kct-inq-method:has(input:checked){
  border-color:var(--kct);
  background:#eef6ff;
  box-shadow:0 0 0 2px rgba(20,87,166,.08);
}

/* 入力欄 */
.kctv8 .kct-inq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kctv8 .kct-inq-field{display:block}
.kctv8 .kct-inq-wide{grid-column:1/-1}
.kctv8 .kct-inq-field>span{
  display:block;
  margin-bottom:4px;
  font-size:.8rem;
  font-weight:700;
  color:#334155;
}
.kctv8 .kct-inq-field input,
.kctv8 .kct-inq-field select,
.kctv8 .kct-inq-field textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid #cfdbe8;
  border-radius:10px;
  background:#fff;
  font-size:1rem;   /* iOSの自動ズームを防ぐため16px相当を保つ */
  line-height:1.5;
  color:#23313d;
  box-sizing:border-box;
}
.kctv8 .kct-inq-field textarea{resize:vertical}
.kctv8 .kct-inq-field input:focus,
.kctv8 .kct-inq-field select:focus,
.kctv8 .kct-inq-field textarea:focus{
  outline:none;
  border-color:var(--kct);
  box-shadow:0 0 0 3px rgba(20,87,166,.12);
}
.kctv8 .kct-inq-field.is-invalid input,
.kctv8 .kct-inq-field.is-invalid select{
  border-color:var(--sale);
  background:#fff8f8;
}

.kctv8 .kct-req{
  margin-left:6px;
  padding:1px 6px;
  border-radius:999px;
  background:#fde8e8;
  color:#b3261e;
  font-size:.66rem;
  font-weight:800;
  vertical-align:middle;
}
.kctv8 .kct-inq-err{
  display:block;
  margin-top:4px;
  font-size:.75rem;
  font-style:normal;
  color:var(--sale);
}
.kctv8 .kct-inq-err:empty{display:none}

/* 同意 */
.kctv8 .kct-inq-consent{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid #dbe4ee;
  border-radius:12px;
  background:#fff;
  font-size:.84rem;
  line-height:1.6;
  color:#334155;
  cursor:pointer;
}
.kctv8 .kct-inq-consent input{margin:3px 0 0;flex:0 0 auto;accent-color:var(--kct)}
.kctv8 .kct-inq-consent a{color:var(--kct);text-decoration:underline}
.kctv8 .kct-inq-consent.is-invalid{border-color:var(--sale);background:#fff8f8}

.kctv8 .kct-inq-attach{
  margin:10px 2px 0;
  font-size:.75rem;
  color:#94a3b8;
  line-height:1.6;
}

/* ハニーポット：人には見えない位置に置く */
.kctv8 .kct-inq-hp{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  overflow:hidden;
}

/* 送信 */
.kctv8 .kct-inq-submit{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:16px;
}
.kctv8 .kct-inq-btn{
  min-height:52px;
  padding:0 30px;
  border:0;
  border-radius:26px;
  background:var(--kct);
  color:#fff;
  font-size:1rem;
  font-weight:800;
  cursor:pointer;
}
.kctv8 .kct-inq-btn:hover{background:#114b8f}
.kctv8 .kct-inq-btn:disabled{opacity:.55;cursor:default}
.kctv8 .kct-inq-status{font-size:.8rem;color:#5b6b7a}
.kctv8 .kct-inq-error{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:10px;
  background:#fff1f1;
  color:#b3261e;
  font-size:.82rem;
  line-height:1.6;
}
.kctv8 .kct-inq-error[hidden]{display:none}

/* 送信完了 */
.kctv8 .kct-inq-done{
  padding:20px 18px;
  border:1px solid #bbf7d0;
  border-radius:14px;
  background:#f0fdf4;
  text-align:center;
}
.kctv8 .kct-inq-done[hidden]{display:none}
.kctv8 .kct-inq-done strong{
  display:block;
  font-size:1.05rem;
  font-weight:800;
  color:#166534;
}
.kctv8 .kct-inq-done p{
  margin:6px 0 0;
  font-size:.85rem;
  color:#3f6b4e;
  line-height:1.7;
}
.kctv8 .kct-inq-done-tel{
  display:inline-block;
  margin-top:12px;
  padding:10px 22px;
  border-radius:24px;
  background:#fff;
  border:1px solid #bbf7d0;
  color:#166534;
  font-weight:800;
  text-decoration:none;
}

@media(max-width:700px){
  .kctv8 .kct-inq-box{padding:18px 14px;border-radius:16px}
  .kctv8 .kct-inq-method-grid{grid-template-columns:1fr}
  .kctv8 .kct-inq-grid{grid-template-columns:1fr}
  .kctv8 .kct-inq-submit{flex-direction:column;align-items:stretch}
  .kctv8 .kct-inq-btn{width:100%}
}

/* =========================================================
   v0.61  相談アクションの一本化
   旧CTAボタン群とフォームの役割重複を解消。
   「今すぐ電話」＋「フォームで申し込む」を1つの箱にまとめる。
========================================================= */

/* 電話ボタンが1つだけのときは中央に全幅で */
.kctv8 .kct-cta-actions .kct-cta-btn:only-child{
  grid-column:1/-1;
  justify-content:center;
}

/* cta-box は中央寄せなので、入れ子のフォームとコピー欄は左寄せに戻す */
.kctv8 .kct-cta-box .kct-inq-box{
  text-align:left;
  background:#fff;   /* 親が青系グラデのため、白で一段浮かせる */
  border-color:#dbe7f5;
}
.kctv8 .kct-cta-box .kct-summary{
  text-align:left;
}

/* 必須チップの hidden 切り替え（メールアドレス欄で使用） */
.kctv8 .kct-req[hidden]{display:none}

/* コピー欄の使いどころの説明 */
.kctv8 .kct-summary-hint{
  margin:10px 0 8px;
  font-size:.78rem;
  color:#5b6b7a;
  line-height:1.6;
}

/* =========================================================
   v0.62  トーン＆マナー刷新
   ・配色をKCTロゴ（青#65aadd／桃#ef92b5／黄#fff100／墨#4c4948）基準に
     — 緑系（他社サービスを想起）を全面的にブランド青へ
   ・固定部（ヘッダー〜ステップバー）は白、動く部分（.step）は
     青みの「ステージ」にして進行中の場所を明確に
   ・PCは左カラムを撤去し「メイン＋右パネル」の2カラム
   ・押せる場所のメリハリ：選択肢は白カード＋太枠、選択中は青、
     次へは大きく、無効時ははっきりグレー
========================================================= */

.kctv8{
  --kct:#2b7fc4;          /* ロゴ青 #65aadd から導いた実用プライマリ */
  --kct-green:#2b7fc4;    /* 旧トークンも青へ */
  --kctlite:#65aadd;      /* ロゴの青そのもの（ホバー・枠） */
  --kctpink:#e987b2;      /* ロゴ桃 #ef92b5 のやや濃色（バッジ・ボタン用） */
  --kct-text:#4c4948;     /* ロゴの墨色 */
  --kct-stage:#eaf2f9;    /* 動く部分のステージ色 */
  color:#4c4948;
}

/* --- ブランドマーク：ロゴのアスタリスク＋墨色のKCT --- */
.kctv8 .kct-brand-mark{
  display:flex;align-items:center;gap:8px;
  color:#4c4948!important;font-size:1.7rem;letter-spacing:-.03em;
}
.kctv8 .kct-brand-ast{flex:0 0 auto;display:block}

/* --- 固定部＝白 / 動く部分＝ステージ（PCのみ。スマホは現状維持） --- */
@media(min-width:901px){
  .kctv8{background:#fff}
  .kctv8 .step{
    background:var(--kct-stage);
    border-radius:26px;
    max-width:1200px;
    margin:0 auto 28px;
    padding:24px 24px 32px!important;
  }
  .kctv8 .step[data-step="2"]{max-width:1200px}
}

/* --- ステップバー：いまの場所をはっきり --- */
.kctv8 .steps span{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:#fff;border:2px solid #e2e8ee;color:#9aa5b0;
  font-weight:800;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.kctv8 .steps span.active{
  background:var(--kct);border-color:var(--kct);color:#fff;
  box-shadow:0 8px 20px rgba(43,127,196,.30);
  transform:scale(1.04);
}
.kctv8 .steps span.done{
  background:#eaf3fb;border-color:#cfe3f4;color:var(--kct);
}
.kctv8 .steps span.done:after{content:"✓";font-size:.85em}

/* --- PC 2カラム（左カラム撤去に伴う組み直し） --- */
@media(min-width:901px){
  .kctv8 .kct-consult-side{display:none!important}
  .kctv8 .kct-desktop-consult-grid{
    grid-template-columns:minmax(0,1fr) 300px!important;
    max-width:1140px!important;gap:18px!important;
  }
  .kctv8 .kct-consult-center{grid-column:1!important;grid-row:1!important}
  .kctv8 .kct-live-result{grid-column:2!important;grid-row:1!important}
  .kctv8.kct-mode-self .kct-desktop-consult-grid{grid-template-columns:minmax(0,1fr) 300px!important}
  .kctv8.kct-mode-self .kct-consult-center{grid-column:1!important}
  .kctv8.kct-mode-self .kct-live-result{grid-column:2!important}
}
@media(min-width:901px) and (max-width:1100px){
  .kctv8 .kct-desktop-consult-grid,
  .kctv8.kct-mode-self .kct-desktop-consult-grid{grid-template-columns:minmax(0,1fr) 260px!important}
}

/* --- 入口（相談しながら／自分で選ぶ）：押せる感＋おすすめは桃 --- */
.kctv8 .kct-entry-btn{border:2px solid #dbe4ec;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.kctv8 .kct-entry-btn:hover{border-color:var(--kctlite)}
.kctv8 .kct-entry-btn.active{
  border-color:var(--kct)!important;background:#eef5fc!important;
  box-shadow:0 0 0 3px rgba(43,127,196,.12)!important;
}
.kctv8 .kct-entry-btn em{background:var(--kctpink)!important;color:#fff!important}

/* --- 緑 → ブランド青 置換 --- */

/* ステップ1：地域・契約種別・住居の選択状態 */
.kctv8 .region:hover{border-color:#9cc4e6!important}
.kctv8 .region.sel{
  border-color:var(--kct)!important;
  background:linear-gradient(145deg,#f2f8fd,#e9f3fb)!important;
  box-shadow:0 0 0 3px rgba(43,127,196,.10)!important;
}
.kctv8 .region.sel .selmark{color:var(--kct)!important}
.kctv8 .kct-contract-type.sel{
  border-color:var(--kct)!important;background:#eef5fc!important;
  box-shadow:0 0 0 3px rgba(43,127,196,.10)!important;
}
.kctv8 .kct-region-choice.sel{
  border-color:var(--kct)!important;
  box-shadow:0 0 0 3px rgba(43,127,196,.10)!important;
}
.kctv8 .kct-region-choice.sel .selmark{color:var(--kct)!important}
.kctv8 .step[data-step="1"] [data-next="2"]:not(:disabled){
  background:linear-gradient(135deg,#4d9bd8,#2b7fc4)!important;
  box-shadow:0 8px 20px rgba(43,127,196,.25)!important;
}

/* 相談モード：進捗・質問ラベル・選択肢・次へ */
.kctv8 .kct-consult-progress div{background:var(--kct)!important}
.kctv8 .kct-topic-label{color:var(--kct)!important}
.kctv8 .kct-consult-choices button{
  border:2px solid #dbe4ec!important;background:#fff!important;
  box-shadow:0 2px 8px rgba(76,73,72,.05)!important;
  cursor:pointer;
}
.kctv8 .kct-consult-choices button:hover{
  border-color:var(--kctlite)!important;
  box-shadow:0 8px 18px rgba(43,127,196,.14)!important;
  transform:translateY(-2px);
}
.kctv8 .kct-consult-choices button.selected{
  border-color:var(--kct)!important;background:#eef5fc!important;
  box-shadow:0 0 0 3px rgba(43,127,196,.14)!important;
}
.kctv8 .kct-consult-choices button.selected:before{background:var(--kct)!important}
.kctv8 .kct-consult-choices button.selected:after{background:#eaf3fb!important;color:var(--kct)!important}
.kctv8 .kct-consult-next{
  background:var(--kct)!important;
  min-height:52px;
  box-shadow:0 10px 24px rgba(43,127,196,.28);
}
.kctv8 .kct-consult-next:disabled{
  background:#c9d4de!important;color:#fff!important;
  box-shadow:none!important;animation:none!important;cursor:default;
}

/* 右パネル：ステージ上では白カードに。ヒーローと0円も青系へ */
@media(min-width:901px){
  .kctv8 .kct-live-result{background:#fff!important;border-color:#dfe8f0!important}
}
.kctv8 .kct-price-hero{
  background:linear-gradient(165deg,#eaf3fb,#f5f9fd)!important;
  box-shadow:inset 0 0 0 1px rgba(43,127,196,.12)!important;
}
.kctv8 .kct-price-hero>span{color:#47759c!important}
.kctv8 .kct-price-hero>strong{color:var(--kct)!important}
.kctv8 .kct-price-hero>strong small{color:var(--kct)!important}
.kctv8 .kct-saving-box small{display:none}       /* 注釈を減らす */
.kctv8 .kct-free-icon{background:var(--kct)!important;box-shadow:none!important}
.kctv8 .kct-live-detail{color:var(--kct)!important;border-color:#c2d8ec!important}
.kctv8 .kct-live-price-total strong{color:var(--kct)}

/* 見出し・本文の基調色をロゴの墨色に */
.kctv8 .kct-live-result-head span,
.kctv8 .kct-r3-title,
.kctv8 .hero h2{color:#4c4948!important}

/* =========================================================
   v0.63  ロゴ3色を「役割」に割り当てるカラーシステム
   青＝ベース（全体の背景）
   ピンク＝いま動いている場所（アクティブなステップ・次へ）
   黄＝決まったもの（済みステップ・選択中）
========================================================= */

/* --- 青：全体の背景（固定部のヘッダーは白のまま） --- */
.kctv8{background:#e3eef8}
@media(min-width:901px){
  .kctv8{background:#e3eef8}
}

/* --- ピンク：いま動いている部分のステージ --- */
.kctv8{--kct-stage:#fdf3f8}
@media(min-width:901px){
  .kctv8 .step{
    background:#fdf3f8;
    border:1px solid #f7dcea;
  }
}

/* ステップバー：現在地の「表示」であってボタンではないので、
   クリックする場所（選択肢・次へ）より目立たない淡色にする（v0.65） */
.kctv8 .steps span.active{
  background:#fdedf4;
  border-color:#f6cbdd;
  color:#c8608f;
  box-shadow:none;
  transform:none;
}
.kctv8 .steps span.done{
  background:#fefbe6;
  border-color:#f2e9b4;
  color:#96852a;
}

/* 進捗バー・質問ラベル・次へ＝ピンク（いま操作する場所の色） */
.kctv8 .kct-consult-progress div{background:#e987b2!important}
.kctv8 .kct-topic-label{color:#d76ba0!important}
.kctv8 .kct-consult-next{
  background:#e987b2!important;
  box-shadow:0 10px 24px rgba(233,135,178,.30);
}
.kctv8 .kct-consult-next:disabled{
  background:#c9d4de!important;box-shadow:none!important;
}
.kctv8 .step[data-step="1"] [data-next="2"]:not(:disabled){
  background:linear-gradient(135deg,#f3a6c4,#e987b2)!important;
  box-shadow:0 8px 20px rgba(233,135,178,.28)!important;
}

/* --- 黄：選んだもの・済んだもの --- */
.kctv8 .region.sel{
  border-color:#dcc12c!important;
  background:linear-gradient(145deg,#fffdef,#fff8d4)!important;
  box-shadow:0 0 0 3px rgba(220,193,44,.18)!important;
}
.kctv8 .region.sel .selmark{color:#8a7800!important}
.kctv8 .kct-contract-type.sel{
  border-color:#dcc12c!important;
  background:#fffbe2!important;
  box-shadow:0 0 0 3px rgba(220,193,44,.18)!important;
}
.kctv8 .kct-region-choice.sel{
  border-color:#dcc12c!important;
  box-shadow:0 0 0 3px rgba(220,193,44,.18)!important;
}
.kctv8 .kct-region-choice.sel .selmark{color:#8a7800!important}
.kctv8 .kct-consult-choices button.selected{
  border-color:#dcc12c!important;
  background:#fffbe2!important;
  box-shadow:0 0 0 3px rgba(220,193,44,.20)!important;
}
.kctv8 .kct-consult-choices button.selected:before{background:#cfa900!important}
.kctv8 .kct-consult-choices button.selected:after{
  background:#fff3a8!important;color:#6f6000!important;
}
.kctv8 .kct-entry-btn.active{
  border-color:#dcc12c!important;
  background:#fffbe2!important;
  box-shadow:0 0 0 3px rgba(220,193,44,.18)!important;
}

/* おすすめバッジは桃のまま（黄の選択状態と区別するため濃桃） */
.kctv8 .kct-entry-btn em{background:#e987b2!important}

/* =========================================================
   v0.67  ヘッダーを公式ロゴ（KCTおまかせ光）一式に差し替え
========================================================= */
.kctv8 .kct-brand-logo{
  display:block;
  height:48px;
  width:auto;
}
/* 自作マーク時代の文字設定を無効化（ロゴSVGのみ表示） */
.kctv8 .kct-brand-mark{
  font-size:0;
  gap:0;
}
@media(max-width:900px){
  .kctv8 .kct-brand-logo{height:38px}
}

/* =========================================================
   v0.70  文字の整理と拡大（ステップ1・入口）
   説明文の削除に合わせ、主要ラベルを大きく読みやすく。
========================================================= */

/* 入口：相談しながら決める／自分で選ぶ */
.kctv8 .kct-entry-btn{min-height:74px}
.kctv8 .kct-entry-btn b{font-size:1.12rem}

/* 質問見出し（お住まいはどちらですか？） */
.kctv8 .kct-region-question h3{font-size:1.5rem}

/* 地域ボタン（鹿沼市／日光市・今市地区） */
.kctv8 .kct-region-choice{min-height:86px}
.kctv8 .kct-region-choice-text strong{font-size:1.2rem}

/* 契約種別・住居タイプの見出しとボタン */
.kctv8 .kct-contract-type-box h3{font-size:1.25rem}
.kctv8 .kct-contract-type{min-height:64px}
.kctv8 .kct-contract-type strong{font-size:1.08rem}
.kctv8 .kct-contract-type small{font-size:.8rem}  /* 住居タイプの説明文（残置分）も読みやすく */