@charset "UTF-8";
.p-faq {
  margin-bottom: clamp(4rem, 8.3333333333vw, 10rem);
}
.p-faq-nav {
  margin-bottom: 2rem;
}
.p-faq-nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.p-faq-nav-list .item {
  width: calc(50% - 0.5rem);
}
.p-faq-nav-list .item a {
  display: block;
  padding: 0.7rem 1rem;
  background-color: var(--color_lightblue04);
  border-radius: clamp(1rem, 1.3020833333vw, 1.5625rem);
  text-align: center;
}
.p-faq-nav-list .item a.active, .p-faq-nav-list .item a:hover {
  background-color: var(--color_lightblue01);
  color: var(--color_mono02);
}
.p-faq-content {
  display: none;
}
.p-faq-content.active {
  display: block;
}
.p-faq-content-item {
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
.p-faq-content-item .title {
  padding: 1rem 3rem 1rem 3.5rem;
  position: relative;
  background-size: auto 100%;
  color: var(--color_mono02);
  font-family: var(--f_zen);
  font-size: var(--f24);
  font-weight: 700;
}
.p-faq-content-item .title:before {
  content: "Q.";
  margin: 0 0.25rem 0 -1.5rem;
}
.p-faq-content-item .title:after {
  content: "";
  display: block;
  width: clamp(1rem, 20vw, 1.25rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: 2rem;
  border-bottom: 3px solid var(--color_mono02);
  border-right: 3px solid var(--color_mono02);
  transform: rotate(45deg) translateY(-50%);
  transition: 0.3s;
}
.p-faq-content-item .title.is-open:after {
  transform: rotate(-135deg) translate(-0.2rem, 40%);
}
.p-faq-content-item .content {
  position: relative;
  border-radius: 0 0 clamp(0.5rem, 1.3541666667vw, 1.625rem) clamp(0.5rem, 1.3541666667vw, 1.625rem);
  background: #fff;
  color: black;
  border: transparent;
  padding: 0 20px;
  height: 0;
  opacity: 0;
  transition: height 0.4s, padding 0.4s, opacity 0.4s;
}
.p-faq-content-item .content.is-open {
  padding: 20px;
  height: auto;
  opacity: 1;
  border: clamp(1px, 0.2083333333vw, 0.25rem) solid lightblue;
}
.p-faq-content-item:nth-of-type(4n+1) .title {
  background-image: url(../img/stripe_bg__llightblue02.jpg);
}
.p-faq-content-item:nth-of-type(4n+1) .content {
  border-color: var(--color_lightblue04);
}
.p-faq-content-item:nth-of-type(4n+2) .title {
  background-image: url(../img/stripe_bg__orange02.jpg);
}
.p-faq-content-item:nth-of-type(4n+2) .content {
  border-color: var(--color_orange02);
}
.p-faq-content-item:nth-of-type(4n+3) .title {
  background-image: url(../img/stripe_bg__llightgreen02.jpg);
}
.p-faq-content-item:nth-of-type(4n+3) .content {
  border-color: var(--color_lightgreen02);
}
.p-faq-content-item:nth-of-type(4n+4) .title {
  background-image: url(../img/stripe_bg__yellow02.jpg);
}
.p-faq-content-item:nth-of-type(4n+4) .content {
  border-color: var(--color_yellow02);
}
.p-faq-content-item .belongings-list li {
  display: flex;
}
.p-faq-content-item .belongings-list li:before {
  content: "・";
}

@media screen and (min-width: 992px) {
  .p-faq-nav {
    margin-bottom: clamp(1rem, 2.3958333333vw, 2.875rem);
  }
  .p-faq-nav-list .item {
    width: clamp(12rem, 13.5416666667vw, 16.25rem);
    margin: 0 clamp(0.5rem, 0.625vw, 0.75rem);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    position: absolute;
    top: -10rem;
  }
  100% {
    position: static;
    opacity: 1;
  }
}/*# sourceMappingURL=faq.css.map */