@charset "UTF-8";
/*===========================================================================*/
/*  media quary  */
/*===========================================================================*/
@import "/css/common.css";
/*==================================================================*/
/* style css　*/
/*==================================================================*/
.faq-list {
  margin-bottom: 5em;
}
.faq-list .faq {
  margin-bottom: 2em;
  padding: 2em;
  background: #fff;
}
.faq-list .faq dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.faq-list .faq dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  border: 1px solid;
  font-size: 1.6em;
}
.faq-list .faq dl dd {
  padding-left: 1.5em;
}
.faq-list .faq dl.que {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
.faq-list .faq dl.que dt {
  background: #23221f;
  color: #fff;
}
.faq-list .faq dl.que dd {
  font-weight: bold;
}
.faq-list .faq dl.ans {
  padding-top: 1em;
}
.faq-list .faq dl.ans dt {
  border-color: #b74329;
  color: #b74329;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  .faq-list .faq {
    margin-bottom: 1em;
    padding: 1.5em 1em;
  }
  .faq-list .faq dl.que {
    padding-bottom: 0.7em;
  }
  .faq-list .faq dl.ans {
    padding-top: 0.7em;
  }
  .faq-list .faq dl dt {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 1.25em;
  }
  .faq-list .faq dl dd {
    padding-left: 1em;
  }
}