#faq-list {
    width:85%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }

  .faq-list-item {
    margin:10px;
    border-bottom:1px dotted #ccc;
    position:relative;
    cursor:pointer;
    text-align: left;
  }

  .faq-list-item h3 {
    font-size: 16px;
    color: #006AB7;
    padding: 12px 0 12px 30px;
  }

  .faq-list-item span {
    position:absolute;
    top:1px;
    right:5px;
    color:rgb(182, 182, 182);
    font-size:24px
  }
  .faq-list-item span:hover{opacity: 0.5;}

  .question::before {
  font-size: 22px;
  line-height: 1.6;
  position: absolute;
  top: 2px;
  left: 0px;
  display: block;
  content: 'Q.';
  color: #006AB7;
  }

  .answer {
    display: none;
    padding: 5px 0px 15px 30px;
    margin-bottom: 15px;
    /* border-top: #ccc dotted 1px; */
    position: relative;
  }
  .answer::before{
  font-size: 22px;
  line-height: 1;
  position: absolute;
  left:0px;
  display: block;
  content: 'A.';
  color: #f53e3e;
  z-index: 1;
  }
  .answer p{margin: 0;}

  @media(max-width:980px){
  .faq-list-item span {
  top: 4px;
  }
  .faq-list-item h3 {
  padding-right: 50px;
  line-height: 1.5;
  }
  }
  /* @media(min-width:980px){
  #faq-list{width: 60%;}
  } */
  @media(max-width:480px){
  #faq-list{width: 95%;}
}