@charset 'UTF-8';

/* 下層ページメインビジュアル */
.page_mv {
  background-image: url(../../image/faq_mv.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* よくあるご質問 */
.faq {
  margin-top: min(11.36vw, 110px);
  margin-right: auto;
  margin-left: auto;
  max-width: 1240px;
  width: 75%;
  border: 1px solid #414141;
  border-radius: 20px;
}

.faq_container {
  padding-top: min(9.09vw, 120px);
  padding-bottom: min(9.09vw, 120px);
}

.faq_box {
  margin-right: auto;
  margin-left: auto;
  padding-top: min(3.78vw, 50px);
  padding-bottom: min(3.78vw, 50px);
  max-width: 920px;
  width: 85%;
  border-bottom: 2px dashed #c9b57f;
}

.faq_box:first-child {
  padding-top: 0;
}

.faq_box:last-child {
  padding-bottom: 0;
}

.faq_box:last-child {
  border-bottom: none;
}

.faq_q,
.faq_question {
  color: #f49132;
}

.faq_q {
  min-width: 40px;
  font-size: min(2.42vw, 30px);
}

.faq_question {
  display: flex;
  align-items: baseline;
  gap: .25em;
  font-weight: 500;
  font-size: min(1.51vw, 20px);
}

.faq_answer {
  display: flex;
  align-items: baseline;
  gap: .25em;
  margin-top: min(1.51vw, 20px);
  font-weight: 500;
  font-size: min(1.36vw, 18px);
}

.faq_a {
  min-width: 40px;
  color: #c72222;
  font-size: min(2.42vw, 32px);
}

/* スマホ対応(よくある質問) */
@media (max-width: 768px) {
  .faq {
    width: 90%;
  }

  .faq_box {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .faq_question {
    /* 12px */
    font-size: 3.2vw;
  }

  .faq_answer {
    /* 11px */
    font-size: 2.93vw;
  }

  .faq_q,
  .faq_a {
    /* 13px */
    font-size: 3.46vw;
  }
}