@charset "utf-8";
/* CSS Document */
.faq-box {
  margin: 20px auto;
  display: block;
}
.faq-box dt {
  display: block;
  background-color: #fdf1e6;
  background-image: url(img/faq_icon_q.png);
  background-repeat: no-repeat;
  background-position: 20px 50%;
  position: relative;
  box-sizing: border-box;
  padding: 14px 14px 14px 68px;
  cursor: pointer;
  color: #ea4180;
  font-size: 20px;
  font-weight: bold;
}
.faq-box dt:after {
  content: "";
  background: url(img/faq_ar.png) no-repeat top center;
  width: 20px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); 
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.faq-box dt.open:after {
  content: "";
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); 
}
.faq-box .faq-txt {
  display: block;
  background-image: url(img/faq_icon_a.png);
  background-repeat: no-repeat;
  background-position: 20px 20px;
  position: relative;
  box-sizing: border-box;
  padding: 25px 14px 10px 68px;
  color: #4c443a;
  font-size: 16px;
  line-height: 1.625em;
}
.faq-box .faq-txt p + p {
  margin-top: 1.5em;
}