@charset "Shift_JIS";
/*===========================================

===========================================*/
.faqList {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--min24);
}
@media not screen and (min-width: 768px) {
  .faqList {
    gap: var(--min24-sp);
  }
}
.faqList .faqList__ttl {
  height: auto;
  padding-top: 0.66em;
  padding-bottom: 0.66em;
}
.faqList .faqList__ttl span {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  gap: var(--min8);
  padding-top: var(--min8);
}
@media not screen and (min-width: 768px) {
  .faqList .faqList__ttl span {
    gap: var(--min8-sp);
    padding-top: var(--min8-sp);
  }
}
.faqList .faqList__ttl span::before {
  content: "";
  display: block;
  transform: translate(0, calc(var(--min4) * -1));
  width: var(--min32);
  height: var(--min32);
  background: var(--icon_q);
  background-size: contain;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 768px) {
  .faqList .faqList__ttl span::before {
    transform: translate(0, calc(var(--min4-sp) * -1));
    width: var(--min32-sp);
    height: var(--min32-sp);
  }
}
.faqList__data {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--min8);
  padding-top: var(--min8);
}
@media not screen and (min-width: 768px) {
  .faqList__data {
    gap: var(--min8-sp);
    padding-top: var(--min8-sp);
    padding-left: var(--min24-sp);
    padding-right: var(--min24-sp);
  }
}
.faqList__data::before {
  content: "";
  display: block;
  transform: translate(0, calc(var(--min6) * -1));
  width: var(--min32);
  height: var(--min32);
  background: var(--icon_a);
  background-size: contain;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 768px) {
  .faqList__data::before {
    transform: translate(0, calc(var(--min6-sp) * -1));
    width: var(--min32-sp);
    height: var(--min32-sp);
  }
}