@media (max-width: 767px) {
  .mv-lower {
    background-image: url(../../img/faq/faq_mv_sp.jpg);
  }
}
@media (min-width: 768px) {
  .mv-lower {
    background-image: url(../../img/faq/faq_mv_pc.jpg);
  }
}
@media (max-width: 767px) {
  .mv-lower .mv-lower-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.mv-lower .mv-lower-title .mv-lower-title-maintitle__txt {
  color: #000;
}

/*------------------------------------------
faq
-------------------------------------------*/
.faq .faq__container {
  background-color: #f5f2e9;
  padding-block: min(11.9047619048vw, 150px);
}
@media (max-width: 767px) {
  .faq .faq__container {
    padding-block: 18.75vw 25vw;
  }
}
.faq .faq__inner {
  position: relative;
}
@media (max-width: 767px) {
  .faq .faq__inner {
    width: 90vw;
  }
}
.faq .faq__inner .deco {
  position: absolute;
}
.faq .faq__inner .deco--book {
  width: min(5.3174603175vw, 67px);
  top: max(-8.7301587302vw, -110px);
  right: min(4.126984127vw, 52px);
}
.faq .faq__inner .deco--cup {
  width: min(9.2063492063vw, 116px);
  bottom: max(-7.9365079365vw, -100px);
  left: min(5.5555555556vw, 70px);
}
@media (max-width: 767px) {
  .faq .faq__inner .deco--cup {
    width: 14.5vw;
    bottom: -17.5vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.faq .faq__contents {
  width: min(79.3650793651vw, 1000px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .faq .faq__contents {
    width: 100%;
  }
}
.faq .faq__items {
  display: flex;
  flex-direction: column;
  row-gap: min(2.380952381vw, 30px);
}
.faq .faq__item {
  background-color: #fff;
  cursor: pointer;
}
.faq .faq__item p {
  font-size: min(1.4285714286vw, 18px);
  font-weight: 700;
  line-height: 2;
  text-align: justify;
  color: #514d55;
}
@media (max-width: 767px) {
  .faq .faq__item p {
    font-size: 3.5vw;
    line-height: 1.6071428571;
  }
}
.faq .faq__item dt {
  padding-block: min(2.380952381vw, 30px);
  position: relative;
  padding-left: min(3.9682539683vw, 50px);
}
@media (max-width: 767px) {
  .faq .faq__item dt {
    padding-block: 4.75vw;
  }
}
.faq .faq__item dt > span {
  position: absolute;
  top: 50%;
  right: min(2.380952381vw, 30px);
  transform: translateY(-50%);
  width: min(2.7777777778vw, 35px);
  height: min(2.7777777778vw, 35px);
  border-radius: 50%;
  background-color: #c8c8c8;
}
@media (max-width: 767px) {
  .faq .faq__item dt > span {
    width: 6.25vw;
    height: 6.25vw;
    right: 3.75vw;
  }
}
.faq .faq__item dt > span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(1.4285714286vw, 18px);
  height: min(0.2380952381vw, 3px);
  background-color: #fff;
  border-radius: min(0.2380952381vw, 3px);
}
@media (max-width: 767px) {
  .faq .faq__item dt > span::before {
    width: 3.25vw;
    height: 0.5vw;
  }
}
.faq .faq__item dt > span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: min(1.4285714286vw, 18px);
  height: min(0.2380952381vw, 3px);
  background-color: #fff;
  border-radius: min(0.2380952381vw, 3px);
  transition: transform 0.3s;
}
@media (max-width: 767px) {
  .faq .faq__item dt > span::after {
    width: 3.25vw;
    height: 0.5vw;
  }
}
.faq .faq__item dt p {
  position: relative;
  padding-left: min(8.7301587302vw, 110px);
}
@media (max-width: 767px) {
  .faq .faq__item dt p {
    padding-right: 15vw;
  }
}
.faq .faq__item dt p::before {
  position: absolute;
  content: "Q";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: futura-pt, sans-serif;
  font-size: min(3.253968254vw, 41px);
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .faq .faq__item dt p::before {
    font-size: 5.75vw;
  }
}
.faq .faq__item dd {
  display: none;
  padding-bottom: min(3.9682539683vw, 50px);
  padding-inline: min(3.9682539683vw, 50px) min(7.6984126984vw, 97px);
}
.faq .faq__item dd > div {
  border-top: min(0.0793650794vw, 1px) solid #c8c8c8;
  position: relative;
  padding-top: min(2.380952381vw, 30px);
  padding-left: min(8.7301587302vw, 110px);
}
.faq .faq__item dd > div::before {
  position: absolute;
  content: "A";
  top: min(0.7142857143vw, 9px);
  left: 0;
  font-family: futura-pt, sans-serif;
  font-size: min(3.253968254vw, 41px);
  font-weight: 500;
  color: #ea6052;
}
@media (max-width: 767px) {
  .faq .faq__item dd > div::before {
    font-size: 5.75vw;
  }
}
.faq .faq__item dt.is-show > span::after {
  transform: translate(-50%, -50%) rotate(0);
}/*# sourceMappingURL=faq.css.map */