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

.sp_only {
  display: none;
}

.inner {
  width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .inner {
    width: 100vw;
  }
}

.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 {
  padding: 33px 0 27px;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .float_area .inner {
    padding: 2.5384615385vw 0 2.0769230769vw;
  }
}
.float_area .inner .deco {
  width: 140px;
  filter: drop-shadow(15px 20px 15px rgba(0, 0, 0, 0.15));
  position: absolute;
  top: 10px;
  left: 70px;
  z-index: 99;
}
@media screen and (max-width: 1300px) {
  .float_area .inner .deco {
    width: 10.7692307692vw;
    filter: drop-shadow(1.1538461538vw 1.5384615385vw 1.1538461538vw rgba(0, 0, 0, 0.15));
    top: 0.7692307692vw;
    left: 5.3846153846vw;
  }
}
.float_area .inner .float_btn {
  width: 970px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .float_area .inner .float_btn {
    width: 74.6153846154vw;
  }
}

#header {
  background: #fff;
  border-bottom: 4px solid #18204D;
}
@media screen and (max-width: 1300px) {
  #header {
    border-bottom: 0.3076923077vw solid #18204D;
  }
}
#header .inner {
  display: flex;
  padding: 6px 0 12px;
}
@media screen and (max-width: 1300px) {
  #header .inner {
    padding: 0.4615384615vw 0 0.9230769231vw;
  }
}
#header .inner .head_logo {
  width: 623px;
  margin-top: 10px;
  margin: 10px 45px 0 72px;
}
@media screen and (max-width: 1300px) {
  #header .inner .head_logo {
    width: 47.9230769231vw;
    margin: 0.7692307692vw 3.4615384615vw 0 5.5384615385vw;
  }
}
#header .inner .head_btn {
  width: 490px;
}
@media screen and (max-width: 1300px) {
  #header .inner .head_btn {
    width: 37.6923076923vw;
  }
}

#fv {
  background: url("../img/pc_fv01_bg.jpg") no-repeat top center;
}
@media screen and (max-width: 1300px) {
  #fv {
    background-size: 153.8461538462vw auto;
  }
}
#fv .inner .fv_btn {
  width: 932px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 37px;
}
@media screen and (max-width: 1300px) {
  #fv .inner .fv_btn {
    width: 71.6923076923vw;
    bottom: 2.8461538462vw;
  }
}

#voice {
  background: url("../img/pc_voice_bg.jpg") no-repeat top center;
  height: 1442px;
}
@media screen and (max-width: 1300px) {
  #voice {
    background-size: 153.8461538462vw auto;
    height: 110.9230769231vw;
  }
}
#voice .inner .voice_list {
  display: flex;
  flex-wrap: wrap;
}
#voice .inner .voice_list li {
  width: 650px;
}
@media screen and (max-width: 1300px) {
  #voice .inner .voice_list li {
    width: 50vw;
  }
}
#voice .inner .voice_btn {
  width: 700px;
  margin: 70px auto 0;
}
@media screen and (max-width: 1300px) {
  #voice .inner .voice_btn {
    width: 53.8461538462vw;
    margin: 5.3846153846vw auto 0;
  }
}

#worries {
  background: url("../img/pc_worries_bg.jpg") no-repeat top center, #F2F2F2;
}
@media screen and (max-width: 1300px) {
  #worries {
    background-size: 153.8461538462vw auto;
  }
}

#loss {
  background: url("../img/pc_loss_bg.jpg") no-repeat top center, #ccc;
}
@media screen and (max-width: 1300px) {
  #loss {
    background-size: 153.8461538462vw auto;
  }
}

#losstime {
  background: url("../img/pc_losstime_bg.jpg") no-repeat top center, #E6E6E6;
}
@media screen and (max-width: 1300px) {
  #losstime {
    background-size: 153.8461538462vw auto;
  }
}

#solution {
  background: url("../img/pc_solution_bg.jpg") no-repeat top center;
}
@media screen and (max-width: 1300px) {
  #solution {
    background-size: 153.8461538462vw auto;
  }
}

#reason {
  background: url("../img/pc_reason_bg.jpg") no-repeat bottom center, #fff;
}
@media screen and (max-width: 1300px) {
  #reason {
    background-size: 153.8461538462vw auto;
  }
}

.offer {
  background: #DC5C11;
}
.offer .inner {
  position: relative;
}
.offer .inner .cta_btn {
  width: 938px;
  position: absolute;
  left: 184px;
  bottom: 54px;
}
@media screen and (max-width: 1300px) {
  .offer .inner .cta_btn {
    width: 72.1538461538vw;
    left: 14.1538461538vw;
    bottom: 4.1538461538vw;
  }
}

#cost {
  background: url("../img/pc_cost_bg.jpg") no-repeat top center, #F2F2F2;
}
@media screen and (max-width: 1300px) {
  #cost {
    background-size: 153.8461538462vw auto;
  }
}

#exchange {
  background: #F8E5B0;
}
#exchange .inner {
  position: relative;
}
#exchange .inner .top_img {
  width: 125px;
  margin: 0 auto;
  position: absolute;
  top: -49px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1300px) {
  #exchange .inner .top_img {
    width: 9.6153846154vw;
    top: -3.7692307692vw;
  }
}

.cta {
  background: #DC5C11;
}
.cta .inner {
  padding: 52px 0;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .cta .inner {
    padding: 4vw 0;
  }
}
.cta .inner .deco {
  width: 174px;
  filter: drop-shadow(15px 20px 15px rgba(0, 0, 0, 0.15));
  position: absolute;
  top: -54px;
  left: 52px;
  z-index: 99;
}
@media screen and (max-width: 1300px) {
  .cta .inner .deco {
    width: 13.3846153846vw;
    top: -4.1538461538vw;
    left: 4vw;
  }
}
.cta .inner .deco.deco03 {
  top: -35px;
  left: 217px;
}
@media screen and (max-width: 1300px) {
  .cta .inner .deco.deco03 {
    top: -2.6923076923vw;
    left: 16.6923076923vw;
  }
}
.cta .inner .cta_btn {
  width: 982px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .cta .inner .cta_btn {
    width: 75.5384615385vw;
  }
}

#profit {
  background: url("../img/pc_profit_bg.jpg") no-repeat top center, #F8E5B0;
}
@media screen and (max-width: 1300px) {
  #profit {
    background-size: 153.8461538462vw auto;
  }
}

#security {
  background: url("../img/pc_security_bg.jpg") no-repeat top center, #fff;
}
@media screen and (max-width: 1300px) {
  #security {
    background-size: 153.8461538462vw auto;
  }
}
#security .inner {
  position: relative;
}
#security .inner .top_text {
  width: 310px;
  margin: 0 auto;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1300px) {
  #security .inner .top_text {
    width: 23.8461538462vw;
    top: -1.5384615385vw;
  }
}

#charm {
  background: #DC5C11;
}

#service {
  background: url("../img/pc_service_bg.jpg") no-repeat top center, #F8E5B0;
}
@media screen and (max-width: 1300px) {
  #service {
    background-size: 153.8461538462vw auto;
  }
}

#concern {
  background: url("../img/pc_concern_bg.jpg") no-repeat top center, #fff;
}
@media screen and (max-width: 1300px) {
  #concern {
    background-size: 153.8461538462vw auto;
  }
}

#suitable {
  background: url("../img/pc_suitable_bg.jpg") no-repeat top center, #fff;
}
@media screen and (max-width: 1300px) {
  #suitable {
    background-size: 153.8461538462vw auto;
  }
}

#step {
  background: url("../img/pc_step_bg.jpg") no-repeat top center, #F8E5B0;
}
@media screen and (max-width: 1300px) {
  #step {
    background-size: 153.8461538462vw auto;
  }
}

#ps {
  background: url("../img/pc_ps_bg.jpg") no-repeat top center, #F7D4B8;
}
@media screen and (max-width: 1300px) {
  #ps {
    background-size: 153.8461538462vw auto;
  }
}

#consider {
  background: #F8E5B0;
  padding-bottom: 70px;
}
@media screen and (max-width: 1300px) {
  #consider {
    padding-bottom: 5.3846153846vw;
  }
}
#consider .inner .consider_btn {
  width: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  #consider .inner .consider_btn {
    width: 53.8461538462vw;
  }
}

#faq {
  background: url("../img/faq_bg.jpg") repeat top left/30px;
  padding-bottom: 70px;
}
@media screen and (max-width: 1300px) {
  #faq {
    background-size: 2.3076923077vw;
    padding-bottom: 5.3846153846vw;
  }
}
#faq .inner .faq_list {
  width: 1084px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  #faq .inner .faq_list {
    width: 83.3846153846vw;
  }
}
#faq .inner .faq_list .hide {
  height: 0;
  overflow: hidden;
  transition: all 0.4s;
}
#faq .inner .faq_list .faq_btn {
  width: 416px;
  height: 68px;
  margin: 35px auto 0;
  background: url(../img/pc_faq_more_btn.png) no-repeat top left/100%;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  #faq .inner .faq_list .faq_btn {
    width: 32vw;
    height: 5.2307692308vw;
    margin: 2.6923076923vw auto 0;
  }
}
#faq .inner .faq_list .faq_btn:hover {
  opacity: 0.8;
}
#faq .inner .faq_list .faq_btn.open {
  background: url(../img/pc_faq_close_btn.png) no-repeat top left/100%;
}

#contact {
  background: #DC5C11;
  padding-top: 130px;
  margin-bottom: 170px;
}
@media screen and (max-width: 1300px) {
  #contact {
    padding-top: 10vw;
    margin-bottom: 13.0769230769vw;
  }
}
#contact .inner {
  padding: 0 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
  #contact .inner {
    padding: 0 3.8461538462vw;
  }
}
#contact .inner iframe {
  background: #fff;
}
#contact .foot_nav {
  display: flex;
  justify-content: center;
  gap: 60px;
  padding: 95px 0 20px;
}
@media screen and (max-width: 1300px) {
  #contact .foot_nav {
    gap: 4.6153846154vw;
    padding: 7.3076923077vw 0 1.5384615385vw;
  }
}
#contact .foot_nav li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.16em;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1300px) {
  #contact .foot_nav li a {
    font-size: 1.2307692308vw;
  }
}
#contact .copy {
  color: #fff;
  text-align: center;
  padding: 18px 0 20px;
  background: #C44405;
}
@media screen and (max-width: 1300px) {
  #contact .copy {
    padding: 1.3846153846vw 0 1.5384615385vw;
  }
}
#contact .copy small {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.16em;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1300px) {
  #contact .copy small {
    font-size: 1.2307692308vw;
  }
}/*# sourceMappingURL=style.css.map */