@charset "UTF-8";
.mainColor {
  color: #1e9884;
}

.subColor {
  color: #86cb4a;
}

.white {
  color: #ffffff;
}

.red {
  color: #ff0000;
}

.shuiro {
  color: #ce3b27;
}

.brown {
  color: #6a3e0b;
}

.bronze {
  color: #7b6119;
}

.blue {
  color: #004597;
}

.green {
  color: #408827;
}

.gold {
  color: #beb887;
}

.beige {
  color: #f8efd8;
}

/*- 文字サイズ自動変更--------------------*/
/*- 文字サイズ記述見本----------*/
/*
p {
  @include module.fs(36,36,24,20,18,18);
}
p {
  @include fs2(20,10);
    @include module.fs2(36, 20);
}
*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼------------------------------------------*/
/*▲------------------------------------------*/
/*▼--------------------------------------------------------------------------------------------------------------*/
/*▲--------------------------------------------------------------------------------------------------------------*/
.section-faq {
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  .section-faq {
    padding-top: 90px;
  }
}
.section-faq .faq-wrapper {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .section-faq .faq-wrapper {
    padding: 0 16px;
  }
}
.section-faq .faq-title {
  margin-bottom: 56px;
}
.section-faq .faq-title_pic {
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  .section-faq .faq-title_pic {
    max-width: 198px;
  }
}
.section-faq .faq-detail .detail-wrapper {
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #e4f8aa;
}
@media screen and (max-width: 767px) {
  .section-faq .faq-detail .detail-wrapper {
    padding: 26px 24px;
  }
}
.section-faq .faq-detail .detail-item {
  background-color: #ffffff;
  border-radius: 10px;
}
.section-faq .faq-detail .detail-item + .detail-item {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .section-faq .faq-detail .detail-item + .detail-item {
    margin-top: 11px;
  }
}
.section-faq .faq-detail .detail-item_headingLink {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-faq .faq-detail .detail-item_title {
  margin-right: 5px;
}
@media only screen and (min-width: 1200px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.5rem + ((1vw - 0.992rem) * (0)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.5rem + ((1vw - 0.768rem) * (0)));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.5rem + ((1vw - 0.576rem) * (0)));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.5rem + ((1vw - 0.421rem) * (0)));
  }
}
@media only screen and (max-width: 420px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.5rem + ((1vw - 0.32rem) * (0)));
  }
}
.section-faq .faq-detail .detail-item_title br {
  display: none;
}
@media screen and (max-width: 575px) {
  .section-faq .faq-detail .detail-item_title br {
    display: block;
  }
}
.section-faq .faq-detail .detail-item_symbol {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.section-faq .faq-detail .detail-item_symbol span {
  width: 2px;
  height: 18px;
  background-color: #1e9884;
  position: absolute;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.section-faq .faq-detail .detail-item_symbol span:first-child {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.section-faq .faq-detail .detail-item_symbol span:last-child {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.section-faq .faq-detail .detail-item_symbol.show span:first-child {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.section-faq .faq-detail .detail-item_inner {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.section-faq .faq-detail .detail-item_container {
  margin: 0 15px;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px dotted #1e9884;
}
.section-faq .faq-detail .detail-item_text {
  color: #2f2d2c;
}
@media only screen and (min-width: 1200px) {
  .section-faq .faq-detail .detail-item_text {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-faq .faq-detail .detail-item_text {
    font-size: calc(1.5rem + ((1vw - 0.992rem) * (0)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-faq .faq-detail .detail-item_text {
    font-size: calc(1.5rem + ((1vw - 0.768rem) * (0)));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-faq .faq-detail .detail-item_text {
    font-size: calc(1.5rem + ((1vw - 0.576rem) * (0)));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  .section-faq .faq-detail .detail-item_text {
    font-size: calc(1.5rem + ((1vw - 0.421rem) * (0)));
  }
}
@media only screen and (max-width: 420px) {
  .section-faq .faq-detail .detail-item_text {
    font-size: calc(1.5rem + ((1vw - 0.32rem) * (0)));
  }
}
.section-faq .faq-detail .detail-item_link {
  -webkit-text-decoration: #2f2d2c underline;
  text-decoration: #2f2d2c underline;
}
.section-faq .faq-detail .detail-item_link::after {
  content: url("../../images/faq/faq-link-icon.svg");
  margin-left: 3px;
  vertical-align: middle;
}
.section-faq .faq-detail .detail-item_titleWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section-faq .faq-detail .detail-item_icon {
  max-width: 38px;
  margin-right: 7px;
}
@media screen and (max-width: 767px) {
  .section-faq .faq-detail .detail-item_icon img {
    max-width: none;
    width: 30px;
  }
}
.section-faq .faq-detail .detail-item_title {
  color: #1e9884;
}
@media only screen and (min-width: 1200px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.74rem + ((1vw - 0.992rem) * (0.2898550725)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.68rem + ((1vw - 0.768rem) * (0.269058296)));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.62rem + ((1vw - 0.576rem) * (0.3141361257)));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.56rem + ((1vw - 0.421rem) * (0.3896103896)));
  }
}
@media only screen and (max-width: 420px) {
  .section-faq .faq-detail .detail-item_title {
    font-size: calc(1.5rem + ((1vw - 0.32rem) * (0.6)));
  }
}
.section-faq .faq-detail_02 .detail-wrapper {
  background-color: #b8f4cc;
}
.section-faq .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-faq .tab-item {
  height: 62px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.section-faq .tab-item_link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media screen and (max-width: 767px) {
  .section-faq .tab-item_link {
    padding: 10px 0 5px;
  }
}
.section-faq .tab-item_textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.section-faq .tab-item_title {
  color: #1e9884;
}
@media only screen and (min-width: 1200px) {
  .section-faq .tab-item_title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-faq .tab-item_title {
    font-size: calc(1.74rem + ((1vw - 0.992rem) * (0.2898550725)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-faq .tab-item_title {
    font-size: calc(1.68rem + ((1vw - 0.768rem) * (0.269058296)));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-faq .tab-item_title {
    font-size: calc(1.62rem + ((1vw - 0.576rem) * (0.3141361257)));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  .section-faq .tab-item_title {
    font-size: calc(1.56rem + ((1vw - 0.421rem) * (0.3896103896)));
  }
}
@media only screen and (max-width: 420px) {
  .section-faq .tab-item_title {
    font-size: calc(1.5rem + ((1vw - 0.32rem) * (0.6)));
  }
}
.section-faq .tab-item_title span {
  border-bottom: 4px #1e9884 dotted;
}
@media only screen and (min-width: 1200px) {
  .section-faq .tab-item_title span {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-faq .tab-item_title span {
    font-size: calc(1.94rem + ((1vw - 0.992rem) * (0.2898550725)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-faq .tab-item_title span {
    font-size: calc(1.88rem + ((1vw - 0.768rem) * (0.269058296)));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-faq .tab-item_title span {
    font-size: calc(1.82rem + ((1vw - 0.576rem) * (0.3141361257)));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  .section-faq .tab-item_title span {
    font-size: calc(1.76rem + ((1vw - 0.421rem) * (0.3896103896)));
  }
}
@media only screen and (max-width: 420px) {
  .section-faq .tab-item_title span {
    font-size: calc(1.7rem + ((1vw - 0.32rem) * (0.6)));
  }
}
.section-faq .tab-item_01 .tab-item_link {
  background-color: #e4f8aa;
}
.section-faq .tab-item_01 .tab-item_link:hover {
  background-color: #f5ffd8;
}
.section-faq .tab-item_01 .tab-item_pic {
  max-width: 76px;
}
.section-faq .tab-item_01.active .tab-item_link {
  background-color: #e4f8aa;
}
.section-faq .tab-item_02 .tab-item_link {
  background-color: #b8f4cc;
}
.section-faq .tab-item_02 .tab-item_link:hover {
  background-color: #ebfdf1;
}
.section-faq .tab-item_02 .tab-item_pic {
  max-width: 70px;
}
.section-faq .tab-item_02.active .tab-item_link {
  background-color: #b8f4cc;
}
.section-faq .tab-info {
  display: none;
}
.section-faq .tab-info.active {
  display: block;
}

/*# sourceMappingURL=faq.css.map */
