@charset "UTF-8";
html {
  font-size: 10px;
}

body {
  margin: 0;
  font-family: "Zen Maru Gothic", serif;
}

picture {
  display: block;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  display: block;
}

.container {
  margin: 0 auto;
  max-width: 840px;
}

.cta {
  position: relative;
}
.cta .btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 697px;
}
.cta .btn:hover img {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.cta.cta1 .btn {
  top: 715px;
}
.cta.cta2 .btn {
  top: 722px;
}
.cta.cta3 .btn {
  top: 695px;
}
@media screen and (max-width: 840px) {
  .cta .btn {
    width: 82.9761904762vw;
  }
  .cta.cta1 .btn {
    top: 85.119047619vw;
  }
  .cta.cta2 .btn {
    top: 85.9523809524vw;
  }
  .cta.cta3 .btn {
    top: 82.7380952381vw;
  }
}

.faq {
  position: relative;
  padding-top: 43px;
  padding-left: 25px;
  padding-right: 15px;
  padding-bottom: 61px;
  background-size: cover;
  z-index: 1;
  background-color: #ffea01;
}
.faq::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/faq_bg.png);
  background-size: cover;
  z-index: -1;
}
.faq__head {
  margin: 0 auto 38px;
  width: 372px;
}
.faq__list {
  display: grid;
  row-gap: 20px;
  padding-left: 0;
  list-style: none;
}
.faq__question {
  display: grid;
  grid-template-columns: 52px 1fr -webkit-max-content;
  grid-template-columns: 52px 1fr max-content;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 26px;
  padding-right: 25px;
  height: 110px;
  background-color: #fe0211;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  cursor: pointer;
}
.faq__question p {
  margin: 0;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.faq__question::after {
  content: "＋";
  color: #fff;
  font-size: 40px;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.faq__question.is-active::after {
  content: "ー";
}
.faq__answer {
  display: none;
  padding-top: 34px;
  padding-left: 26px;
  padding-right: 60px;
  padding-bottom: 40px;
  background-color: #fff;
}
.faq__answer div {
  display: grid;
  grid-template-columns: 52px 1fr;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 33px;
     -moz-column-gap: 33px;
          column-gap: 33px;
  margin: 0;
}
.faq__answer div p {
  margin: -1.5% 0 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7272727273;
}
@media screen and (max-width: 840px) {
  .faq {
    padding-top: 5.119047619vw;
    padding-left: 2.9761904762vw;
    padding-right: 1.7857142857vw;
    padding-bottom: 7.2619047619vw;
  }
  .faq__head {
    margin-bottom: 4.5238095238vw;
    width: 44.2857142857vw;
  }
  .faq__list {
    row-gap: 2.380952381vw;
  }
  .faq__question {
    grid-template-columns: 6.1904761905vw 1fr -webkit-max-content;
    grid-template-columns: 6.1904761905vw 1fr max-content;
    -webkit-column-gap: 3.8095238095vw;
       -moz-column-gap: 3.8095238095vw;
            column-gap: 3.8095238095vw;
    padding-left: 3.0952380952vw;
    padding-right: 2.9761904762vw;
    height: 13.0952380952vw;
    border-top-left-radius: 2.380952381vw;
    border-top-right-radius: 2.380952381vw;
  }
  .faq__question p {
    font-size: 3.5714285714vw;
  }
  .faq__question::after {
    font-size: 4.7619047619vw;
  }
  .faq__answer {
    padding-top: 4.0476190476vw;
    padding-left: 3.0952380952vw;
    padding-right: 7.1428571429vw;
    padding-bottom: 4.7619047619vw;
  }
  .faq__answer div {
    grid-template-columns: 6.1904761905vw 1fr;
    -webkit-column-gap: 3.9285714286vw;
       -moz-column-gap: 3.9285714286vw;
            column-gap: 3.9285714286vw;
  }
  .faq__answer div p {
    font-size: 2.619047619vw;
  }
}

.l-footer {
  padding-top: 35px;
  height: 141px;
  background-color: #ffea01;
}
.l-footer__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: 400;
}
.l-footer__link a {
  color: #353534;
  text-decoration: none;
}
.l-footer__copyright {
  margin: 0;
  color: #353534;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.l-footer__copyright small {
  font-size: inherit;
}
@media screen and (max-width: 840px) {
  .l-footer {
    padding-top: 4.1666666667vw;
    height: 16.7857142857vw;
  }
  .l-footer__link {
    margin-bottom: 3.5714285714vw;
  }
}
@media screen and (max-width: 650px) {
  .l-footer__link {
    font-size: 3.0769230769vw;
  }
}
@media screen and (max-width: 400px) {
  .l-footer__copyright {
    font-size: 3.5vw;
  }
}/*# sourceMappingURL=style.css.map */