@charset "UTF-8";


/*補足非表示*/

#faq .font-12{
  display: none;
}

/*アコーディオン*/

.accordion .accordion-item {
  border-bottom: 1px solid var(--color-white);
}

.accordion-title {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  background-color: var(--color-blue2);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 1em;
  transition:
    max-height 0.3s ease,
    opacity 0.2s ease 0.1s, /* 閉じる時に少し遅らせて消える */
    padding 0.3s ease;
}

.accordion-item.open .accordion-content {
  max-height: 1000px; /* 内容量に応じて十分な値に */
  opacity: 1;
  padding: 1em;
  transition:
    max-height 0.3s ease,
    opacity 0.2s ease 0s, /* 開く時はすぐに表示 */
    padding 0.3s ease;
}

.accordion-content > * {
  padding: 1em; /* 子要素に余白を持たせることでアニメの破綻を防ぐ */
}

@media (max-width: 768px) {

#faq .font-12{
  display: block;
}
  
  .faq-answer {
    display: none; /* SPでは閉じる */
  }

  .faq-item.open .faq-answer {
    display: block;
  }

}