/* ===============================================================
 fee page
===============================================================*/
.en {
  font-family: var(--inter);
}

br.pc {
  display: block;
}

br.sp {
  display: none;
}

@media screen and (max-width: 834px) {
  br.pc {
    display: none;
  }
  br.sp {
    display: block;
  }
}
body,
header,
.header__inner {
  background: #f9f6f1;
}

.fee-intro {
  padding: calc(94 * var(--px)) 0 calc(80 * var(--px));
}

@media screen and (max-width: 834px) {
  .fee-intro {
    padding: calc(40 * var(--px)) 0 calc(30 * var(--px));
  }
}
h2.fee-intro__title {
  font-size: var(--f40);
  font-weight: 500;
  text-align: center;
  font-family: var(--notoserif);
  margin-bottom: calc(37 * var(--px));
}

@media screen and (max-width: 834px) {
  h2.fee-intro__title {
    margin-bottom: calc(20 * var(--px));
  }
}
.text {
  font-weight: 400;
}

.fee-intro__text {
  width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 834px) {
  .fee-intro__text {
    width: 100%;
  }
}
.fee-intro__links {
  display: flex;
  align-self: center;
  gap: 2rem 0;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: calc(1060 * var(--px));
  margin: calc(63 * var(--px)) auto 0;
}

@media screen and (max-width: 834px) {
  .fee-intro__links {
    gap: calc(15 * var(--px)) calc(10 * var(--px));
    margin-top: clamp(50 * var(--px), 6.5476190476vw, 110 * var(--px));
  }
}
.fee-intro__link {
  width: 30%;
}
.fee-intro__link a {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #6a5c4f;
  border-radius: calc(30 * var(--px));
  display: block;
  position: relative;
  line-height: 1;
  padding: calc(17 * var(--px)) 0;
  font-size: clamp(13 * var(--px), 1.0714285714vw, 18 * var(--px));
  text-align: center;
  font-weight: 400;
  color: #443f3a;
}
.fee-intro__link .link-arrow {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 5%;
  position: absolute;
}
.fee-intro__link .link-arrow:after {
  transform: rotate(90deg);
}

@media screen and (max-width: 834px) {
  .fee-intro__link {
    width: 48%;
  }
  .fee-intro__link a {
    padding: 1.05em 0;
    min-width: auto;
  }
}
@media screen and (max-width: 600px) {
  .fee-intro__links {
    justify-content: center;
  }
  .fee-intro__link {
    width: 90%;
    max-width: 400px;
  }
  .fee-intro__link a {
    padding: 1.05em 0;
    min-width: auto;
  }
}
@media (hover: hover) {
  .fee-intro__link .button:hover .link-arrow:after {
    animation: arrow-slide-bottom 0.5s ease-out forwards;
    transform: rotate(90deg) translate(100%, -100%);
  }
}
.fee-menu {
  display: flex;
  flex-direction: column;
  gap: calc(80 * var(--px)) 0;
}

@media screen and (max-width: 834px) {
  .fee-menu {
    gap: calc(50 * var(--px)) 0;
  }
}
.fee-item {
  background-color: #fff;
  border-radius: calc(30 * var(--px));
  padding: calc(60 * var(--px)) 5% calc(90 * var(--px));
}

@media screen and (max-width: 834px) {
  .fee-item {
    border-radius: calc(30 * var(--px));
    padding: calc(30 * var(--px)) 5% calc(40 * var(--px));
  }
}
.fee-item__title {
  padding: calc(24 * var(--px)) 0;
  width: 100%;
  font-family: var(--notoserif);
  font-size: var(--f32);
  font-weight: 500;
  color: #fff;
  border-radius: calc(15 * var(--px));
  text-align: center;
  background: linear-gradient(to right, #f6cec1, #f2c2c4 30%, #efbbc6 40%, #e7a7cb 50%, #ded3ed 100%);
  margin-bottom: calc(83 * var(--px));
}

@media screen and (max-width: 834px) {
  .fee-item__title {
    padding: calc(15 * var(--px)) 0;
    border-radius: calc(15 * var(--px));
    margin-bottom: calc(40 * var(--px));
  }
}
.total-price {
  border: 1px solid #dddddd;
  border-radius: calc(30 * var(--px));
  max-width: calc(880 * var(--px));
  margin: 0 auto calc(70 * var(--px));
  padding: calc(32 * var(--px)) 4.5%;
}

@media screen and (max-width: 834px) {
  .total-price {
    border-radius: calc(15 * var(--px));
    margin: 0 auto calc(40 * var(--px));
  }
}
.total-price__title {
  text-align: center;
  padding-bottom: calc(2 * var(--px));
  border-bottom: 2px dotted #6370c4;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto calc(30 * var(--px));
  font-size: calc(26 * var(--px));
  font-weight: 400;
}

@media screen and (max-width: 834px) {
  .total-price__title {
    margin: 0 auto calc(20 * var(--px));
    font-size: calc(18 * var(--px));
  }
}
.total-price__text span {
  color: #6370c4;
  display: inline;
}

.insurance__base {
  max-width: calc(1000 * var(--px));
  width: 95%;
  margin: 0 auto calc(67 * var(--px));
  background-color: #f0eadc;
  border-radius: calc(20 * var(--px));
  padding: calc(39 * var(--px)) 2%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insurance__base dl {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.insurance__base dl:first-child {
  border-right: 1px solid #dcdcdc;
  padding-right: 2%;
}
.insurance__base dl:last-child {
  padding-left: 2%;
}
.insurance__base .dots {
  padding-top: calc(7 * var(--px));
  flex: 1;
  border-bottom: 2px dotted #dcdcdc;
}
.insurance__base dt {
  padding-right: 2%;
  font-size: var(--f26);
  font-weight: 500;
  background-color: #f0eadc;
  position: relative;
  padding-right: 2%;
}
.insurance__base dd {
  padding-left: 2%;
  font-weight: 400;
  background-color: #f0eadc;
  position: relative;
  padding-right: 2%;
  font-size: calc(30 * var(--px));
}
.insurance__base dd span {
  font-size: calc(20 * var(--px));
}

@media screen and (max-width: 834px) {
  .insurance__base {
    margin: 0 auto calc(20 * var(--px));
    padding: calc(17 * var(--px)) 6%;
    border-radius: calc(15 * var(--px));
    width: 100%;
    flex-direction: column;
  }
  .insurance__base dl {
    width: 100%;
  }
  .insurance__base dl:first-child {
    border-right: 0px solid #dcdcdc;
    padding: 0;
  }
  .insurance__base dl:last-child {
    padding: 0;
  }
  .insurance__base .dots {
    padding-top: calc(0 * var(--px));
  }
  .insurance__base dt {
    font-size: 16px;
  }
  .insurance__base dd {
    font-size: 18px;
  }
  .insurance__base dd span {
    font-size: 15px;
  }
}
.item__wrap {
  padding: 0 5% calc(73 * var(--px));
  border-radius: calc(20 * var(--px));
  margin-bottom: calc(80 * var(--px));
}

@media screen and (max-width: 834px) {
  .item__wrap {
    padding: 0 5% calc(40 * var(--px));
    border-radius: calc(15 * var(--px));
    margin-bottom: calc(40 * var(--px));
  }
}
.item__title {
  width: 48%;
  margin: 0 auto calc(50 * var(--px));
  font-family: var(--notoserif);
  padding: calc(24 * var(--px)) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(31 * var(--px));
  border-radius: 0 0 calc(20 * var(--px)) calc(20 * var(--px));
  line-height: 1;
  color: #fff;
  font-size: clamp(19px, 2.1vw, 31px);
  font-weight: 500;
  text-align: center;
  position: relative;
}
.item__title img {
  width: calc(40 * var(--px));
  height: auto;
}

@media screen and (max-width: 834px) {
  .item__title {
    margin: 0 auto calc(30 * var(--px));
    border-radius: 0 0 calc(15 * var(--px)) calc(15 * var(--px));
    padding: calc(16 * var(--px)) 5%;
    width: 96%;
  }
  .item__title img {
    width: calc(24 * var(--px));
    height: auto;
  }
}
.item__list {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--px)) 0;
}

.c-item__title {
  font-size: var(--f26);
  font-weight: 400;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: calc(17 * var(--px));
  margin-bottom: calc(30 * var(--px));
}
.c-item__title span.circle {
  display: inline-block;
  background-color: #4b91b9;
  width: calc(15 * var(--px));
  height: calc(15 * var(--px));
  border-radius: 50%;
  margin-right: calc(5 * var(--px));
}
.c-item__title span.s-text {
  font-size: var(--f20);
}

@media screen and (max-width: 834px) {
  .c-item__title {
    padding-bottom: calc(10 * var(--px));
    margin-bottom: calc(14 * var(--px));
  }
  .c-item__title span.circle {
    width: calc(12 * var(--px));
    height: calc(12 * var(--px));
  }
  .c-item__title span.s-text {
    font-size: var(--f16);
    display: block;
  }
}
.c-item dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: calc(17 * var(--px));
  flex-wrap: wrap;
}
.c-item dl:last-child {
  margin-bottom: 0px;
}
.c-item .dots {
  padding-top: calc(20 * var(--px));
  flex: 1;
  border-bottom: 1px dotted #dcdcdc;
}
.c-item dt {
  padding: 0 2% 0 clamp(20px, 2vw, 40px);
  font-size: var(--f22);
  font-weight: 400;
}
.c-item dd {
  padding-left: 2%;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
}
.c-item dd li.tag-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-item dd span.tag {
  text-align: center;
  line-height: 1;
  font-size: var(--f15);
  border: 1px solid #dcdcdc;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(4 * var(--px)) 0;
  border-radius: calc(14 * var(--px));
  display: inline-block;
  margin-right: calc(14 * var(--px));
  width: calc(100 * var(--px));
}
.c-item dd span.yen {
  font-size: var(--f20);
  font-weight: 400;
}
.c-item dd span.number {
  font-size: var(--f24);
  font-weight: 400;
}
.c-item dd span.unit,
.c-item dd span.tax {
  font-size: var(--f16);
  font-weight: 400;
}
.c-item dd span.note {
  display: block;
  text-align: right;
  font-size: var(--f15);
  font-weight: 400;
  width: 100%;
}
.c-item dd span.j-text {
  font-size: var(--f20);
  font-weight: 400;
}
.c-item p.desc {
  width: 100%;
  padding: 0 0 0 calc(20 * var(--px));
  font-size: var(--f15);
  font-weight: 400;
}

@media screen and (max-width: 834px) {
  .c-item dl {
    flex-direction: column;
    gap: 10px 0;
  }
  .c-item .dots {
    display: none;
  }
  .c-item dt {
    padding: 0;
    font-size: 16px;
    width: 100%;
  }
  .c-item dd {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    width: 100%;
  }
  .c-item dd ul {
    width: 100%;
  }
  .c-item dd li {
    width: 100%;
  }
  .c-item dd span.dd-wrap {
    width: 60%;
  }
  .c-item dd span.tag {
    font-size: var(--f13);
    width: calc(80 * var(--px));
  }
}
.c-item dt.d-dl {
  padding: 0 1% 0 0;
}
.c-item dt.d-dl .c-item__title {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.c-item__column {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.c-item__column dl {
  width: 49%;
}
.c-item__column dd {
  width: -moz-fit-content;
  width: fit-content;
}
.c-item__column p.desc {
  width: 100%;
  padding: 0 0 0 clamp(20px, 2vw, 40px);
}

@media screen and (max-width: 834px) {
  .c-item__column dl {
    width: 100%;
  }
  .c-item__column dd {
    width: 100%;
  }
  .c-item__column dd li {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
  }
  .c-item__column p.desc {
    padding: 0;
    font-size: var(--f13);
  }
}
.include {
  background-color: #fff;
  border-radius: calc(20 * var(--px));
  padding: calc(30 * var(--px)) 5% calc(47 * var(--px));
  max-width: calc(1020 * var(--px));
  margin: calc(30 * var(--px)) auto 0;
}
.include__title {
  border: 1px solid #5c9fb1;
  border-radius: calc(19 * var(--px));
  text-align: center;
  line-height: 1;
  padding: calc(6 * var(--px)) calc(20 * var(--px));
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(18 * var(--px));
  color: #5c9fb1;
  margin: 0px auto calc(25 * var(--px));
  font-weight: 400;
}
.include__list {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.include__item {
  width: 35%;
  padding: 0 3%;
  border-right: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(19 * var(--px));
}
.include__item img {
  width: calc(30 * var(--px));
  width: clamp(25px, 27 * var(--px), 30px);
  height: auto;
}
.include__item:first-child {
  width: 36.3%;
}
.include__item:first-child img {
  width: clamp(23px, 20 * var(--px), 30px);
}
.include__item:last-child {
  width: 26%;
  border-right: 0px solid #dcdcdc;
}
.include__s-title {
  font-size: clamp(16px, 15 * var(--px), 20px);
  line-height: 1.2;
  font-weight: 400;
}
.include__s-title span {
  font-size: calc(16 * var(--px));
}
.include__text {
  margin-top: calc(10 * var(--px));
  font-size: clamp(13px, 10 * var(--px), 15px);
  line-height: 1.2;
  font-weight: 400;
}

@media screen and (max-width: 834px) {
  .include {
    border-radius: calc(15 * var(--px));
    padding: calc(20 * var(--px)) 8% calc(20 * var(--px));
    max-width: calc(1020 * var(--px));
  }
  .include__title {
    font-size: calc(15 * var(--px));
    margin: 0px auto calc(15 * var(--px));
  }
  .include__list {
    flex-direction: column;
  }
  .include__item {
    width: 100%;
    padding: 20px 0;
    border-right: 0px solid #dcdcdc;
    justify-content: flex-start;
    border-bottom: 1px solid #dcdcdc;
    gap: 0 20px;
  }
  .include__item img {
    width: clamp(25px, 27 * var(--px), 30px);
    height: auto;
  }
  .include__item:first-child {
    width: 100%;
  }
  .include__item:first-child img {
    width: clamp(30px, 30 * var(--px), 42px);
  }
  .include__item:last-child {
    width: 100%;
    border-bottom: 0px solid #dcdcdc;
  }
  .include__s-title span {
    font-size: calc(14 * var(--px));
  }
}
.c-item__classyfy {
  background-color: rgba(197, 107, 66, 0.1);
  border-radius: calc(10 * var(--px));
  font-size: calc(24 * var(--px));
  padding: calc(19 * var(--px)) 0 calc(19 * var(--px)) calc(30 * var(--px));
  line-height: 1;
  font-weight: 400;
  margin-bottom: calc(40 * var(--px));
}

@media screen and (max-width: 834px) {
  .c-item__classyfy {
    background-color: rgba(197, 107, 66, 0.1);
    border-radius: calc(8 * var(--px));
    font-size: calc(18 * var(--px));
    padding: calc(8 * var(--px)) 0 calc(11 * var(--px)) calc(16 * var(--px));
    margin-bottom: calc(20 * var(--px));
  }
}
.insurance .item__wrap.insurance__item__wrap {
  padding: calc(78 * var(--px)) 5% calc(73 * var(--px));
  background-color: rgba(75, 145, 185, 0.1);
  margin-bottom: 0;
}
.insurance .item__wrap.insurance__item__wrap .c-item__title span.circle {
  background-color: #4b91b9;
}

@media screen and (max-width: 834px) {
  .insurance .item__wrap.insurance__item__wrap {
    padding: calc(20 * var(--px)) 5% calc(40 * var(--px));
  }
}
.esthetic.item__wrap {
  background-color: rgba(151, 159, 211, 0.1);
}
.esthetic.item__wrap .item__title {
  background-color: var(--purple-light);
}
.esthetic.item__wrap .c-item__title span.circle {
  background-color: var(--purple-light);
}

.implant.item__wrap {
  background-color: rgba(92, 159, 177, 0.1);
}
.implant.item__wrap .item__title {
  background-color: #5c9fb1;
}
.implant.item__wrap .c-item__title span.circle {
  background-color: #5c9fb1;
}

.denture.item__wrap {
  background-color: rgba(238, 143, 99, 0.1);
}
.denture.item__wrap .item__title {
  background-color: #ee8f63;
}
.denture.item__wrap .c-item__title span.circle {
  background-color: #ee8f63;
}

.orthodontics.item__wrap {
  background-color: rgba(118, 187, 175, 0.1);
}
.orthodontics.item__wrap .item__title {
  background-color: #76bbaf;
}
.orthodontics.item__wrap .c-item__title span.circle {
  background-color: #76bbaf;
}

.whitening.item__wrap {
  background-color: rgba(220, 136, 204, 0.1);
}
.whitening.item__wrap .item__title {
  background-color: #dc88cc;
}
.whitening.item__wrap .c-item__title span.circle {
  background-color: #dc88cc;
}

.other.item__wrap {
  margin-bottom: 0;
  background-color: rgba(160, 141, 116, 0.1);
}
.other.item__wrap .item__title {
  background-color: #a08d74;
}
.other.item__wrap .c-item__title span.circle {
  background-color: #a08d74;
}

.full .c-item__column dl {
  width: 100%;
}
.full .c-item__column dt {
  padding: 0 2% 0 0;
}
.full .c-item__column dt .c-item__title {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 834px) {
  .full .c-item__column dl {
    width: 100%;
  }
  .full .c-item__column dt {
    padding: 0 2% 0 0;
  }
  .full .c-item__column dt .c-item__title {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.label-partial-coverage {
  background: #efeadc;
  max-width: calc(980 * var(--px));
  margin: calc(80 * var(--px)) auto calc(136 * var(--px));
  border-radius: calc(20 * var(--px));
  padding: calc(40 * var(--px)) 3.3% calc(40 * var(--px)) 5%;
}
.label-partial-coverage .LPC__title {
  position: relative;
  font-family: var(--notoserif);
  font-size: var(--f22);
  font-weight: 400;
  border-bottom: 1px solid #756f6a;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: calc(17 * var(--px));
}
.label-partial-coverage .LPC__title span {
  position: absolute;
  left: calc(-25 * var(--px));
}
.label-partial-coverage .LPC__text {
  font-size: var(--f17);
  font-weight: 400;
  padding-bottom: calc(40 * var(--px));
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: calc(22 * var(--px));
}
.label-partial-coverage .LPC__main .main__title {
  font-size: var(--f20);
  font-weight: 400;
  color: var(--base-text02);
}
.label-partial-coverage .LPC__main .main__title span {
  display: inline-block;
  width: calc(14 * var(--px));
  height: calc(14 * var(--px));
  border-radius: 50%;
  background: var(--lavender);
  margin-right: calc(5 * var(--px));
}
.label-partial-coverage .LPC__main ol {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--px));
}
.label-partial-coverage .LPC__main ol li {
  display: flex;
  gap: 0 calc(2 * var(--px));
}
.label-partial-coverage .LPC__main ol .number,
.label-partial-coverage .LPC__main ol .title {
  font-size: var(--f17);
  font-weight: 500;
}
.label-partial-coverage .LPC__main ol .text {
  font-size: var(--f17);
  font-weight: 400;
}

@media screen and (max-width: 834px) {
  .label-partial-coverage {
    margin: calc(40 * var(--px)) auto calc(56 * var(--px));
    border-radius: calc(15 * var(--px));
    padding: calc(30 * var(--px)) 3.3% calc(30 * var(--px)) 10%;
  }
  .label-partial-coverage .LPC__title {
    font-size: var(--f20);
    margin-bottom: calc(13 * var(--px));
  }
  .label-partial-coverage .LPC__title span {
    left: calc(-23 * var(--px));
  }
  .label-partial-coverage .LPC__text {
    font-size: var(--f15);
    padding-bottom: calc(15 * var(--px));
    margin-bottom: calc(20 * var(--px));
  }
  .label-partial-coverage .LPC__main .main__title {
    font-size: var(--f18);
  }
  .label-partial-coverage .LPC__main .main__title span {
    width: calc(11 * var(--px));
    height: calc(11 * var(--px));
  }
}
.fee-payment {
  background: #fff;
  padding: calc(112 * var(--px)) 0 0;
}
.fee-payment__title {
  font-size: var(--f40);
  font-weight: 500;
  text-align: center;
  font-family: var(--notoserif);
  margin-bottom: calc(37 * var(--px));
}
.fee-payment__text {
  text-align: center;
}
.fee-payment .payment-check {
  display: flex;
  gap: calc(40 * var(--px));
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: calc(890 * var(--px));
  margin: calc(60 * var(--px)) auto calc(129 * var(--px));
}
.fee-payment .payment-check li {
  display: flex;
  align-items: flex-start;
  gap: 0 calc(13 * var(--px));
  width: 47%;
}
.fee-payment .payment-check li div {
  display: flex;
  flex-direction: column;
  gap: calc(15 * var(--px)) 0;
}
.fee-payment .payment-check li img.check-img {
  width: clamp(20 * var(--px), 1.7857142857vw, 30 * var(--px));
  height: auto;
}
.fee-payment .payment-check li .check__title {
  line-height: 1;
  font-size: var(--f24);
  font-weight: 400;
}
.fee-payment .payment-check li .check__text {
  font-size: var(--f17);
  font-weight: 400;
}

@media screen and (max-width: 834px) {
  .fee-payment {
    padding: calc(52 * var(--px)) 0 0;
  }
  .fee-payment__title {
    margin-bottom: calc(20 * var(--px));
  }
  .fee-payment__text {
    text-align: left;
  }
  .fee-payment .payment-check {
    gap: calc(24 * var(--px));
    margin: calc(30 * var(--px)) auto calc(110 * var(--px));
  }
  .fee-payment .payment-check li {
    gap: 0 calc(13 * var(--px));
    width: 100%;
  }
  .fee-payment .payment-check li div {
    gap: calc(10 * var(--px)) 0;
  }
  .fee-payment .payment-check li img.check-img {
    width: clamp(20 * var(--px), 1.7857142857vw, 30 * var(--px));
    height: auto;
  }
  .fee-payment .payment-check li .check__title {
    font-size: var(--f20);
  }
  .fee-payment .payment-check li .check__title img {
    max-width: 450px;
  }
  .fee-payment .payment-check li .check__text {
    font-size: var(--f16);
  }
}
.dental-loan {
  background: #efeadc;
  border-radius: calc(20 * var(--px));
  padding: calc(70 * var(--px)) 7%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dental-loan .bubble {
  position: absolute;
  left: -7%;
  top: -12%;
  width: clamp(140px, 2vw, 180px);
  height: clamp(140px, 2vw, 180px);
  background: url(../img/fee/bubble.webp) center center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-direction: column;
}
.dental-loan .bubble .text {
  text-align: center;
}
.dental-loan .bubble .text span {
  font-size: var(--f21);
  font-weight: 400;
  display: block;
  line-height: 1.6;
}
.dental-loan .bubble .text span span {
  font-size: var(--f18);
  font-weight: 400;
  display: block;
  line-height: 1;
}
.dental-loan .bubble .number {
  font-size: var(--f24);
  font-weight: 500;
  line-height: 1;
}
.dental-loan .bubble .number .en {
  font-size: var(--f48);
}
.dental-loan .text-wrap {
  width: 46%;
}
.dental-loan .dental-loan__title {
  font-family: var(--notoserif);
  font-size: var(--f30);
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: calc(25 * var(--px));
}
.dental-loan .dental-loan__title span {
  display: inline-block;
  border-bottom: 2px dotted #6370c4;
  color: #6370c4;
  line-height: 1.4;
}
.dental-loan .demtal-loan__text {
  font-weight: 400;
}
.dental-loan .figure-box {
  background: #ffffff;
  border-radius: calc(15 * var(--px));
  width: 48%;
  text-align: center;
  padding: 0 5% calc(28 * var(--px));
}
.dental-loan .figure-box h5 {
  width: -moz-fit-content;
  width: fit-content;
  background: var(--purple-light);
  border-radius: 0 0 calc(10 * var(--px)) calc(10 * var(--px));
  color: #fff;
  padding: calc(4 * var(--px)) calc(30 * var(--px));
  margin: 0 auto calc(27 * var(--px));
  font-size: var(--f20);
}
.dental-loan .figure-box .total {
  text-align: center;
  font-size: var(--f17);
  font-weight: 400;
}
.dental-loan .figure-box .total span.en {
  font-size: var(--f23);
}
.dental-loan .figure-box .number {
  color: #6370c4;
  font-size: var(--f22);
  font-weight: 400;
}
.dental-loan .figure-box .number span.en {
  font-size: var(--f30);
  font-weight: 500;
}
.dental-loan .figure-box .text {
  font-size: var(--f18);
}
.dental-loan .figure-box .note {
  font-size: calc(13 * var(--px));
}

@media screen and (max-width: 1300px) {
  .bubble {
    left: -5%;
  }
}
@media screen and (max-width: 834px) {
  .dental-loan {
    padding: calc(50 * var(--px)) 6% calc(40 * var(--px));
    flex-direction: column;
    border-radius: calc(15 * var(--px));
    gap: 30px 0;
  }
  .dental-loan .bubble {
    width: clamp(100px, 2vw, 130px);
    height: clamp(100px, 2vw, 130px);
    left: -2%;
    top: -11%;
  }
  .dental-loan .bubble .text span {
    font-size: var(--f18);
  }
  .dental-loan .bubble .text span span {
    font-size: var(--f16);
  }
  .dental-loan .bubble .number {
    font-size: var(--f15);
  }
  .dental-loan .bubble .number .en {
    font-size: var(--f40);
  }
  .dental-loan .text-wrap {
    width: 100%;
  }
  .dental-loan .dental-loan__title {
    font-size: clamp(17.5px, 2vw, 20px);
    margin-bottom: calc(18 * var(--px));
  }
  .dental-loan .figure-box {
    width: 100%;
  }
  .dental-loan .figure-box h5 {
    margin: 0 auto calc(18 * var(--px));
    font-size: var(--f18);
  }
  .dental-loan .figure-box .note {
    font-size: calc(13 * var(--px));
  }
}
.footer-wrap {
  background: #ffffff;
  padding-top: calc(50 * var(--px));
  padding-bottom: var(--sp-fixed-reserve-buttons-height);
}
.footer-wrap .footer {
  margin-top: 0;
  margin-bottom: 0;
}

/*animation keyframe*/
@keyframes arrow-slide-bottom {
  0% {
    transform: rotate(90deg) translate(0, 0);
    opacity: 1;
  }
  49% {
    transform: rotate(90deg) translate(100%, 0);
    opacity: 0;
  }
  50% {
    transform: rotate(90deg) translate(-100%, 0);
    opacity: 0;
  }
  100% {
    transform: rotate(90deg) translate(0, 0);
    opacity: 1;
  }
}
.esthetic .c-item__column p.desc {
  width: 70%;
}

@media screen and (max-width: 834px) {
  .esthetic .c-item__column p.desc {
    width: 100%;
  }
}
.c-item dd li.tag-item.jc-sp {
  justify-content: flex-end;
}

@media screen and (max-width: 834px) {
  .c-item dd li.tag-item.jc-sp {
    justify-content: space-between;
  }
}
.access-block__parking-map img {
  height: auto;
}/*# sourceMappingURL=fee.css.map */