@media screen and (min-width: 1025px) {
    .top-mv-box .tbox {
        bottom: 15%;
    }
}

/* ===== 施工事例 円形 Before / After（水感） ===== */
.ba-pic{
  --aqua:#12a5df; --aqua-deep:#0089d1; --aqua-lt:#7fd6f0;
  --before:#f5d21f; --pink:#ffb8c6;
  position:relative; width:100%; aspect-ratio:4/3; margin-bottom:8px;
}
.ba-item{position:absolute;}
.ba-item.ba-after{width:62%; right:0; bottom:0; z-index:2;}
.ba-item.ba-before{width:45%; left:0; top:0; z-index:1;}

.ba-circle{
  position:relative; width:100%; aspect-ratio:1/1; border-radius:50%;
  overflow:hidden; background:#eef2f5;
}
.ba-circle img, .ba-circle .up-ofi-75{
  width:100%; height:100%; object-fit:cover; display:block;
}
.ba-after .ba-circle{
  border:5px solid var(--aqua);
  box-shadow:0 0 0 1px #fff, 0 10px 24px rgba(0,137,209,.22),
             inset 0 0 30px rgba(127,214,240,.25);
}
.ba-before .ba-circle{
  border:5px solid var(--before);
  box-shadow:0 0 0 1px #fff, 0 8px 18px rgba(0,0,0,.12);
}

/* Before / After ラベル（円形バブル） */
.ba-label{
  position:absolute; z-index:5; display:grid; place-items:center;
  border-radius:50%; color:#fff; font-weight:700; line-height:1;
  font-family:"Poppins","Noto Sans JP",sans-serif;
}
.ba-before .ba-label{
  width:38%; aspect-ratio:1/1; top:-8%; left:-6%;
  background:var(--before); color:#5a4a00; font-size:clamp(11px,1.3vw,17px);
}
.ba-after .ba-label{
  width:34%; aspect-ratio:1/1; top:-6%; right:-4%;
  background:linear-gradient(135deg,var(--aqua) 0%,var(--aqua-deep) 100%);
  font-size:clamp(12px,1.5vw,20px);
}

/* 矢印 */
.ba-arrows{
  position:absolute; z-index:4; left:41%; top:40%; width:16%;
  transform:translate(-50%,-50%); color:var(--aqua-deep);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));
}
.ba-arrows svg{width:100%; height:auto; display:block; fill:currentColor;}

/* 装飾ドット（水しぶき） */
.ba-deco{position:absolute; border-radius:50%; z-index:0;}
.ba-deco.d1{width:7%;   aspect-ratio:1; left:24%; top:-4%;   background:var(--before);}
.ba-deco.d2{width:4%;   aspect-ratio:1; left:6%;  top:10%;   background:var(--pink);}
.ba-deco.d3{width:5%;   aspect-ratio:1; left:-2%; bottom:22%; background:var(--aqua);}
.ba-deco.d4{width:3.5%; aspect-ratio:1; right:14%; top:6%;   background:var(--aqua-lt);}
.ba-deco.d5{width:5%;   aspect-ratio:1; right:-1%; bottom:12%; background:var(--before); opacity:.9;}
.ba-deco.d6{width:3%;   aspect-ratio:1; right:30%; bottom:-2%; background:var(--pink);}

@media screen and (max-width:1024px){
  .ba-after .ba-circle, .ba-before .ba-circle{border-width:4px;}
}
@media screen and (max-width:599px){
  .ba-pic{max-width:460px; margin-left:auto; margin-right:auto;}
  .ba-deco.d2, .ba-deco.d4, .ba-deco.d6{display:none;}
}

 :root{--blue:#0089d1;--blue-d:#0075b6;--navy:#27598b;--text:#2b333b;}
  *{box-sizing:border-box;}

  .pay-sec{width:min(1000px,100%);margin-inline:auto;text-align:center;margin-bottom: 100px;}
 
  .pay-head{margin-bottom:32px;}
  .pay-head .en{display:block;color:var(--blue);font-size:15px;letter-spacing:.12em;font-weight:700;font-family:"Poppins",sans-serif;}
  .pay-head .ttl{display:block;font-size:28px;font-weight:700;margin-top:6px;color:var(--navy);}
 
  .pay-panel{
    display:inline-flex;align-items:stretch;justify-content:center;flex-wrap:wrap;
    background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:10px 8px;
  }
  .pay-col{
    display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;
    padding:18px 36px;position:relative;
  }
  .pay-col + .pay-col::before{
    content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:1px;height:60px;background:#e3ebf1;
  }
  .pay-h{font-weight:700;font-size:16px;color:var(--navy);}
  .pay-brands{font-size:12px;color:#7a8894;font-weight:700;line-height:1.6;}
 
  .pay-note{display:block;font-size:13px;color:#6a7580;margin-top:16px;}
 
  @media screen and (max-width:1024px){
    .pay-head .ttl{font-size:24px;}
    .pay-col{padding:16px 26px;}
  }
  @media screen and (max-width:599px){

    .pay-head .ttl{font-size:21px;}
    .pay-panel{display:flex;flex-direction:column;width:100%;padding:6px 14px;}
    .pay-col{flex-direction:row;justify-content:space-between;width:100%;padding:15px 4px;border-bottom:1px solid #eef3f7;gap:12px;}
    .pay-col:last-child{border-bottom:none;}
    .pay-col + .pay-col::before{display:none;}
    .pay-brands{text-align:right;}
  }
.index .bgc-blue{
  background-color: #f5f7fa;
}

@media screen and (min-width:1025px) {
.index .bgc-blue.icon08:before {
  left: calc(50% + 350px);
}
}

.form-submit-btn:hover{
  color: #fff;
  z-index: 11;
}

   :root{--blue2:#12a5df;--navy:#27598b;--gold-a:#fbeaa0;--gold-b:#d1a53a;--gold-c:#9a6f1e;}
  *{box-sizing:border-box;} 
  .trust-bar{position:relative;z-index:5;margin-top:-54px;}
  .trust-inner{max-width:1040px;margin:0 auto;padding:0 24px 100px;}
 
.trust-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px;
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}

  .tb-badge{display:flex;flex-direction:column;align-items:center;text-align:center;}
 
  .tb-medal{position:relative;width:100%;max-width: 160px;aspect-ratio:1/1;border-radius:50%;padding:4px; /* リング細く */
    background:linear-gradient(145deg,var(--gold-a) 0%,var(--gold-b) 54%,var(--gold-c) 100%);
    box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .25s ease;}
  .tb-badge:hover .tb-medal{transform:translateY(-3px);}
  .tb-face{width:100%;height:100%;border-radius:50%;background:#fff;border:1px solid rgba(154,111,30,.35);display:grid;place-content:center;padding:4px;}
  .tb-crown{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:26px;color:var(--gold-b);filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));}
  .tb-crown svg{width:100%;height:auto;display:block;fill:currentColor;}
 
  .tb-num{display:block;color:#b9791a;font-weight:800;line-height:1.12;font-family:"Poppins","Noto Sans JP",sans-serif;font-size:clamp(17px,1.8vw,24px);}
  .tb-num .u{font-size: 24px;}
  .tb-num .s{display:block;font-size: 24px;color:var(--navy);font-weight:700;}
  .tb-num .l{display:block;font-size: 24px;color:var(--navy);font-weight:700;margin-top:1px;}
 
  .tb-cap{display:block;color:var(--navy);font-weight:700;font-size:20px;margin-top:8px;}
  .tb-sub{display:block;color:#56707e;font-size:11.5px;margin-top:2px;line-height:1.5;}
  .tb-link{display:inline-block;margin-top:3px;color:#0089d1;font-size:11.5px;text-decoration:underline;cursor:pointer;}
  .trust-note{display:block;text-align:center;color:#6a7580;font-size:12px;margin-top:20px;margin-bottom: 50px;}
 
  .warranty{max-width:940px;margin:50px auto 0;border:1px solid #e2edf3;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);}
  .warranty > summary{list-style:none;cursor:pointer;padding:14px 20px;font-weight:700;color:var(--navy);display:flex;align-items:center;justify-content:space-between;background:#f7fbfd;font-size:15px;}
  .warranty > summary::-webkit-details-marker{display:none;}
  .warranty > summary::after{content:"＋";color:var(--blue2);font-weight:700;font-size:18px;}
  .warranty[open] > summary::after{content:"－";}
  .warranty-body{padding:6px 20px 20px;}
  .w-block{margin-top:16px;}
  .w-block > .w-h{display:block;font-weight:700;color:var(--blue2);font-size:14px;border-left:4px solid var(--blue2);padding-left:10px;margin-bottom:8px;}
  .w-list{list-style:none;margin:0;padding:0;}
  .w-list li{position:relative;padding:3px 0 3px 18px;font-size:14px;line-height:1.7;}
  .w-list li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--blue2);}
  .w-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 16px;font-size:14px;}
  .w-dl dt{font-weight:700;color:var(--navy);}
  .w-dl dd{margin:0;}
  .w-note{display:block;font-size:12px;color:#6a7580;margin-top:8px;line-height:1.6;}
 
  @media screen and (max-width:1024px){
    .trust-bar{margin-top:-46px;}
    .trust-inner{padding:0 20px 14px;}
    .trust-list{grid-template-columns:repeat(3,1fr);gap:8px;}
    .tb-medal{max-width:180px;}
    .tb-cap{font-size:13.5px;}
    .tb-sub,.tb-link{font-size:11px;}
  }
  @media screen and (max-width:599px){
    .trust-bar{margin-top:-34px;}
    .trust-inner{padding:0 14px 14px;}
    .trust-list{grid-template-columns:repeat(3,1fr);gap:14px 6px;}
    .tb-medal{max-width:96px;}
    .tb-cap{font-size:13px;}
    .warranty-body{padding:6px 16px 16px;}
    .w-dl{grid-template-columns:1fr;gap:2px 0;}
    .w-dl dt{margin-top:8px;}
  }
  
@media screen and (min-width:600px) and (max-width:1024px) {
.tb-num{
  font-size: clamp(27px,1.8vw,24px);
}

.tb-cap {
  font-size: 20px;
}

    .tb-sub, .tb-link {
        font-size: 14px;
    }
    
.warranty{
  margin: 50px auto 50px;
}

.warranty > summary{
  font-size: 18px;
}

.w-block > .w-h{
  font-size: 18px;
}

.w-list li{
  font-size: 16px;
}

.top-mv-box .tbox{
  right: -39%;
}


}  
  
@media screen and (max-width:599px) {
.tb-num{
  font-size: clamp(16px, 1.8vw, 24px);
}

.tb-num .l{
  font-size: 16px;
}

.tb-cap {
  font-size: 16px;
}

.tb-num .s{
  font-size: 16px;
}

.tb-num .u {
  font-size: 16px;
}

.warranty{
  margin: 30px auto 30px;
}
}

/* メダル面に斜めの光沢 */
.tb-face{position:relative; overflow:hidden;}      /* ← 既存に追記（光沢のクリップ用） */

.tb-face::before{
  content:"";
  position:absolute; inset:0; z-index:0;
  background:linear-gradient(125deg,
    rgba(255,255,255,0) 38%,
    rgba(255,255,255,.85) 48%,
    rgba(255,255,255,0) 58%);
  pointer-events:none;
}

/* 面の中身を光沢より前面へ（テキストが埋もれない用） */
.tb-face > *{position:relative; z-index:1;}

.tb-face::before{
  background:linear-gradient(125deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 60%);
  transform:translateX(-120%); transition:transform .6s ease;
}
.tb-badge:hover .tb-face::before{transform:translateX(120%);}

@media screen and (max-width:599px) {
.pay-sec{
  margin-bottom: 50px;
}
}