/* ---------------------------------------------------------------------- */
/* mv
/* ---------------------------------------------------------------------- */
#mv {
  background: url(../images/question/mv.jpg) center center no-repeat;
  background-size: cover;
}

.mv__box {
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  padding: 1em 0.5em;
}

/* ---------------------------------------------------------------------- */
/* question
/* ---------------------------------------------------------------------- */
.question {
  padding: 155px 0 25px;
}

.question__list li {
  margin-bottom: 20px;
}

.question__item {
  background: #D6F4D1;
  border-radius: 25px;
  padding: 16px min(5%, 35px);
}

.question__item dt {
  color: #399D26;
  padding: 0 35px 0 39px;
  position: relative;
  cursor: pointer;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: bold;
  letter-spacing: 0.12em;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media screen and (max-width: 1000px) {
  .question__item dt {
    padding: 0 10% 0 10%;
  }
}

.question__item dt span::before {
  content: "Q.";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px;
  top: 0.1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.question__item dd {
  display: none;
  margin-top: 12px;
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  font-weight: 300;
  text-align: justify;
  line-height: 2.25;
  padding: 0 0 0 25px;
  position: relative;
}

.question__item dd::before {
  content: "A.";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px;
  top: 0.1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.question__item dt::before,
.question__item dt::after {
  content: "";
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 5px;
  background: #399D26;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  .question__item dt::before,
  .question__item dt::after {
    width: min(5%, 25px);
  }
}

.question__item dt::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.question__item.is-active dt::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* ---------------------------------------------------------------------- */
/* question-cta
/* ---------------------------------------------------------------------- */
.question-cta {
  padding: 100px 0 60px;
}
.question-cta__btn {
  margin-bottom: 150px;
}
.question-cta__btn .cbtn {
  font-size: clamp(2.6rem, 5vw, 3rem);
  letter-spacing: 0.12em;
  height: 75px;
  border-radius: 50px;
  width: 607px;
  max-width: 100%;
}/*# sourceMappingURL=question.css.map */