.faq-accordion {
  font-family: 'Playfair Display', serif;
  width: 100%;
  margin: 0 auto; padding:0;
}
.faq-accordion li {
  position: relative; list-style-type:none; list-style-image: none; padding: 0; margin: 0;
}
.faq-accordion-blt li {list-style-image: url("../images/body-blt.webp"); padding: 0 0 0 5px;  margin: 0 0 1vw 2vw;}
.faq-accordion li section {
  display: none; font-size:1.2vw; line-height:2vw;
  padding: 0 2vw 3vw 2vw;
}
.faq-accordion li section strong{font-weight:600;}
.faq-accordion li section i{font-weight:500;}
.faq-accordion b{width: 100%; display: block;
  cursor: pointer;
  font-weight: 500; border: solid 2px #dadada; color: #5a5a5a;
  font-size:2vw; line-height:3vw;
  user-select: none; padding: 1vw 2vw; margin:0 0 1.5vw 0; 
}
b.active{ color:#5a5a5a; border:solid 2px #b8d076; padding: 1vw 2vw; margin-bottom: 1.5vw; }
.faq-accordion b:after {
  width: 0.6vw;
  height: 0.6vw;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  right: 2vw;
  top: 1.9vw;
  content: " ";
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.faq-accordion section {
  font-size: 2vw;
  line-height: 2;
  padding: 10px;
}

b.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


@media screen and (max-width:767px) {
.faq-accordion li{ margin:0 0 2vw 0;}
.faq-accordion li section {padding: 2vw; font-size:3.5vw; line-height:6vw;}
.faq-accordion b {
  padding:3vw;
  line-height: 5vw;
  font-size: 3.5vw;
  text-indent: 3vw;
}
.faq-accordion b:after {
  width: 3vw;
  height: 3vw;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  right: 4vw;
  top: 3vw;
}
}
