@charset "UTF-8";
.faq {
  padding-bottom: 3rem;
}
.faq-items {
  margin-top: 6rem;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
}
@media screen and (max-width: 599px) {
  .faq-items {
    margin-top: 10rem;
    margin-bottom: 8rem;
  }
}
.faq-item {
  position: relative;
  width: 100%;
  background-color: #20a6d5;
  border-radius: 0.5rem;
  padding: 2.4rem 3rem 3rem;
}
@media screen and (max-width: 599px) {
  .faq-item {
    padding-top: 3rem;
    padding-bottom: 3.6rem;
  }
}
.faq dt {
  display: flex;
  align-items: baseline;
  padding-right: 4rem;
}
@media screen and (max-width: 599px) {
  .faq dt {
    padding-right: 5.5em;
  }
}
.faq dt::after {
  right: 3rem;
  top: 3.4rem;
  position: absolute;
  content: "＋";
  color: #fff;
  font-size: 3rem;
  display: block;
}
@media screen and (max-width: 599px) {
  .faq dt::after {
    font-size: clamp(22px, 4.4rem, 44px);
    top: 1em;
  }
}
.faq dt span {
  font-size: 2.8rem;
  line-height: 2;
  font-weight: 800;
  margin-right: 1.6rem;
  color: #ffdb01;
}
@media screen and (max-width: 599px) {
  .faq dt span {
    font-size: clamp(20px, 4rem, 40px);
    margin-right: 2rem;
  }
}
.faq dt div {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 599px) {
  .faq dt div {
    font-size: clamp(16px, 3.2rem, 32px);
  }
}
.faq dt.show::after {
  right: 3rem;
  top: 3.4rem;
  position: absolute;
  content: "ー";
  color: #fff;
  font-size: 3rem;
  display: block;
}
@media screen and (max-width: 599px) {
  .faq dt.show::after {
    font-size: clamp(22px, 4.4rem, 44px);
    top: 1em;
  }
}
.faq dd {
  display: flex;
  align-items: flex-start;
  margin-top: 2rem;
}
@media screen and (max-width: 599px) {
  .faq dd {
    margin-top: 3rem;
  }
}
.faq dd span {
  height: 1em;
  margin-top: 0.4rem;
  font-size: 2.8rem;
  font-weight: 800;
  margin-right: 1.6rem;
  color: #101253;
}
@media screen and (max-width: 599px) {
  .faq dd span {
    font-size: max(4rem, 20px);
    font-size: clamp(20px, 4rem, 40px);
    margin-top: 1.2rem;
    margin-right: 2rem;
  }
}
.faq dd div {
  font-size: 1.8rem;
  line-height: 1.625;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 599px) {
  .faq dd div {
    font-size: clamp(16px, 3.2rem, 32px);
  }
}
.faq dd div p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 599px) {
  .faq dd div p {
    font-size: clamp(16px, 3.2rem, 32px);
  }
}
.faq-endTxt {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  color: #101253;
}
@media screen and (max-width: 599px) {
  .faq-endTxt {
    font-size: clamp(16px, 3.2rem, 32px);
  }
}
/*# sourceMappingURL=faq.css.map */