@charset "UTF-8";
/* ===================================================================
CSS information

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-faq {
  margin-right: auto;
  margin-left: auto;
  --container-width: var(--content-0);
}
@media only screen and (min-width: 1025px) {
  .p-faq {
    width: calc(var(--child-width) / var(--container-width) * 100%);
    --child-width: var(--content-1);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-faq {
    max-width: calc(var(--child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-faq {
    max-width: calc(var(--child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-faq {
    width: calc(var(--child-width) / var(--container-width) * 100%);
    --child-width: var(--content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq {
    width: calc(var(--child-width) / var(--container-width) * 100%);
    --child-width: var(--content-1);
  }
}
.p-faq .inner {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-faq .inner {
    max-width: 1200px;
  }
}
.p-faq .inner .c-anchor {
  margin-bottom: calc(80 / var(--parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-faq__panel {
    margin-bottom: calc(100 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-faq__panel {
    margin-bottom: calc(80 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__panel {
    margin-bottom: calc(80 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__panel {
    margin-top: calc(-20 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-faq__panel > .c-text-set__title {
    margin-bottom: calc(10 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-faq__panel > .c-text-set__title {
    margin-bottom: calc(15 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__panel > .c-text-set__title {
    margin-bottom: calc(10 / var(--parent-font-size) * 1rem);
  }
}
