.l-sec--faq {
  position: relative;
}
.l-sec--faq .t-head {
  margin-bottom: 4.8rem;
}
.l-faq > li {
  padding: 3.2rem 0 3.2rem 8rem;
  background-position: 0 3.2rem;
  background-repeat: no-repeat;
  background-size: auto 4.3rem;
}
.l-faq > li:first-child {
  background-position: 0 0;
  padding-top: 0;
}
.l-faq > li:last-child {
  padding-bottom: 0;
}
.l-faq > li > .t-head {
  margin-bottom: 2.4rem;
}
.l-faq--items {
  border-top: 0.1rem solid #ededed;
}
.l-faq--items > li {
  padding: 2.4rem 0;
  border-bottom: 0.1rem solid #ededed;
}
.is-contrast .l-faq--items > li {
  padding-left: 10px;
  padding-right: 10px;
}
.l-faq--items > li > a {
  font-size: 1.8rem;
  font-weight: 600;
  padding-right: 2.4rem;
  display: block;
  position: relative;
  line-height: 2.6rem;
  color: #3b352e;
}
.is-contrast .l-faq--items > li > a {
  color: #ff0;
}
.l-faq--items > li > a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../img/icons/arrow-down-orange.svg) 50% 50% no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.is-contrast .l-faq--items > li > a:after {
  filter: brightness(0) invert(1);
}
.l-faq--items > li.is-active > a:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.l-faq--items > li .t-content {
  display: none;
}
.l-faq--items > li .t-content > *:first-child {
  padding-top: 2.4rem;
}
.l-faq--wrapper > .t-content {
  margin-bottom: 1.6rem;
}
.l-faq--items > li .t-content p {
  margin-bottom: 0.8rem;
}
.l-sec--faq .l-faq + .t-content {
  margin-top: 6.4rem;
}
@media (min-width: 1200px) and (max-width: 1279.98px) {
  .l-faq--items > li {
    padding: 2rem 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .l-faq--items > li {
    padding: 2rem 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .l-faq > li {
    padding: 3.2rem 0 3.2rem 6rem;
  }
  .l-faq--items > li {
    padding: 2rem 0;
  }
}
@media (max-width: 767.98px) {
  .l-faq > li {
    padding: 3.2rem 0 3.2rem 6rem;
  }
  .l-faq > li.l-sec-inner:not(:has(> .t-head)) {
    background-image: none !important;
  }
  .l-faq--items > li {
    padding: 1.6rem 0;
  }
  .l-sec--faq .l-faq--wrapper {
    margin-left: -6rem;
    width: calc(100% + 6rem);
  }
  .l-sec--faq .l-faq + .t-content {
    margin-top: 1.6rem;
  }
}