.pg-faq {
  --outer-guide:20px;
  --color-gold:#B7AC98;
  --color-gray:#7B7B7B;
  --font-jp-nmincho:"Zen Antique";
  --font-jp-gothic:"yu-gothic-pr6n";
}
@media (min-width: 767px) {
  .pg-faq {
    --inner-width:1320px;
  }
}
@media (min-width: 1320px) {
  .pg-faq {
    --outer-guide: auto;
  }
}
.pg-faq .pg-epilation-access__wrap {
  margin-top: 0 !important;
}
.pg-faq .p-top__contact {
  margin-top: 0 !important;
}
.pg-faq__wrap {
  padding-bottom: 75px;
}
@media (min-width: 767px) {
  .pg-faq__wrap {
    padding-bottom: 253px;
  }
}
.pg-faq__section {
  padding-inline: var(--outer-guide);
  max-width: 1380px;
  margin-inline: auto;
}
@media (min-width: 767px) {
  .pg-faq__section {
    padding-top: 131px;
  }
}
.pg-faq__section ~ .pg-faq__section {
  padding-top: 75px;
}
@media (min-width: 767px) {
  .pg-faq__section ~ .pg-faq__section {
    padding-top: 259px;
  }
}
.pg-faq__headline {
  font-family: var(--font-jp-nmincho);
  font-weight: 400;
  padding-top: 40px;
  color: var(--color-gold);
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-size: 20px;
  width: 100%;
  border-bottom: 1px solid var(--color-gold);
  padding-bottom: 8px;
  padding-left: 5px;
}
@media (min-width: 767px) {
  .pg-faq__headline {
    font-size: 35px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-bottom: 2px solid var(--color-gold);
  }
}
.pg-faq__card {
  padding-bottom: 40px;
  max-width: 1180px;
  margin-inline: auto;
  padding-top: 30px;
}
@media (min-width: 767px) {
  .pg-faq__card {
    padding-bottom: 100px;
    padding-top: 70px;
  }
}
.pg-faq__card-title {
  font-family: var(--font-jp-nmincho);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.2;
  color: var(--color-gold);
}
@media (min-width: 767px) {
  .pg-faq__card-title {
    font-size: 30px;
  }
}
.pg-faq__card-contents {
  margin-top: 23px;
}
@media (min-width: 767px) {
  .pg-faq__card-contents {
    margin-top: 100px;
  }
}
.pg-faq__card-faq {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
}
.pg-faq__card-faq ~ .pg-faq__card-faq {
  margin-top: 12px;
}
@media (min-width: 767px) {
  .pg-faq__card-faq ~ .pg-faq__card-faq {
    margin-top: 24px;
  }
}
.pg-faq__card-q {
  color: white;
  background: var(--answer-bg, var(--color-gold));
  font-family: var(--font-jp-gothic);
  padding: 8px 23px 8px 12px;
  border-radius: 4px 4px 4px 4px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  position: relative;
  cursor: pointer;
  width: 100%;
  display: block;
  border: none;
  text-align: left;
  transition: all 0.3s linear;
}
@media (min-width: 767px) {
  .pg-faq__card-q {
    font-family: "Noto Sans JP";
    font-size: 20px;
    letter-spacing: 0.07em;
    padding: 15px 53px 15px 23px;
    border-radius: 8px 8px 8px 8px;
  }
}
@media (hover: hover) {
  .pg-faq__card-q:hover {
    opacity: 0.7;
  }
}
.pg-faq__card-q::after, .pg-faq__card-q::before {
  content: "";
  position: absolute;
  background-color: white;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pg-faq__card-q::after {
  width: 1px;
  height: 10px;
  right: 12px;
  transition: all 0.3s linear;
}
@media (min-width: 767px) {
  .pg-faq__card-q::after {
    width: 2px;
    height: 20px;
    right: 24px;
    transition: all 0.3s linear;
  }
}
.pg-faq__card-q::before {
  width: 10px;
  height: 1px;
  right: 3px;
}
@media (min-width: 767px) {
  .pg-faq__card-q::before {
    width: 20px;
    height: 2px;
    right: 6px;
  }
}
.pg-faq__card-q.is-open {
  border-radius: 4px 4px 0 0;
}
@media (min-width: 767px) {
  .pg-faq__card-q.is-open {
    border-radius: 8px 8px 0 0;
  }
}
.pg-faq__card-q.is-open::after {
  opacity: 0;
}
.pg-faq__card-a {
  color: var(--color-gray);
  font-family: var(--font-jp-gothic);
  padding: 27px 12px 15px;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.03em;
}
@media (min-width: 767px) {
  .pg-faq__card-a {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.08em;
    padding: 50px 0;
    max-width: 840px;
    margin-inline: auto;
  }
}/*# sourceMappingURL=faq.css.map */