@charset "UTF-8";
/* 基本設定 */
/* --------------------------------------------------
	section size
-------------------------------------------------- */
/* 初期設定 */
/* ----------------------------------------------------------------------
仮
---------------------------------------------------------------------- */
#block01 {
  margin-bottom: 28rem;
}

/* ----------------------------------------------------------------------
faq
---------------------------------------------------------------------- */
#faq-area {
  margin: 13rem 0 21rem;
}
#faq-area .inner {
  max-width: 141rem;
  width: 92%;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  letter-spacing: 0.12em;
  font-weight: 800;
}
@media screen and (max-width: 840px) {
  #faq-area .inner {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 840px) and (max-width: 520px) {
  #faq-area .inner {
    font-size: 1.2rem;
  }
}
#faq-area .inner .intro {
  text-align: center;
  margin-bottom: 3em;
}
#faq-area .inner .fap-list {
  margin-bottom: 8em;
}
#faq-area .inner .fap-list .list-ttl {
  font-size: 138%;
  padding: 1em 4em;
  position: relative;
  background-color: rgba(241, 162, 176, 0.2);
}
@media screen and (max-width: 520px) {
  #faq-area .inner .fap-list .list-ttl {
    padding: 1em 2em;
  }
}
#faq-area .inner .fap-list .list-ttl::before {
  content: "";
  display: block;
  width: 1.5em;
  aspect-ratio: 50/88;
  background-image: url(../img/faq/fap-ttl01.svg);
  background-size: cover;
  position: absolute;
  inset: 50% auto auto 0;
  transform: translatey(-50%);
}
#faq-area .inner .fap-list .faq-item {
  border-bottom: 2px solid #CCC;
  padding: 0 3em;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  #faq-area .inner .fap-list .faq-item {
    padding: 0 1em;
  }
}
#faq-area .inner .fap-list .faq-item:first-child {
  border-top: 2px solid #ccc;
}
#faq-area .inner .fap-list .faq-item dt {
  font-size: 127%;
  padding: 2em 3em 2em 8%;
  position: relative;
}
@media screen and (max-width: 520px) {
  #faq-area .inner .fap-list .faq-item dt {
    padding: 2em 2em 2em 14%;
  }
}
#faq-area .inner .fap-list .faq-item dt:before {
  content: "";
  display: block;
  width: 4%;
  aspect-ratio: 58/77;
  background-image: url(../img/faq/Q-1.svg);
  background-size: cover;
  position: absolute;
  inset: 50% auto auto 4%;
  transform: translate(-30%, -50%);
}
@media screen and (max-width: 520px) {
  #faq-area .inner .fap-list .faq-item dt:before {
    width: 9%;
  }
}
#faq-area .inner .fap-list .faq-item dt .per-toggle {
  position: absolute;
  inset: 50% 0.5em auto auto;
  transform: translateY(-50%);
  width: 1.7em;
  height: 1.7em;
  border-radius: 50%;
}
@media screen and (max-width: 520px) {
  #faq-area .inner .fap-list .faq-item dt .per-toggle {
    width: 1em;
    height: 1em;
  }
}
#faq-area .inner .fap-list .faq-item dt .per-toggle:before, #faq-area .inner .fap-list .faq-item dt .per-toggle:after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  width: 100%;
  height: 2px;
  border-radius: 0.0625rem;
  background-color: #000;
}
#faq-area .inner .fap-list .faq-item dt .per-toggle:after {
  rotate: 90deg;
  transition: 0.3s;
}
#faq-area .inner .fap-list .faq-item dt.open .per-toggle:after {
  rotate: 180deg;
}
#faq-area .inner .fap-list .faq-item dd {
  display: none;
  padding: 2em 0 2em 8%;
  position: relative;
  border-radius: 1em;
  margin-bottom: 3em;
  background-color: #fff;
}
@media screen and (max-width: 520px) {
  #faq-area .inner .fap-list .faq-item dd {
    padding: 2em 2% 2em 14%;
  }
}
#faq-area .inner .fap-list .faq-item dd:before {
  content: "";
  display: block;
  width: 4.3%;
  aspect-ratio: 58/61;
  background-image: url(../img/faq/A.svg);
  background-size: cover;
  position: absolute;
  inset: 50% auto auto 4%;
  transform: translate(-30%, -50%);
}
@media screen and (max-width: 520px) {
  #faq-area .inner .fap-list .faq-item dd:before {
    width: 9%;
  }
}
#faq-area .inner .fap-list .faq-item:has(.open) {
  background-color: #f2f2f2;
}
#faq-area .inner .fap-list:lest-child {
  margin-bottom: 0;
}
#faq-area .inner .fap-list.first .list-ttl {
  background-color: rgba(241, 162, 176, 0.2);
}
#faq-area .inner .fap-list.first .list-ttl::before {
  filter: brightness(0) saturate(100%) invert(83%) sepia(5%) saturate(5734%) hue-rotate(261deg) brightness(105%) contrast(88%);
}
#faq-area .inner .fap-list.first dt:before {
  background-image: url(../img/faq/Q-1.svg);
}
#faq-area .inner .fap-list.second .list-ttl {
  background-color: rgba(241, 155, 64, 0.2);
}
#faq-area .inner .fap-list.second .list-ttl::before {
  filter: brightness(0) saturate(100%) invert(65%) sepia(51%) saturate(646%) hue-rotate(342deg) brightness(97%) contrast(95%);
}
#faq-area .inner .fap-list.second dt:before {
  background-image: url(../img/faq/Q-2.svg);
}
#faq-area .inner .fap-list.third .list-ttl {
  background-color: rgba(60, 136, 101, 0.2);
}
#faq-area .inner .fap-list.third .list-ttl::before {
  filter: brightness(0) saturate(100%) invert(46%) sepia(33%) saturate(570%) hue-rotate(100deg) brightness(93%) contrast(93%);
}
#faq-area .inner .fap-list.third dt:before {
  background-image: url(../img/faq/Q-3.svg);
}