@charset "UTF-8";

/* ---------------------------------
  page_title
--------------------------------- */
.page_title img {
  width: 21.4rem;
}


/* ---------------------------------
  faq_list
--------------------------------- */
.box_white{
  padding: 6.4rem 8rem;
}
.faq_list section + section {
  margin-top: 8rem;
}
.faq_list h3 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 3.2rem;
}
.faq_list  dl {
  padding: 3.2rem 4rem;
  border-radius: 2rem;
}
.faq_list  dl + dl {
  margin-top: 2rem;
}
.faq_list .category01 dl {
  background-color: #E9F9FC;
}
.faq_list .category02 dl {
  background-color: #FCFBE9;
}
.faq_list .category03 dl {
  background-color: #EBF8EC;
}
.faq_list .category04 dl {
  background-color: #FEF3FA  ;
}
.faq_list dt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 2rem;
  display: flex;
  align-items: center;
  column-gap: 3.2rem;
  border-bottom: .1rem solid #000;
}
.faq_list dd {
  display: flex;
  align-items: center;
  column-gap: 3.2rem;
  padding-top: 2rem;
}
.faq_list dt::before,
.faq_list dd::before {
  content: "";
  width: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.faq_list dt::before {
  background-image: url("../../images/faq/icon_question.svg");
  height: 4rem;
}
.faq_list dd::before {
  background-image: url("../../images/faq/icon_answer.svg");
  height: 4.3rem;
}

@media screen and (max-width: 999px) {
  .box_white{
    padding: 4rem 2rem;
  }
  .faq_list section + section {
    margin-top: 4rem;
  }
  .faq_list h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .faq_list  dl {
    padding: 3.2rem 2rem;
  }
  .faq_list dt {
    font-size: 1.8rem;
    column-gap: 2rem;
  }
  .faq_list dd {
    column-gap: 2rem;
    font-size: 1.4rem;
  }
}