@charset "utf-8";


.s-price {
  overflow-x: hidden;
}

.s-price__ttlArea {
  background-color: var(--c-blue-bg);
  min-height: calc(300 * var(--u));
  padding: var(--spc-45)  var(--spc-30);
}
@media screen and (max-width: 767px) {
  .s-price__ttlArea {
    min-height: calc(200 * var(--u));
  }
}

.s-price__ttlArea-inner {
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.s-price__subTtl {
  width: calc(185 * var(--u));
}
@media screen and (max-width: 767px) {
  .s-price__subTtl {
    width: calc(105 * var(--u));
  }
}

.s-price__topTxt {
  margin-top: calc(85 * var(--u));
}
@media screen and (max-width: 767px) {
  .s-price__topTxt {
    margin-top: var(--spc-50);
  }
}

.s-price__topTxt::before {
  height: calc(35 * var(--u));
  top: calc(-45 * var(--u));
}
@media screen and (max-width: 767px) {
  .s-price__topTxt::before {
    height: calc(30 * var(--u));
    top: calc(-35 * var(--u));
  }
}

.s-price__firstImg {
  position: absolute;
  top: calc(110 * var(--u));
  left: calc(-160 * var(--u));
  width: calc(105 * var(--u));
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .s-price__firstImg {
    top: calc(50 * var(--u));
    left: calc(-60 * var(--vw-sp));
    width: min(calc(60 * var(--vw-sp)), 65px);
  }
}

.s-price__secondImg {
  position: absolute;
  width: calc(105 * var(--u));
  top: calc(110 * var(--u));
  right: calc(-160 * var(--u));
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .s-price__secondImg {
    top: calc(50 * var(--u));
    right: calc(-55 * var(--vw-sp));
    width: min(calc(60 * var(--vw-sp)), 65px);
    z-index: 1;
  }
}

.s-price__inner {
  max-width: 1150px;
  width: 100%;
  margin-inline: auto;
  padding: 0 var(--spc-30);
}
@media screen and (max-width:767px) {
  .s-price__inner {
    padding: 0 var(--spc-15) 0;
  }
}

.s-price__list {
  margin-top: var(--spc-160);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spc-30);
}
@media screen and (max-width: 767px) {
  .s-price__list {
    margin-top: var(--spc-100);
    gap: var(--spc-60) var(--spc-20);
  }
}

.s-price__item {
  position: relative;
  max-width: max(calc(343 * var(--u)), 235px);
  width: 100%;
  height: auto;
  padding: var(--spc-50) var(--spc-15) var(--spc-30);
  position: relative;
  background-image: url(../images/price/price_frame_1.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .s-price__item {
    max-width: min(calc(300 * var(--vw-sp)), 400px);
    padding: var(--spc-35) var(--spc-15);
  }
}

.s-price__itemContent{
  max-width: 93%;
  width: 100%;
  margin-left: 5px;
  margin-right: auto;
}

.s-price__itemHead {
  text-align: center;
  color: var(--c-blue-main);
  font-size: var(--max24);
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: var(--ls-1);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .s-price__itemHead {
    font-size: var(--min20);
  }
}

.s-price__itemHead > span {
  display: block;
  margin-inline: auto;
  width: max(calc(76 * var(--u)), 50px);
  position: absolute;
  top: -105%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .s-price__itemHead > span {
    top: -90%;
    width: min(calc(50 * var(--vw-sp)), 60px);
  }
}

.s-price__itemList {
  margin: var(--spc-25) 0 0 ;
}

.s-price__tableList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--c-gray-line);
  padding: var(--spc-10) 0;
  margin-inline: auto;
  width: 100%;
}

.s-price__tableTtl {
  color: var(--c-blue-main);
  font-size: var(--max18);
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: var(--ls-1);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .s-price__tableTtl {
    font-size: var(--min16);
  }
}

.s-price__tableTtl > span {
  color: var(--c-blue-main);
  font-size: 11px;
  line-height: 1;
  letter-spacing: var(--ls-1);
}

.s-price__tableTxt {
  color: var(--c-black-707);
  font-size: var(--max20);
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .s-price__tableTxt {
    font-size: var(--min18);
  }
}
.s-price__tableTxt > span {
  font-size: var(--max13);
}
@media screen and (max-width: 767px) {
  .s-price__tableTxt > span {
    font-size: var(--min12);
  }
}

.s-price__tableTxt--red {
  color: var(--c-red);
}

.s-price__itemNote {
  font-size: 9px;
  letter-spacing: var(--ls-s);
  margin-top: var(--spc-10);
  line-height: 1;
}

.s-price__itemBottom-Head {
  background-color: var(--c-blue-main);
  color: var(--c-white);
  font-size: var(--max20);
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: var(--ls-xl);
  padding: var(--spc-18) var(--spc-15);
  margin: var(--spc-25) auto 0;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-price__itemBottom-Head {
    font-size: var(--min18);
    padding: var(--spc-10) var(--spc-10);
    margin: var(--spc-15) auto 0;
  }
}

.s-price__itemBottom-Head::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  width: calc(16 * var(--u));
  height: calc(22 * var(--u));
  background-image: url(../images/price/price_4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.s-price__itemBottom-List {
  margin: var(--spc-25) auto 0;
}
@media screen and (max-width: 767px) {
  .s-price__itemBottom-List {
    margin: var(--spc-15) auto 0;
  }
}

.s-price__itemBottom-Item {
  font-size: var(--max16);
  letter-spacing: var(--ls-m);
  font-weight: var(--fw-light);
  line-height: calc(24 / 16);
  display: flex;
}
@media screen and (max-width: 767px) {
  .s-price__itemBottom-Item {
    font-size: var(--min14);
  }
}

.s-price__itemBottom-Item::before {
  content: "✓ ";
  display: inline-block;
  color: var(--c-blue-main);
  margin-right: var(--spc-5);
}

.s-price__balloon {
  position: absolute;
  display: inline-block;
  padding: var(--spc-10) var(--spc-15);
  border-radius: var(--bdrs-50);
  background-color: var(--c-pink-ff9);
  text-align: center;
  font-size: var(--max17);
  color: var(--c-white);
  line-height: 1;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-25 * var(--vw-xxl));
  z-index: 1;
  width: calc(160 * var(--u));
  min-width: 115px;
}
@media screen and (max-width: 1400px) {
  .s-price__balloon {
    top: calc(-25 * var(--vw-xl));
  }
}
@media screen and (max-width: 1024px) {
  .s-price__balloon {
    top: -24px;
  }
}
@media screen and (max-width: 767px) {
  .s-price__balloon {
    top: -18px;
    font-size: var(--min14);
    width: min(calc(140 * var(--vw-sp)), 160px);
    padding: var(--spc-5) var(--spc-10);
  }
}

.s-price__balloon::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  border-style: solid;
  border-width: 9px 7px 0 7px;
  border-color: var(--c-pink-ff9) transparent transparent;
  translate: -50% 100%;
}
@media screen and (max-width: 767px) {
  .s-price__balloon::after {
    border-width: 7px 5px 0 5px;
  }
}

.s-price__btnWrapper {
  margin: var(--spc-50) auto 0;
  display: flex;
  justify-content: center;
}

.s-price__btn {
  background-color: var(--c-pink-ff5);
}

.s-price__center {
  background-color: var(--c-blue-bg);
  padding: var(--spc-25) 0 var(--spc-50);
  margin-top: var(--spc-40);
}

.s-price__centerTtl {
  color: var(--c-black-707);
  font-size: var(--max20);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-l);
  line-height: 1;
  text-align: center;
  background-image: url(../images/price/price_frame_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: max(calc(643 * var(--u)), 450px);
  height: max(calc(64 * var(--u)), 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .s-price__centerTtl {
    font-size: var(--min18);
    width: min(calc(350 * var(--vw-sp)), 400px);
    height: min(calc(64 * var(--vw-sp)), 70px);
    line-height: 1.4;
    padding-bottom: var(--spc-5);
  }
}


.s-price__center-List {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spc-18);
  margin-top: var(--spc-35);
  max-width: max(calc(880 * var(--u)), 650px);
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .s-price__center-List {
    min-width: 300px;
    gap: var(--spc-10);
  }
}

.s-price__center-Item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--c-white);
  padding: var(--spc-10) var(--spc-15);
  border-radius: var(--bdrs-50);
  font-size: var(--max20);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-l);
  color: var(--c-black-707);
  width: max(calc(155 * var(--u)), 120px);
  height: max(calc(155 * var(--u)), 120px);
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .s-price__center-Item {
    width: min(calc(108 * var(--vw-sp)), 135px);
    height: min(calc(108 * var(--vw-sp)), 135px);
    padding: var(--spc-5) var(--spc-10);
    font-size: var(--min14);
  }
}

.s-price__bottom {
  margin-top: var(--spc-60);
}
@media screen and (max-width: 767px) {
  .s-price__bottom {
    margin-top: var(--spc-40);
  }
}

.s-price__bnr {
  max-width: max(calc(562 * var(--u)), 500px);
  width: 100%;
  margin-inline: auto;
}

.s-price__bottom-btnWrapper {
  margin-top: var(--spc-40);
  display: flex;
  justify-content: center;
}

.s-price__bottom-btn {
  background-color: var(--c-pink-ff5);
}

.s-price__info {
  background-color: var(--c-yellow-bg);
  padding: var(--spc-20) 0 var(--spc-30);
  color: var(--c-black-707);
  font-size: var(--max20);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-l);
  line-height: 1;
  margin-top: var(--spc-50);
}
@media screen and (max-width: 767px) {
  .s-price__info {
    margin-top: var(--spc-40);
    padding: var(--spc-20) 0 var(--spc-20);
    font-size: var(--min16);
  }
}

.s-price__infoTtl {
  text-align: center;
}

.s-price__infoList {
  max-width: max(calc(430 * var(--u)), 380px);
  width: 100%;
  margin-inline: auto;
  margin: var(--spc-60) auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-price__infoList {
    margin-top: var(--spc-50);
    width: min(calc(340 * var(--vw-sp)), 380px);
  }
}

.s-price__infoList::before {
  content: "";
  position: absolute;
  top: calc(-50 * var(--u));
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: calc(35 * var(--u));
  background-color: var(--c-black-707);
}
@media screen and (max-width: 767px) {
  .s-price__infoList::before {
    height: calc(20 * var(--u));
    top: calc(-35 * var(--u));
  }
}

.s-price__infoItem {
  display: flex;
  gap: var(--spc-10);
}

.s-price__infoItem + .s-price__infoItem {
  margin-top: var(--spc-10);
}

.s-price__infoItemTtl {
  width: calc(260 * var(--u));
  flex: 1;
}

.s-price__infoItemTtl::before {
  content: "・";
  display: inline-block;
  margin-right: var(--spc-5);
}


.s-price__attention {
  background-color: var(--c-gray-bg);
  padding: var(--spc-20) 0 var(--spc-30);
  color: var(--c-black-707);
  font-size: var(--max20);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-l);
}
@media screen and (max-width: 767px) {
  .s-price__attention {
    font-size: var(--min16);
  }
}

.s-price__attentionWrapper + .s-price__attentionWrapper {
  margin-top: var(--spc-25);
}

.s-price__attentionTtl {
  text-align: center;
  font-weight: var(--fw-medium);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .s-price__attentionTtl {
    font-size: var(--min16);
  }
}

.s-price__attentionTxt {
  width: fit-content;
  margin-inline: auto;
  font-weight: var(--fw-base);
  margin-top: var(--spc-5);
  line-height: calc(24 / 16);
  font-size: var(--min14);
}