/* margin top がなかったため追加 */
#faq {
  margin-top: calc(28.5 * var(--space-unit))
}

.faq-contents {
  margin-top: var(--space-6x);
  margin-left: var(--space-6x);
  margin-right: var(--space-6x);
}
@media screen and (min-width: 768px) {
  .faq-contents {
    margin-top: calc(3.5 * var(--space-unit));
    margin-left: var(--space-h-pc);
    margin-right: var(--space-h-pc);
  }
}

.faq {
  border-radius: 4px 4px 4px 4px;
  border: 1px solid var(--primary-color);
}

.faq-body {
  margin: var(--space-3x) var(--space-4x) var(--space-3x) var(--space-4x);
}
@media screen and (min-width: 768px) {
  .faq-body {
    margin: var(--space-6x) var(--space-8x) var(--space-6x) var(--space-6x);
  }
}

/* アコーディオンボタン（開閉ボタン） */
.acd-check {
  display: none;
}

.acd-content {
  height: 0;
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
}

.acd-check:checked + #acd-label + .acd-content {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.question-body,
.answer-body {
  display: flex;
  align-items: start;
}

.answer-body {
  margin-top: var(--space-3x);
}

.question-label,
.answer-label {
  font-weight: bold;
  font-size: var(--font-5x);
  line-height: 100%;
  letter-spacing: 0.1em;
}

.question-label {
  color: var(--primary-color);
}

.answer-label {
  color: var(--black-2);
}

.question,
.answer {
  margin: auto 0 auto var(--space-2x);
}

.question {
  font-weight: bold;
  font-size: var(--space-4x);
  line-height: 140%;
  color: var(--black-2);
}

.answer {
  font-size: calc(3.75 * var(--font-unit));
  line-height: 140%;
  color: var(--black-2);
  word-break: break-word;
  overflow-wrap: anywhere;
}

.faq + .faq {
  margin-top: var(--space-3x);
}

#faq .entry-button {
  margin: var(--space-18x) auto 0 auto;
}

#faq .dead-line {
  margin-top: var(--space-3x);
  font-weight: bold;
  font-size: var(--font-3x);
  text-align: center;
  line-height: 100%;
  color: var(--black);
}
@media screen and (min-width: 768px) {
  #faq .dead-line {
    font-size: var(--font-3xh);
  }
}