@charset "UTF-8";

/* --------------------------------------------
* faq
* -------------------------------------------- */

.s-faq__ttlArea {
  background-color: var(--c-pink-faq-bg);
  min-height: calc(252 * var(--u));
}

.s-faq__ttlArea-inner {
  max-width: calc(1243 * var(--u));
  width: 100%;
  margin-inline: auto;
  padding: var(--spc-70) var(--spc-30) var(--spc-60);
}

@media screen and (max-width: 767px) {
  .s-faq__ttlArea-inner {
    padding: var(--spc-40) var(--spc-15) var(--spc-30);
  }
}

.s-faq__mainTtl {
  text-align: center;
  font-size: var(--max28);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-l);
  color: var(--c-pink-faq-ttl);
  line-height: 1;
}

.s-faq__linkList {
  display: flex;
  justify-content: center;
  margin-top: var(--spc-70);
  width: 100%;
  margin-inline: auto;
  position: relative;
  row-gap: var(--spc-20);
}
@media screen and (max-width: 767px) {
  .s-faq__linkList {
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spc-20) var(--spc-25);
    max-width: min(343 * var(--u), 400px);
  }
}

.s-faq__linkItem {
  position: relative;
  padding: 0 var(--spc-60);
}

@media screen and (max-width: 767px) {
  .s-faq__linkItem {
    padding: 0;
  }
}

.s-faq__linkItem:not(:first-child) {
  border-left: 1px solid var(--c-black);
}
@media screen and (max-width: 767px) {
  .s-faq__linkItem:not(:first-child) {
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  .s-faq__linkItem:first-child {
    padding-right: var(--spc-20);
    border-right: 1px solid var(--c-black);
  }
}

.s-faq__link {
  font-size: var(--max23);
  letter-spacing: var(--ls-xl);
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .s-faq__link {
    font-size: var(--min18);
    white-space: normal;
  }
}

@media (any-hover: hover) {
  .s-faq__link:hover {
    color: var(--c-pink-btn);
  }
}

.s-faq__container {
  max-width: calc(1243 * var(--u));
  width: 100%;
  margin-inline: auto;
  padding: var(--spc-90) var(--spc-30) var(--spc-110);
}

@media screen and (max-width: 767px) {
  .s-faq__container {
    padding: var(--spc-40) var(--spc-15) var(--spc-30);
    max-width: calc(360 * var(--vw-sp));
  }
}

.s-faq__itemTtl-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spc-20);
  padding-top: 30px;
  padding-bottom: var(--spc-20);
  border-bottom: 1px solid var(--c-pink-ff5);
}

@media screen and (max-width: 767px) {
  .s-faq__itemTtl-wrapper {
    align-items: flex-start;
    gap: var(--spc-10);
    padding-bottom: var(--spc-10);
  }
}

.s-faq__itemTtl {
  font-size: var(--max25);
  font-weight: var(--fw-medium);
  line-height: 1;
  color: var(--c-black-707);
}

@media (max-width: 767px) {
  .s-faq__itemTtl {
    font-size: var(--min18);
    line-height: calc(24 / 18);
  }
}

.s-faq__itemTtl-q {
  display: inline-block;
  flex-shrink: 0;
}

.s-faq__itemTtl-q > img {
  width: 100%;
  height: var(--rem50);
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .s-faq__itemTtl-q > img {
    height: calc(30 * var(--u));
  }
}

.s-faq__itemTxt {
  font-size: var(--max22);
  line-height: calc(40 / 25);
  color: var(--c-black-707);
  padding-top: var(--spc-25);
  padding-left: var(--spc-50);
}
@media (max-width: 767px) {
  .s-faq__itemTxt {
    font-size: var(--max14);
    line-height: calc(24 / 14);
    padding-top: var(--spc-10);
    padding-left: var(--spc-30);
  }
}

.s-faq__item-btnWrapper {
  margin-top: var(--spc-10);
}

.s-faq__item-btn {
  background-color: var(--c-pink-faq-btn);
}


.s-faq__item-btnArrow::after {
  right: 9%;
}