/* damping
--------------------------------------------------*/

/* p-damping-pricing
--------------------------------------------------*/

.p-damping-pricing {
  padding: 2.5rem 0;
}

.p-damping-pricing__title {
  color: var(--custom-color-2);
  font-size: var(--custom-font-size-h1);
  font-weight: var(--custom-font-weight-heading);
  margin-bottom: 1.5rem;
  text-align: center;
}

.p-damping-pricing__table-wrap {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.p-damping-pricing__table {
  border-collapse: collapse;
  min-width: 36.25rem;
  width: 100%;
}

.p-damping-pricing__table th,
.p-damping-pricing__table td {
  border: max(0.0625rem, 1px) solid black;
  font-size: clamp(0.75rem, calc(0.75rem + (1.3125rem - 0.75rem) * (100vw - 375px) / (1801px - 375px)), 1.3125rem);
  line-height: var(--custom-line-height-base);
  padding: 0.75rem 1rem;
  text-align: center;
  vertical-align: middle;
}

.p-damping-pricing__table thead th {
  font-weight: var(--custom-font-weight-heading);
}

.p-damping-pricing__note {
  font-size: var(--custom-font-size-xs);
  line-height: var(--custom-line-height-base);
  margin-top: clamp(1rem, calc(1rem + (2rem - 1rem) * (100vw - 375px) / (1801px - 375px)), 2rem);
}

.p-damping-case-gallery__text {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .p-damping-pricing {
    padding: 5rem 0;
  }

  .p-damping-pricing__title {
    margin-bottom: 2rem;
  }

  .p-damping-case-gallery__text {
    margin-top: -4rem;
    width: 50rem;
  }
}
/* ============================================================
 * max-width: 550px 以下の端末向け clamp() フォールバック
 * （iPhone 12 Mini など clamp() の calc() が正常動作しない場合）
 * clamp(MIN, ...) の MIN を直接指定して上書き
 * ============================================================ */
@media screen and (max-width: 550px) {
  .p-damping-pricing__table th, .p-damping-pricing__table td {
    font-size: 0.75rem;
  }

  .p-damping-pricing__note {
    margin-top: 1rem;
  }
}