.introSect {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .introSect {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .introSect {
    padding: 0 3.2rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .introSect__cont {
    margin-left: auto;
    margin-right: auto;
    max-width: 57.6rem;
  }
}
.introSect__head + .introSect__cont {
  margin-top: 8rem;
}

.planListSect__foot {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .planListSect__foot {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .planListSect__foot {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.planListSect__foot {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .planListSect__foot .usableList__inner {
    gap: 4.8rem;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .planListSect__foot .usableList__inner {
    flex-direction: column;
    gap: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .planListSect__foot .usableList__item {
    width: 36.8rem;
  }
}

.plan-introduction {
  padding: 10rem 0 0;
}

@media screen and (min-width: 768px) {
  .plan-list {
    padding: 10rem 0;
  }
}
@media screen and (max-width: 767px) {
  .plan-list {
    padding: 8rem 0 10rem;
  }
}
/*# sourceMappingURL=style.css.map */