main {
  background: url(../img/bg_faq.jpg);
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  #tab {
    padding: 3%;
  }
}
.service, .price, .afterflow {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 3em;
  margin-top: 30px;
  margin-bottom: 30px;
  display: none;
}
@media screen and (max-width: 768px) {
  .service, .price, .afterflow {
    padding: 1em;
  }
}
.service dl, .price dl, .afterflow dl {
  border: 2px solid #EFF9FF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}
.service dl dt, .price dl dt, .afterflow dl dt {
  background: #EFF9FF;
  padding: 20px;
}
.service dl dt span, .price dl dt span, .afterflow dl dt span {
  padding-left: 50px;
  position: relative;
  display: block;
}
.service dl dt span:before, .price dl dt span:before, .afterflow dl dt span:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: url(../img/faq/question.png) no-repeat center;
  background-size: contain;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.service dl dd, .price dl dd, .afterflow dl dd {
  padding: 20px;
}
.service a, .price a, .afterflow a {
  color: #007FFF;
}
.service.show, .price.show, .afterflow.show {
  display: block;
}