/* ===== スコープ：クイックフロー ===== */
.ds-ship{ margin:18px 0 24px; }
.ds-ship__title{
  margin:0 0 10px; text-align:center; font-weight:800;
  color:#0202e5; font-size:clamp(18px,2.3vw,22px);
}
.ds-ship .sub{ font-size:12px; color:#6b7280; }
.ds-ship .hl{
  background: linear-gradient(transparent 60%, #FFF3A6 0%);
  font-weight:700; padding:0 .05em;
}


/* CTAリンク */
.ds-ship__links{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:12px;
}
.ds-ship__btn{
  display:inline-block; text-decoration:none; padding:10px 14px; border-radius:10px;
  border:1px solid #cfd7ff; background:#f4f7ff; color:#0b1de5; font-weight:800;
  box-shadow:0 6px 16px rgba(11,29,229,.08);
  transition: transform .08s ease, box-shadow .2s ease;
}
.ds-ship__btn:hover{ transform: translateY(-1px); box-shadow:0 9px 20px rgba(11,29,229,.14); }
.ds-ship__btn--primary{
  background: linear-gradient(180deg, #4f67ff, #0d4dcd); color:#fff!important; border-color:transparent;
  box-shadow:0 10px 22px rgba(36,53,230,.22);
}
.ds-ship__btn--primary:hover{ box-shadow:0 14px 26px rgba(36,53,230,.28); }

/* 比較レイアウト */
.ds-ship .step-compare{ display:flex; flex-direction:column; gap:12px; }
.ds-ship .step-row{
  display:grid; grid-template-columns: 90px 1fr 1fr; gap:10px; align-items:stretch;
  font-family: sans-serif;
}
@media (max-width: 767px){
  .ds-ship .step-row{
    grid-template-columns: 80px 1fr;
    grid-template-areas:"label old" "label new";
  }
  .ds-ship .step-row .step-label{ grid-area: label; }
  .ds-ship .step-row .step-col.old{ grid-area: old; }
  .ds-ship .step-row .step-col.new{ grid-area: new; }
}
.ds-ship .step-label{
  display:flex; align-items:center; justify-content:center;
  background:#6380ff; color:#fff; font-weight:700;
  border-radius:10px; min-height:72px; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.ds-ship .step-col{ display:flex; }
.ds-ship .step-card{
  flex:1; display:flex; flex-direction:column;
  border:1px solid #eee; border-radius:10px; background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.03); overflow:hidden;
}
.ds-ship .step-head{ font-weight:700; padding:8px 12px; background:#fafafa; border-bottom:1px solid #eee; }
.ds-ship .step-body{ padding:12px; line-height:2.0; }
.ds-ship .is-changed .step-card{ border-color:#d9e3ff; }
.ds-ship .is-changed .step-col.new .step-card{
  background:linear-gradient(180deg, rgba(240,243,255,.55), #fff 40%);
  box-shadow:0 2px 14px rgba(31,43,214,.06);
}