/* -----------------------
  faq
----------------------- */
.faq {
  background-color: #F6DC6D;
  padding: min(13.75vw, 132px) 0 min(8.65vw, 83px);
}
.faq .inner {
  width: 84.375%;
  max-width: 810px;
  margin: 0 auto;
}

.faq-list {
  margin-top: min(10.63vw, 102px);
}
.faq-box + .faq-box {
  margin-top: min(5.83vw, 56px);
}

.faq-list dt {
  position: relative;
}
.faq-list dt::before,
.faq-list dt::after {
  content: "";
  display: block;
  width: min(4.79vw, 40px);
  height: min(0.42vw, 4px);
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  right: 2.6em;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.faq-list dt::after {
  transform: rotate(90deg) translateY(-50%) ;
  right: 2.8em;
}

.faq-list dt.open::after {
  transform: rotate(0deg) translateY(-50%);
}
.faq-list dd {
  display: none;
}