@charset "UTF-8";

/* =============================================================

page-price__content

===============================================================*/
.page-price__content {
  margin-bottom: 120px;
}

.page-price__content:last-of-type {
  margin-bottom: 0;
}

.page-price__table {
  min-width: 565px;
}

.page-price__table td {
  padding: 17px 20px 15px;
}

.page-price__table td:nth-child(1) {
  background: #F4F4F4;
}

.page-price__table td:nth-child(2),
.page-price__table td:nth-child(3),
.page-price__table td:nth-child(4) {
  text-align: right;
}

.page-price__content .table_note {
  font-size  : clamp(1.4rem, 1.2vw, 2.0rem);
  line-height: 1.6;
  margin-top : 3%;
}

.page-price__content .example {
  margin-top: 48px;
}

.page-price__content .example .ttl {
  font-size    : clamp(1.4rem, 1.098rem + 1.17vw, 2.5rem);
  font-weight  : 500;
  margin-bottom: 27px;
}

.page-price__content .example .ttl span {
  color       : #DE9A00;
  margin-right: 6px;
}

.page-price__content .example .box {
  background   : #F4F4F4;
  padding      : 30px;
  margin-bottom: 20px;
}

.page-price__content .example .box dl dt {
  font-size  : clamp(1.3rem, 1.025rem + 0.8vw, 2.3rem);
  font-weight: 500;
  color      : #0B5883;
  line-height: 1.6;
  display    : flex;
}

.page-price__content .example .box dl dt span {
  margin-right: 6px;
}

.page-price__content .example .box dl dd {
  font-size  : clamp(1.4rem, 1.098rem + 0.8vw, 2.5rem);
  font-weight: 500;
  line-height: 1.5;
  margin-top : 0.56em;
}

.page-price__content .example .box_txt {
  font-size  : clamp(1.0rem, 0.808rem + 0.74vw, 1.7rem);
  line-height: 1.5;
  margin-top : 0.962em;
}

/* --------------------------------------------------------------

レスポンシブ

----------------------------------------------------------------*/
@media screen and (max-width: 1120px) {
  .page-price__content_wrap {
    width: 100%;
  }
}


@media screen and (max-width: 1024px) {
  .page-price__content {
    margin-bottom: 8%;
  }

  .table_note {
    font-size : 1.2rem;
    margin-top: 15px;
  }
}


@media screen and (max-width: 768px) {
  .page-price__table th {
    padding: 14px;
  }

  .page-price__table td {
    padding: 14px 10px 12px;
  }

  .page-price__content .table_note {
    font-size : 1.2rem;
    margin-top: 12px;
  }

  .page-price__content .example {
    margin-top: 25px;
  }

  .page-price__content .example .box {
    padding      : 20px;
    margin-bottom: 10px;
  }

  .page-price__content .example .ttl {
    margin-bottom: 14px;
  }

  .page-price__content .example .box dl dt {
    line-height: 1.4;
  }

  .page-price__content .example .box dl dd {
    line-height: 1.4;
  }

  .page-price__content .table_note {
    line-height: 1.4;
  }
}


@media screen and (max-width: 605px) {
  .page-price .table_span_sp {
    display: block;
  }
}