.faq-items {
  position: relative;
}

.faq-item {
  padding: 30px;
  font-family: "Yu Gothic", "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.6px;
}

.faq-item__q {
  border-top: 0.5px solid #9D9D9D;
  color: #222;
  cursor: pointer;
  position: relative;
}

.faq-item__a {
  color: #222;
  display: none;
  background: #F5F5F5;
  padding: 24px 16px 24px 46px;
}

.faq-item__q::before {
  content: "";
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url(../../images/faq/Q.png);
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}

.faq-item__a::before {
  content: "";
  position: absolute;
  left: 16px;
  width: 14px;
  height: 14px;
  background-image: url(../../images/faq/A.png);
  background-size: cover;
}

.faq-item__q::after {
  content: "";
  position: absolute;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url(../../images/faq/open.png);
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}

.faq-item__q.active::after {
  content: "";
  position: absolute;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url(../../images/faq/close.png);
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}