body {
  background: #f6f6f6;
}

.smooth {
  max-width: 1100px;
  margin: 70px auto 0;
  padding: 0 20px;
}
@media screen and (max-width: 1200px) {
  .smooth {
    margin: 70px auto 0;
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .smooth {
    margin: 9.3333333333vw auto 0;
    padding: 0 2.6666666667vw;
  }
}
.smooth__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -20px;
}
.smooth__list > * {
  width: calc((100% - 40px) / 3);
  margin-top: 20px !important;
}
.smooth__list > :nth-of-type(n) {
  margin-left: 0 !important;
}
.smooth__list > :not(:nth-of-type(3n + 1)) {
  margin-left: 20px !important;
}
@media screen and (max-width: 900px) {
  .smooth__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -20px;
  }
  .smooth__list > * {
    width: calc((100% - 20px) / 2);
    margin-top: 20px !important;
  }
  .smooth__list > :nth-of-type(n) {
    margin-left: 0 !important;
  }
  .smooth__list > :not(:nth-of-type(odd)) {
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .smooth__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -2.6666666667vw;
  }
  .smooth__list > * {
    width: calc((100% - 2.6666666667vw) / 2);
    margin-top: 2.6666666667vw !important;
  }
  .smooth__list > :nth-of-type(n) {
    margin-left: 0 !important;
  }
  .smooth__list > :not(:nth-of-type(odd)) {
    margin-left: 2.6666666667vw !important;
  }
}
.faq {
  padding: 60px 20px;
}
<<<<<<< HEAD
=======

>>>>>>> 531719b (feat: よくある質問（faq）ページを新しいテーマ構造に合うように適用。)
@media screen and (max-width: 1200px) {
  .faq {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 600px) {
  .faq {
    padding: 8vw 2.6666666667vw;
  }
}
.faq + .faq {
  border-top: 1px solid #dbdedf;
}
.faq__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .faq__ttl {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .faq__ttl {
    margin-bottom: 5.3333333333vw;
  }
}
.faq__cont {
  max-width: 1060px;
  margin: 0 auto;
}
.faq__cont + .faq__cont {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  .faq__cont + .faq__cont {
    margin-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .faq__cont + .faq__cont {
    margin-top: 4vw;
  }
}
/*# sourceMappingURL=faq.css.map */