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

file name  : faq.css
author     : Abilive
style info : よくあるご質問
=================================================================== */
/* ===================================================================
CSS information

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .con_faq {
    margin-top: calc(100 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .c-anchor {
    margin-top: calc(100 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .c-anchor {
    margin-top: 4rem;
  }
}
.con_faq .c-anchor__list {
  border-left: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2.5rem;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq {
    padding-top: calc(80 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq {
    padding-top: 4rem;
  }
}
.con_faq .box_faq .list_item {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq .list_item {
    margin-top: calc(20 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq .list_item {
    margin-top: 1.25rem;
  }
}