/* top-q&a */
.acd-check{
  display: none;
}

.acd-label{
  background: #FAF8F1;
  color: #000;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 4px;
  padding: 16px 32px 16px 40px;
  position: relative;
}

.acd-label p{
  font-weight: bold;
}

.acd-label:before{
  color: var(--themecolor);
  content: 'Q';
  display: block;
  font-family: nobel, sans-serif;
  padding: 12px;
  position: absolute;
  font-size: 1.2em;
  left: 0;
  top: 0px;
}

.acd-label:after{
  color:#5f5f5f;
  content: '+';
  display: block;
  height: 52px;
  padding: 10px 20px;
  position: absolute;
  font-size: 1.5em;
  font-weight: normal!important;
  right: 0;
  top: 0px;
}

.acd-content{
  display: block;
  height: 0;
  opacity: 0;
  padding: 0;
  transition: .5s;
  visibility: hidden;
}

.acd-content p{
  color:#333;
  letter-spacing: 0.1px;
  padding: 0.5em 2.5em;
  font-size: 14px;
}

.acd-check:checked + .acd-label:after{
  content: '−';
  font-size: 1.2em;
  color:#5f5f5f;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}
.tw-collapse-plus > .tw-collapse-title:after {
 color:#5f5f5f!important;
 font-weight: normal;
}


@media (max-width: 600px){

.qa-box .container{
  padding: 0;
}

.acd-content p {
  color: #333;
  letter-spacing: 0.1px;
  padding: 0;
}

.acd-label p{
  font-size:0.94em;
  width:100%;
}

.acd-label:after{
  color:#5f5f5f;
  content: '+';
  display: block;
  height: 52px;
  padding: 10px;
  position: absolute;
  font-size: 1em;
  font-weight: normal!important;
  right: 0;
  top: 6px;
}


}