@charset "UTF-8";
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #333;
}

.sp_only {
  display: block;
}

.pc_only {
  display: none;
}

.rel {
  position: relative;
}

.float_area {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.float_area .inner {
  display: flex;
  padding: 5.3333333333vw 0 3.7333333333vw;
  position: relative;
}
.float_area .inner .deco {
  width: 22vw;
  filter: drop-shadow(2vw 2.6666666667vw 2vw rgba(0, 0, 0, 0.15));
  position: absolute;
  top: 2.1333333333vw;
  left: 1.7333333333vw;
  z-index: 99;
}
.float_area .inner .float_btn {
  width: 61.6vw;
  margin: 0 1.2vw 0 16.9333333333vw;
}
.float_area .inner .float_tel_btn {
  width: 16vw;
}

#header {
  background: #fff;
  border-bottom: 0.5333333333vw solid #18204D;
}
#header .inner {
  padding-bottom: 21.3333333333vw;
  position: relative;
}
#header .inner .head_btn {
  width: 93.3333333333vw;
  margin: 0 auto;
  position: absolute;
  top: 10.2666666667vw;
  left: 0;
  right: 0;
}

#fv {
  background: url("../img/sp_fv01_bg.jpg") no-repeat top center/100%;
}
#fv .inner .fv_btn {
  width: 88.1333333333vw;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8.6666666667vw;
}

#voice {
  background: url("../img/sp_voice_bg.jpg") no-repeat top center/100%;
  height: 461.3333333333vw;
}
#voice .inner .voice_list {
  display: flex;
  flex-wrap: wrap;
}
#voice .inner .voice_btn {
  width: 86.6666666667vw;
  margin: 0 auto;
}

#worries {
  background: url("../img/sp_worries_bg.jpg") no-repeat top center/100%, #F2F2F2;
}

#loss {
  background: url("../img/sp_loss_bg.jpg") no-repeat top center/100%, #ccc;
}

#losstime {
  background: url("../img/sp_losstime_bg.jpg") no-repeat top center/100%, #E6E6E6;
}

#solution {
  background: url("../img/sp_solution_bg.jpg") no-repeat top center/100%;
}

#reason {
  background: url("../img/sp_reason_bg.jpg") no-repeat bottom center/100%, #fff;
}

.offer {
  background: #DC5C11;
}
.offer .inner {
  position: relative;
}
.offer .inner .cta_btn {
  width: 88.1333333333vw;
  position: absolute;
  left: 6.6666666667vw;
  bottom: 13.3333333333vw;
}

#cost {
  background: url("../img/sp_cost_bg.jpg") no-repeat top center/100%, #F2F2F2;
}

#exchange {
  background: #F8E5B0;
}
#exchange .inner {
  position: relative;
}
#exchange .inner .top_img {
  width: 16.6666666667vw;
  margin: 0 auto;
  position: absolute;
  top: -6.4vw;
  left: 0;
  right: 0;
}

.cta {
  background: #DC5C11;
}
.cta .inner {
  padding: 13.3333333333vw 0;
  position: relative;
}
.cta .inner .deco {
  width: 23.3333333333vw;
  filter: drop-shadow(2vw 2.6666666667vw 2vw rgba(0, 0, 0, 0.15));
  position: absolute;
  top: -5.0666666667vw;
  left: 3.3333333333vw;
  z-index: 99;
}
.cta .inner .cta_btn {
  width: 88.1333333333vw;
  margin: 0 auto;
}

#profit {
  background: url("../img/sp_profit_bg.jpg") no-repeat top center/100%, #F8E5B0;
}

#security {
  background: url("../img/sp_security_bg.jpg") no-repeat top center/100%, #fff;
}
#security .inner {
  position: relative;
}
#security .inner .top_text {
  width: 41.3333333333vw;
  margin: 0 auto;
  position: absolute;
  top: -3.0666666667vw;
  left: 0;
  right: 0;
}

#charm {
  background: #DC5C11;
}

#service {
  background: url("../img/sp_service_bg.jpg") no-repeat top center/100%, #F8E5B0;
}

#concern {
  background: url("../img/sp_concern_bg.jpg") no-repeat top center/100%, #fff;
}

#suitable {
  background: url("../img/sp_suitable_bg.jpg") no-repeat top center/100%, #fff;
}

#step {
  background: url("../img/sp_step_bg.jpg") no-repeat top center/100%, #F8E5B0;
}

#ps {
  background: url("../img/sp_ps_bg.jpg") no-repeat top center/100%, #F7D4B8;
}

#consider {
  background: #F8E5B0;
  padding-bottom: 12vw;
}
#consider .inner .consider_btn {
  width: 86.6666666667vw;
  margin: 0 auto;
}

#faq {
  background: url("../img/faq_bg.jpg") repeat top left/4vw;
  padding-bottom: 13.3333333333vw;
}
#faq .inner .faq_list {
  width: 86.6666666667vw;
  margin: 0 auto;
}
#faq .inner .faq_list .hide {
  height: 0;
  overflow: hidden;
  transition: all 0.4s;
}
#faq .inner .faq_list .faq_btn {
  width: 69.3333333333vw;
  height: 13.3333333333vw;
  margin: 6.6666666667vw auto 0;
  background: url(../img/sp_faq_more_btn.png) no-repeat top left/100%;
  cursor: pointer;
}
#faq .inner .faq_list .faq_btn.open {
  background: url(../img/sp_faq_close_btn.png) no-repeat top left/100%;
}

#contact {
  background: #DC5C11;
  padding-top: 13.3333333333vw;
  margin-bottom: 26.6666666667vw;
}
#contact .inner {
  padding: 0 4vw;
}
#contact .inner iframe {
  background: #fff;
}
#contact .foot_nav {
  padding: 16vw 0 9.3333333333vw;
}
#contact .foot_nav li {
  text-align: center;
}
#contact .foot_nav li:not(:first-child) {
  margin-top: 10vw;
}
#contact .foot_nav li a {
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.16em;
  border-bottom: 0.2666666667vw solid #fff;
}
#contact .copy {
  color: #fff;
  text-align: center;
  padding: 6.6666666667vw 0 7.3333333333vw;
  background: #C44405;
}
#contact .copy small {
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.16em;
  border-bottom: 0.2666666667vw solid #fff;
}/*# sourceMappingURL=style_sp.css.map */