@charset "utf-8";

/* ==========================================================================//
//
//　SP 767px以下
//
// ========================================================================== */

@media screen and (max-width: 767px) {
/* area_ttl
---------------------------------------------------------- */
.area_ttl {
    background-image: url("/faq/img/main_faq_sp.jpg");
    background-size: cover;
  }
  .area_ttl .ttl {
    background-position: 12px 43px;
    background-size: 112px;
  }



  /* area_faq
---------------------------------------------------------- */
.area_faq {
  padding: 90px 0 10px;
  width: 80%;
  margin: 0 auto;
}
.area_faq dl.box_faq {
  margin-top: 100px;
}
.area_faq dl.box_faq:first-of-type {
  margin-top: 0;
}
.area_faq dl.box_faq dt,
.area_faq dl.box_faq dd {
  padding-left: 40px;
  line-height: 1.5;
  position: relative;
}
.area_faq dl.box_faq dt {
  margin: 0 0 25px;
}
.area_faq dl.box_faq dd {
  margin: 0 0 50px;
}
.area_faq dl.box_faq dt::before,
.area_faq dl.box_faq dd::before {
  font-size: 2.8rem;
  font-weight: bold;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.area_faq dl.box_faq dd::before {
  content: "A";
  position: absolute;
  top: -10px;
  left: 0px;
}
.area_faq dl.box_faq dt::before {
  content: "Q";
  position: absolute;
  top: -10px;
  left: 0px;
}


















}