@charset "UTF-8";
main .line a {
  position: -webkit-fixed;
  position: fixed;
  right: 0;
  top: 9.9vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #01b301;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: clamp(12px, 0.83vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1.37;
  font-weight: bold;
  padding: 0.52vw;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  main .line {
    display: none;
  }
}

/*-----------
qa
------------*/
.qa {
  padding: 140px 0 0;
  background-color: #fff;
}

.qa .qa-ttl {
  font-size: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.qa .qa-ttl span {
  font-size: 34px;
  line-height: 1.47;
  letter-spacing: 0.05em;
  margin: 10px 0 110px;
}

.qa .store-wrap {
  background-color: #f9f9f9;
}

.qa .store-wrap .store {
  max-width: 1010px;
  width: 84.16667%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}

.qa .before-wrap {
  background-color: #f2f2f2;
}

.qa .before-wrap .before {
  max-width: 1010px;
  width: 84.16667%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 70px;
}

.qa .after-wrap {
  background-color: #f9f9f9;
}

.qa .after-wrap .after {
  max-width: 1010px;
  width: 84.16667%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}

.qa .about-wrap {
  background-color: #f2f2f2;
}

.qa .about-wrap .about {
  max-width: 1010px;
  width: 84.16667%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}

.qa .price-wrap {
  background-color: #f9f9f9;
}

.qa .price-wrap .price {
  max-width: 1010px;
  width: 84.16667%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 150px;
}

.qa-inn {
  max-width: 1010px;
  width: 84.16667%;
  margin-left: auto;
  margin-right: auto;
}

.qa-ttl {
  text-align: center;
}

.qa .list-ttl {
  padding-top: 80px;
  padding-bottom: 26px;
  font-size: 30px;
  font-weight: 600;
  text-align: initial;
}

.qa dl {
  border-radius: 10px;
  overflow: hidden;
}

.qa dl span {
  display: block;
  margin-right: 14px;
}

.qa dl span img {
  width: 40px;
}

.qa dl div {
  width: 92%;
}

.qa dl:nth-child(n + 2) {
  margin-top: 20px;
}

.qa dt,
.qa dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.qa dt {
  background-color: #fff;
  padding: 14px 0 14px 34px;
  font-size: 22px;
  font-weight: 600;
}

.qa dd {
  background-color: #fff3f3;
  padding: 20px 0 34px 34px;
  font-size: 18px;
  line-height: 1.66667;
  font-weight: 600;
}

.qa dd a {
  color: #d65757;
  text-decoration: underline;
}

.qa dd span img {
  vertical-align: bottom;
}

.footer-l_wrap {
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .qa {
    padding: 75px 0 0;
  }
  .qa .qa-ttl {
    font-size: clamp(30px, 8vw, 60px);
  }
  .qa .qa-ttl span {
    font-size: clamp(20px, 5.33vw, 40px);
    margin-bottom: 35px;
    margin-top: 5px;
  }
  .qa .store-wrap .store {
    max-width: 730px;
    width: 97.33333%;
    padding-bottom: 50px;
  }
  .qa .before-wrap .before {
    max-width: 730px;
    width: 97.33333%;
    padding-bottom: 50px;
  }
  .qa .after-wrap .after {
    max-width: 730px;
    width: 97.33333%;
    padding-bottom: 50px;
  }
  .qa .about-wrap .about {
    max-width: 730px;
    width: 97.33333%;
    padding-bottom: 50px;
  }
  .qa .price-wrap .price {
    max-width: 730px;
    width: 97.33333%;
    padding-bottom: 50px;
  }
  .qa-inn {
    max-width: 730px;
    width: 97.33333%;
  }
  .qa-ttl {
    max-width: 50.66667%;
    margin-left: auto;
    margin-right: auto;
  }
  .qa .list-ttl {
    padding-top: 30px;
    padding-bottom: 0;
    font-size: clamp(17.06667px, 5.33333vw, 40px);
  }
  .qa dl span {
    margin-right: 4px;
  }
  .qa dl span img {
    width: 25px;
  }
  .qa dl img {
    max-width: 50px;
    width: 6.66667vw;
  }
  .qa dl:nth-child(n + 2) {
    margin-top: 15px;
  }
  .qa dt,
  .qa dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .qa dt {
    background-color: #fff;
    padding: 8px 0 10px 8px;
    font-size: clamp(12.8px, 4vw, 30px);
  }
  .qa dd {
    padding: 8px 0px 20px 8px;
    font-size: clamp(12.8px, 4vw, 30px);
    line-height: 1.53333;
  }
}

/*--------------
ポップアップ
---------------*/
.hide-area {
  display: none;
}

.modaal-close:after,
.modaal-close:before {
  background: #ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666;
}

#modaal-title {
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

.modaal-video .modaal-inner-wrapper {
  padding: 0;
}

.modaal-inner-wrapper {
  background: url("../img/sp-modal_bg.png") no-repeat center/contain;
}

.modaal-close {
  top: 70px;
}

.linebnr {
  position: fixed;
  right: 0;
  top: 9.9vw;
  z-index: 500;
}

@media screen and (max-width: 768px) {
  .linebnr {
    display: none;
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0;
  }
  .linebnr.fixed {
    display: block;
  }
}
/*# sourceMappingURL=style.css.map */