@charset "UTF-8";
/************************************************
    FAQ
*************************************************/
.faq {
  font-size: 1.5em;
  line-height: 1.75;
  background-color: white;
  max-inline-size: 32.0833333333em;
  padding: 0.625em;
  border-radius: 0.8333333333em;
  margin-block: 2.5em 0;
  margin-inline: auto;
}
@supports not (margin-block: 2.5em 0) {
  .faq {
    -webkit-margin-before: 2.5em;
    margin-block-start: 2.5em;
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
}
@supports not (margin-inline: auto) {
  .faq {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}
.faq .question {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  padding: 0.625em;
}
.faq .answer {
  word-break: break-word;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  padding: 0.625em;
  margin: 0;
}
.faq .before {
  color: white;
  font-family: "Kiwi Maru", serif;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  inline-size: 1em;
  padding-block: 0.2333333333em 0.4333333333em;
  padding-inline: 0.3333333333em;
  border-radius: 50%;
  -webkit-margin-end: 0.4166666667em;
  margin-inline-end: 0.4166666667em;
}
@supports not (padding-block: 0.2333333333em 0.4333333333em) {
  .faq .before {
    -webkit-padding-before: 0.2333333333em;
    padding-block-start: 0.2333333333em;
    -webkit-padding-after: 0.4333333333em;
    padding-block-end: 0.4333333333em;
  }
}
@supports not (padding-inline: 0.3333333333em) {
  .faq .before {
    -webkit-padding-start: 0.3333333333em;
    padding-inline-start: 0.3333333333em;
    -webkit-padding-end: 0.3333333333em;
    padding-inline-end: 0.3333333333em;
  }
}
.faq .question .before {
  background-color: #58b0cb;
}
.faq .answer .before {
  background-color: #d44b16;
}
.faq p {
  margin: 0;
}

.faqs {
  display: none;
}
.section-FrequentlyAskedQuestions .faqs {
  -webkit-margin-before: -0.625em;
  margin-block-start: -0.625em;
}

#category_a:checked ~ #faqs-category_a,
#category_b:checked ~ #faqs-category_b,
#category_c:checked ~ #faqs-category_c {
  display: block;
}

/************************************************
    よくある質問
*************************************************/
.section-FrequentlyAskedQuestions {
  padding-block: 6.25em;
}
@supports not (padding-block: 6.25em) {
  .section-FrequentlyAskedQuestions {
    -webkit-padding-before: 6.25em;
    padding-block-start: 6.25em;
    -webkit-padding-after: 6.25em;
    padding-block-end: 6.25em;
  }
}
.section-FrequentlyAskedQuestions__title {
  color: #3b4043;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
.section-FrequentlyAskedQuestions__radio {
  display: none;
}
.section-FrequentlyAskedQuestions-categories {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5em;
  margin-block: 1.4545454545em 0;
  margin-inline: calc(var(--gutter) * -1);
}
@supports not (margin-block: 1.4545454545em 0) {
  .section-FrequentlyAskedQuestions-categories {
    -webkit-margin-before: 1.4545454545em;
    margin-block-start: 1.4545454545em;
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
}
@supports not (margin-inline: calc(var(--gutter) * -1)) {
  .section-FrequentlyAskedQuestions-categories {
    -webkit-margin-start: calc(var(--gutter) * -1);
    margin-inline-start: calc(var(--gutter) * -1);
    -webkit-margin-end: calc(var(--gutter) * -1);
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
@media (min-width: 48rem) {
  .section-FrequentlyAskedQuestions-categories {
    font-size: 1.375em;
    padding: 0.7954545455em;
  }
}
.section-FrequentlyAskedQuestions-category {
  color: white;
  display: block;
  background-color: var(--theme-color);
  box-sizing: border-box;
  padding-block: 1.3977272727em;
  padding-inline: 1em;
  border-radius: 0.3636363636em;
  margin: 0.5em;
  cursor: pointer;
}
@supports not (padding-block: 1.3977272727em) {
  .section-FrequentlyAskedQuestions-category {
    -webkit-padding-before: 1.3977272727em;
    padding-block-start: 1.3977272727em;
    -webkit-padding-after: 1.3977272727em;
    padding-block-end: 1.3977272727em;
  }
}
@supports not (padding-inline: 1em) {
  .section-FrequentlyAskedQuestions-category {
    -webkit-padding-start: 1em;
    padding-inline-start: 1em;
    -webkit-padding-end: 1em;
    padding-inline-end: 1em;
  }
}
@media (min-width: 48rem) {
  .section-FrequentlyAskedQuestions-category {
    inline-size: 13.6363636364em;
    margin: 0.7954545455em;
  }
}
/*# sourceMappingURL=../maps/faq.css.map */