/* -----------------------
  faq
----------------------- */
.faq {
  background: #fff;
}

.faq .acc-box{
  margin-bottom: min(calc( 60 /750 * 100vw), 60px);
}
.faq:is(.faq) dt {
  position: relative;
  cursor: pointer;
}

.faq:is(.faq) dd {
  display: none;
  overflow: hidden;
  transition: all 0.2s ease;
}

.faq:is(.faq) dt::before,
.faq:is(.faq) dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 34%;
  right: min(calc( 58 /750 * 100vw), 58px);
  width: min(calc( 35 /750 * 100vw), 35px);
  height: min(calc( 2 /750 * 100vw), 2px);
  background: #000;
  transition-duration: 0.3s;
}

.faq:is(.faq) dt::after {
  transform: translateY(-5%) rotate(90deg);
}

.faq:is(.faq) dt.open::after {
  transform: translateY(-5%) rotate(0);
}