.faq_tab {
  width: 100%;
  margin-top: 20px;
}
.faq_tab ul {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 0;
  flex-wrap: wrap;
}
@media (min-width: 570px) {
  .faq_tab ul {
    gap: 12px 24px;
  }
}
.faq_tab ul li {
  display: flex;
  line-height: 1.3;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--yae-red);
  border-bottom: none;
  border-radius: 0;
  align-items: center;
  list-style: none;
}
@media (min-width: 570px) {
  .faq_tab ul li {
    width: calc(50% - 12px);
    border: 1px solid var(--yae-red);
    border-radius: 3px;
  }
}
@media (min-width: 768px) {
  .faq_tab ul li {
    width: calc(33.333% - 16px);
  }
}
@media (max-width: 570px) {
  .faq_tab ul li:first-child {
    border-radius: 5px 5px 0 0;
  }
}
@media (max-width: 570px) {
  .faq_tab ul li:last-child {
    border-bottom: 1px solid var(--yae-red);
    border-radius: 0 0 5px 5px;
  }
}
.faq_tab ul li a {
  display: flex;
  color: var(--yae-red);
  font-size: 14px;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 6px 16px;
  border: none;
  align-items: center;
  transition: 0.3s;
}
@media (min-width: 570px) {
  .faq_tab ul li a {
    font-size: 16px;
  }
}
.faq_tab ul li a::before {
  margin-right: 8px;
  content: "\f0ab";
  font-size: 16px;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  color: var(--yae-red);
}
.faq_tab ul li a:hover {
  color: var(--yae-white);
  background: var(--yae-red);
}
.faq_tab ul li a:hover::before {
  color: var(--yae-white);
}

/*# sourceMappingURL=style-p-qa.css.map */