.deliv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;padding:48px 0;border-bottom:1px solid var(--line)}
.deliv:first-of-type{padding-top:8px}
.deliv h3{margin:0 0 4px}
.deliv .price-tag{display:block;margin-bottom:14px}
.deliv__keep{margin-top:16px;font-size:15px}
.deliv__keep b{display:block;margin-bottom:4px}
.mock{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 1px 0 var(--line)}
.mock__cap{display:block;font-size:13px;color:var(--ink-2);margin-bottom:12px}

.tt{list-style:none;margin:0;padding:0}
.tt li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.tt li:first-child{border-top:0;padding-top:0}
.tt .tt__t{font-family:var(--num);font-weight:700;color:var(--cyan-d);white-space:nowrap}

.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.flow li:nth-child(3)::before{display:none}
.flow li{position:relative;background:var(--pale);border-radius:6px;padding:14px 12px 16px;font-size:14px;line-height:1.55;text-wrap-style:auto}  
.flow li b{display:block;font-size:13px;color:var(--cyan-d);margin-bottom:6px}
.flow li.is-human{background:var(--ink);color:#fff}
.flow li.is-human b{color:var(--cyan)}
.flow li + li::before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:8px;
  border-top:2px solid var(--ink-2);border-right:2px solid var(--ink-2);transform:translateY(-50%) rotate(45deg)}
.inout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;font-size:14px}
.inout b{display:block;margin-bottom:4px}
.inout ul{margin:0;padding-left:1.2em}

.mrep{margin:0}
.mrep div{display:grid;grid-template-columns:8em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.mrep div:first-child{border-top:0;padding-top:0}
.mrep dt{color:var(--ink-2)}
.mrep dd{margin:0}

.rules{border:2px solid var(--ink);border-radius:var(--r);padding:28px 32px;margin-top:32px}
.rules h3{margin:0 0 8px}
.rules ul{margin:0;padding-left:1.2em}
.rules li{padding:4px 0}

.price-in{margin-top:clamp(64px,8vw,96px)}

@media (max-width:860px){
  .deliv{grid-template-columns:1fr}
  .inout{grid-template-columns:1fr}
  .rules{padding:22px 20px}
}
@media (max-width:480px){
  .mrep div{grid-template-columns:1fr;gap:2px}
  .mrep dd{margin-bottom:8px}
  .tt li{grid-template-columns:1fr;gap:2px}
}

.phone{margin:0 auto;max-width:360px;border:10px solid var(--ink);border-radius:28px;overflow:hidden;background:var(--pale)}
.phone__head{background:var(--ink);color:#fff;font-size:14px;font-weight:700;padding:10px 16px 12px;text-align:center}
.phone__head small{display:block;font-size:11px;font-weight:400;color:#c9d5e0}
.phone__talk{list-style:none;margin:0;padding:14px 12px 6px}
.phone__talk li{margin:0 0 14px}
.phone__when{display:block;font-size:11px;color:var(--ink-2);margin:0 0 4px 4px}
.phone__talk p{margin:0;background:#fff;border-radius:4px 14px 14px 14px;padding:10px 12px;font-size:14px;line-height:1.6;max-width:92%}
.rmenu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}
.rmenu li{background:#fff;font-size:12px;font-weight:700;text-align:center;padding:14px 4px}
.phone + figcaption{margin-top:12px;text-align:center}

.plan-t{width:100%;border-collapse:collapse;font-size:14px}
.plan-t th,.plan-t td{border-top:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.plan-t thead th{border-top:0;white-space:nowrap;color:var(--ink-2);font-weight:500;font-size:13px}
.plan-t td:first-child{white-space:nowrap;font-weight:700}

.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:0}
.calc label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:4px}
.calc input{width:100%;font:700 18px/1.2 var(--num);padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.calc input:focus-visible{outline:2px solid var(--cyan-d);outline-offset:2px}
.calc__out{margin-top:16px;padding:16px;background:var(--pale);border-radius:6px;font-size:15px}
.calc__out b{font-family:var(--num);font-size:24px;margin:0 4px;white-space:nowrap}  

.rep-line{list-style:none;margin:0;padding:0}
.rep-line li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.rep-line li:first-child{border-top:0;padding-top:0}
.rep-line small{display:block;margin-top:2px;font-size:13px;color:var(--ink-2)}
.ba{display:flex;align-items:center;gap:6px;font-family:var(--num);color:var(--ink-2)}
.st{font-size:13px;font-weight:700;border-radius:4px;padding:3px 10px;white-space:nowrap}
.st--no{background:#fbe3e1;color:#8a1f14}
.st--part{background:#fdf0dc;color:#7a4a05}
.st--ok{background:#e1f2e6;color:#1d5b2f}
.rep-top{margin:16px 0 0;padding:14px 16px;background:var(--pale);border-radius:6px;font-size:14px}
.rep-top b{display:block;margin-bottom:6px}
.rep-top ol{margin:0;padding-left:1.3em}
.rep-top li{padding:2px 0}

@media (max-width:860px){
  .calc{grid-template-columns:1fr}
}
@media (max-width:480px){
  .mock{padding:18px 14px}
  .plan-t th,.plan-t td{padding:10px 6px}
  .plan-t td:first-child{white-space:normal;min-width:5.5em}
}