/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit {
  background: url(../img/faq/pagetit_bg.jpg) no-repeat center top;
  background-size: cover;
}

/* ---------------------------------------------------
	faq_sec
------------------------------------------------------ */
#faq_sec {
  margin-bottom: 144px;
  padding: 24px 0 72px;
  background: #fff;
}
#faq_sec .faq_list .list_tit {
  position: relative;
  margin-top: 20px;
  padding: 22px 60px 17px 100px;
  border-bottom: 1px solid #d9ad57;
  font-weight: 600;
}
#faq_sec .faq_list .list_body {
  position: relative;
  padding: 40px 60px 40px 100px;
  background: rgba(247, 238, 220, 0.5);
}
#faq_sec .faq_list .q,
#faq_sec .faq_list .a {
  position: absolute;
  left: 60px;
  top: 20px;
  color: #d9ad57;
  font-size: 3.3rem;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
  line-height: 1;
}
#faq_sec .faq_list .a {
  top: 38px;
  color: #217ba2;
}

@media screen and (max-width: 768px) {
  #faq_sec {
    margin-bottom: 56px;
    padding: 24px 0 56px;
  }
  #faq_sec .faq_list .list_tit {
    margin-top: 10px;
    padding: 15px 20px 15px 48px;
  }
  #faq_sec .faq_list .list_body {
    padding: 15px 20px 15px 48px;
  }
  #faq_sec .faq_list .q,
  #faq_sec .faq_list .a {
    left: 20px;
    top: 18px;
    font-size: 2.2rem;
  }
  #faq_sec .faq_list .a {
    top: 18px;
  }
}