.faq {
  padding: 48px 0 120px;
}
.faq__inner {
  margin: 45px auto 0;
  max-width: 880px;
}
@media only screen and (max-width: 719px) {
  .faq__scroll {
    overflow-x: scroll;
    margin-right: -20px;
  }
}
.faq__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 30px;
}
@media only screen and (max-width: 719px) {
  .faq__tab {
    width: 500px;
  }
}
.faq__tab a {
  font-size: 13px;
  color: #aaaaaa;
  font-weight: 700;
  display: block;
  padding: 0 20px 13px;
}
@media only screen and (max-width: 719px) {
  .faq__tab a {
    padding: 0 16px 13px;
  }
}
.faq__tab a.active {
  color: var(--color-black);
  position: relative;
}
.faq__tab a.active:after {
  content: "";
  height: 3px;
  width: 100%;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(75%);
          transform: translateY(75%);
}
.faq__outer {
  display: none;
}
.faq__item {
  margin-bottom: 15px;
  border: 1px solid #aaaaaa;
  border-radius: 16px;
}
.faq__item:last-child {
  margin-bottom: 0;
}
.faq__item .q {
  padding: 16px;
  cursor: pointer;
  position: relative;
}
.faq__item .q:before {
  content: "";
  border: solid var(--color-primary);
  border-width: 0 3px 3px 0;
  padding: 5px;
  position: absolute;
  right: 20px;
  top: 45%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.faq__item .q p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 50px 0 23px;
  position: relative;
}
.faq__item .q p:before {
  content: "Q";
  font-size: 18px;
  color: var(--color-primary);
  font-weight: 700;
  position: absolute;
  left: 0;
  top: -3px;
}
.faq__item .q.active:before {
  -webkit-transform: translateY(-12%) rotate(-135deg);
          transform: translateY(-12%) rotate(-135deg);
}
.faq__item .a {
  display: none;
}
.faq__item .a p {
  font-size: 14px;
  line-height: 1.6;
  padding: 0 16px 16px;
}
.faq__item .a p a {
  color: var(--color-primary);
  text-decoration: underline;
}
.faq__item .a p strong {
  font-weight: 700;
}
.faq__foot {
  margin-top: 60px;
  padding: 45px 20px 50px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 719px) {
  .faq__foot {
    padding-left: 0;
    padding-right: 0;
  }
}
.faq__foot:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}
.webp .faq__foot {
  background: url(https://d2w53g1q050m78.cloudfront.net/shopalphamalecoj/uploads/assets_new/img/faq/bg.webp) no-repeat center center/cover;
}
.no-webp .faq__foot {
  background: url(https://d2w53g1q050m78.cloudfront.net/shopalphamalecoj/uploads/assets_new/img/faq/bg.jpg) no-repeat center center/cover;
}
@media only screen and (max-width: 719px) {
  .webp .faq__foot {
    background: url(https://d2w53g1q050m78.cloudfront.net/shopalphamalecoj/uploads/assets_new/img/faq/bg_sp.webp) no-repeat center center/cover;
  }
  .no-webp .faq__foot {
    background: url(https://d2w53g1q050m78.cloudfront.net/shopalphamalecoj/uploads/assets_new/img/faq/bg_sp.jpg) no-repeat center center/cover;
  }
}
.faq__foot .in {
  position: relative;
  z-index: 2;
}
.faq__foot .txt {
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  margin: 0 auto 30px;
  max-width: 795px;
  text-align: center;
}
@media only screen and (max-width: 719px) {
  .faq__foot .txt {
    padding: 0 30px;
  }
}
.faq__foot .btn {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  padding: 16px 30px;
  border-radius: 9999px;
  background: var(--color-line);
  margin: 0 auto;
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}