.det  {
    border: 1px solid #e5e5e5;
}
.det p {
    padding: 15px 0 0 0 ;
}
.det-item {
padding: 32px 24px;
border-bottom: 1px solid #e5e5e5;
}
.det-item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.det-item-title:after {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    content: "";
    height: 12px;
    position: absolute;
    right: 2px;
    top: 3px;
    transform: rotate(135deg);
    width: 12px;

}
.det-item-title {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}
.det-item[open] .det-item-title:after {
    top: 9px;
    transform: rotate(315deg);
}
.faq ul {
    list-style: disc;
    padding: revert;
}




.page__question-answer {
  margin-top: 140px;
  margin-bottom: 70px
}
.question-answer__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px
}
.question-answer__title[class] {
  margin-bottom: 0;
  font-size: 54px
}
.question-answer__content {
  display: flex;
  gap: 60px;
  align-items: flex-start
}
.question-answer__nosearch {
  flex: 0 0 381px
}
.question-answer .compare__button {
  color: #1a1d1f
}


@media (width <= 62em)and (min-width:23.75em) {
  .page__question-answer {
    margin-top: 5.625rem
  }
}
@media (min-width:94.125em) {
  .form-faq__title {
    font-size: 3.375rem
  }
}
@media (width <= 48em)and (min-width:48em) {
  .question-answer__top {
    margin-bottom: 2.5rem
  }
}
@media (width <= 62em)and (min-width:62em) {
  .question-answer__title[class] {
    font-size: 2.625rem
  }
}

@media (width <= 62em)and (max-width:20em) {
  .page__question-answer {
    margin-top: 3.125rem
  }
}
@media (width <= 62em)and (max-width:23.75em) {
  .form-faq__container {
    padding-block: 1.875rem
  }
  .question-answer__title[class] {
    font-size: 1.75rem
  }
}
@media (width <= 48em)and (max-width:23.75em) {
  .question-answer__top {
    margin-bottom: 1.875rem
  }
}
@media (max-width:23.75em) {
  .page__form-faq {
    margin-block: 1.875rem
  }
  .form-faq__title {
    font-size: 1.75rem
  }
}
@media (width <= 62em)and (min-width:23.75em)and (max-width:62em) {
  .form-faq__container {
    padding-block: clamp(1.875rem ,1.4869281046rem + 1.6339869281vw ,2.5rem)
  }
  .question-answer__title[class] {
    font-size: clamp(1.75rem ,1.2066993464rem + 2.2875816993vw ,2.625rem)
  }
}
@media (width <= 48em)and (min-width:23.75em)and (max-width:48em) {
  .question-answer__top {
    margin-bottom: clamp(1.875rem ,1.2628865979rem + 2.5773195876vw ,2.5rem)
  }
}
@media (min-width:23.75em)and (max-width:62em) {
  .page__form-faq {
    margin-block: clamp(1.875rem ,.7107843137rem + 4.9019607843vw ,3.75rem)
  }
}
@media (min-width:23.75em)and (max-width:94.125em) {
  .form-faq__title {
    font-size: clamp(1.75rem ,1.201598579rem + 2.3090586146vw ,3.375rem)
  }
}
@media (width <= 62em)and (min-width:20em)and (max-width:23.75em) {
  .page__question-answer {
    margin-top: clamp(3.125rem ,-10.2083333333rem + 66.6666666667vw ,5.625rem)
  }
}
@media (width <= 35em) {
  .form-faq__form {
    gap: 20px
  }
  .question-answer .qa-button-pc {
    display: none
  }
}
@media (width <= 48em) {
  .question-answer__content {
    gap: 30px
  }
}

@media (width > 35em) {
  .question-answer .qa-button-mobile {
    display: none
  }
}
@media (width <= 68.75em) {
  .question-answer__content {
    align-items: initial;
    flex-direction: column
  }
  .question-answer__nosearch {
    position: relative
  }
}
@media (48em < width <= 68.75em) {
  .question-answer__content {
    gap: 50px
  }
}



.qa {
  flex: 1
}


.spollers__item:not(:last-child) {
  margin-bottom: 1.25rem
}
.spollers ._spoller-active svg {
  rotate: 0deg
}
.spollers__title {
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  padding: 22px 30px;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  background-color: #fff;
  color: #1a1d1f;
  transition: color .3s ease-in-out,border-color .3s ease-in-out
}
.spollers__title svg {
  flex: 0 0 17px;
  rotate: 180deg;
  transition: rotate .3s
}
.spollers__title svg path {
  transition: stroke .3s ease-in-out
}
.spollers__title._spoller-active {
  color: #30b45b;
  border-color: #30b45b
}
.spollers__body {
  border-radius: 6px;
  padding: 24px;
  background: #f3f4f6;
  margin-top: 10px;
  line-height: 160%;
  color: #585858
}


@media (hover:hover)and (pointer:fine) {
  .spollers__title:hover {
    color: #30b45b;
    border-color: #30b45b
  }
  .spollers__title:hover svg path {
    stroke: #31a256
  }
}

@media (hover:none)and (pointer:coarse) {
  .spollers__title:active {
    color: #30b45b;
    border-color: #30b45b
  }
  .spollers__title:active svg path {
    stroke: #31a256
  }
}
@media (width <= 43.8125em) {
  .spollers__title {
    padding: 14px 20px;
    font-size: 16px
  }
}