@charset "UTF-8";

.p-faq {
  -webkit-padding-before: 5rem;
  padding-block-start: 5rem;
}

@media (min-width: 768px) {
  .p-faq {
    -webkit-padding-before: 6.25rem;
    padding-block-start: 6.25rem;
    -webkit-padding-after: 3.125rem;
    padding-block-end: 3.125rem;
  }
}

.p-faq__inner {
  width: 100%;
  max-width: 650px;
  padding: 0 1.5625rem;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .p-faq__inner {
    width: 100%;
    max-width: 70.625rem;
    padding: 0 2.5rem;
  }
}

.p-faq__ttl {
  font-size: 1.25rem;
  line-height: 1.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  -webkit-margin-after: 1.5625rem;
  margin-block-end: 1.5625rem;
}

.p-faq__ttl::before {
  content: "";
  background-color: #4e70b4;
  border-radius: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
}

.p-faq__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-faq__items:not(:last-child) {
  -webkit-padding-after: 3.125rem;
  padding-block-end: 3.125rem;
}

@media (min-width: 768px) {
  .p-faq__items:not(:last-child) {
    -webkit-padding-after: 5rem;
    padding-block-end: 5rem;
  }
}

.p-faq__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f4f7fd;
  border-radius: 1.25rem;
  padding: 1.25rem 1.25rem 2.5rem 1.25rem;
  width: 100%;
}

@media (min-width: 768px) {
  .p-faq__item {
    padding: 1.875rem 2.5rem 3.75rem 1.875rem;
  }
}

.p-faq__item+.p-faq__item {
  -webkit-margin-before: 0.9375rem;
  margin-block-start: 0.9375rem;
}

.p-faq__question {
  color: #4e70b4;
  font-size: 0.875rem;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 0.9375rem;
  -moz-column-gap: 0.9375rem;
  column-gap: 0.9375rem;
}

.p-faq__question::before {
  color: #1849a5;
  content: "Q.";
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}

.p-faq__answer {
  -webkit-margin-before: 1.25rem;
  margin-block-start: 1.25rem;
  border-top: 1px solid #d4d4d4;
  -webkit-padding-before: 1.25rem;
  padding-block-start: 1.25rem;
  font-size: 0.875rem;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 0.9375rem;
  -moz-column-gap: 0.9375rem;
  column-gap: 0.9375rem;
}

.p-faq__answer::before {
  color: #4e70b4;
  content: "A.";
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}