@media screen and (min-width: 768px) {
  .planListSect__head + .planListSect__cont {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .planListSect__head + .planListSect__cont {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .planListSect__bottom {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .planListSect__bottom {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .planListSect__bottom .usableList__inner {
    gap: 40px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .planListSect__bottom .usableList__inner {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .planListSect__bottom .usableList__item {
    width: 440px;
  }
}
@media screen and (max-width: 768px) {
  .planListSect__bottom .usableList__item:not(:first-child) {
    margin-top: 40px;
  }
}
.introSect__cont {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .introSect__cont {
    max-width: 760px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 760px) {
  .introSect__cont {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .introSect__cont .usableList__inner {
    gap: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .introSect__cont .usableList__inner {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .introSect__cont .usableList__item {
    width: 370px;
  }
}
@media screen and (max-width: 768px) {
  .introSect__cont .usableList__item:not(:first-child) {
    margin-top: 20px;
  }
}
.meritCard {
  align-items: center;
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #697369;
  color: #697369;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .meritCard {
    min-height: 95px;
    padding: 20px;
    width: 370px;
  }
}
@media screen and (max-width: 768px) {
  .meritCard {
    min-height: 80px;
    padding: 12px;
    width: 100%;
  }
}
.meritCard__inner {
  display: block;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.meritCard__inner:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.meritCard__inner:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.meritCard__inner:before, .meritCard__inner:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (min-width: 768px) {
  .meritCard__inner {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .meritCard__inner {
    font-size: 16px;
  }
}
.meritCard__inner sup {
  font-size: 10px;
}
.meritCard__inner .caption {
  display: block;
}
@media screen and (min-width: 768px) {
  .plan-introduction {
    padding: 120px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .plan-introduction {
    padding: 80px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .plan-list {
    padding: 120px 0;
  }
}
@media screen and (max-width: 768px) {
  .plan-list {
    padding: 80px 0;
  }
}
/*# sourceMappingURL=style.css.map */