.ppFAQList {
  width: 100%
}
.ppFAQList div.item {
  width: 100%; border-bottom: #eee 1px solid
}
.ppFAQList div.item div.q {
  width: 100%; box-sizing: border-box; padding: 20px 50px; font-size: 1.6rem; font-weight: bold; position: relative
}
.ppFAQList div.item div.q::before {
  display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; content: 'Q'; transform: translate(0, -50%); position: absolute; top: 50%; left: 0px; background: #333333; border: #333333 1px solid; color: #ffffff; font-size: 1.6rem
}
.ppFAQList div.item div.a {
  width: 100%; box-sizing: border-box; padding: 10px 50px; border-top: #eee 1px solid; position: relative
}
.ppFAQList div.item div.a::before {
  display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; content: 'A'; position: absolute; top: 14px; left: 0px; background: #ffffff; border: #333333 1px solid; color: #333333; font-size: 1.6rem
}