main .banner_wrap {
  padding: 3rem 2rem;
  background: url("../img/qna.png") no-repeat calc(100% - 2rem) 50% / 9rem;
}
main .banner_wrap h1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 1rem;
}
main .banner_wrap p {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #768ea5;
  padding-right: 10rem;
  letter-spacing: -.1rem;
}

main .list_wrap ul li {
  margin: 1.5rem 2rem;
  border: 1px solid #ddd;
  border-radius: 1rem;
  overflow: hidden;
}
main .list_wrap ul li .question {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 1.5rem 2rem;
  padding-right: 5.5rem;
  color: #7164ce;
  background: url("../img/open.png") no-repeat calc(100% - 2rem) 50% / 1.8rem;
}
main .list_wrap ul li .answer {
  display: none;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 1.5rem 2rem;
  border-top: 1px solid #ddd;
  color: #666;
}
main .list_wrap ul li.active .question {
  background: #e0e0fc url("../img/close.png") no-repeat calc(100% - 2rem) 50% / 1.8rem;
}
main .list_wrap ul li.active .answer {
  display: block;
}