@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: block;
}

.pc_only {
  display: none;
}

.wrap .float_area {
  display: flex;
  justify-content: space-between;
  background: url(../img/sp_float_bg.png) no-repeat bottom center/100%;
  padding-top: 0.6666666667vw;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.wrap .float_area .btn {
  width: 48vw;
}
.wrap .header {
  background: #fff;
  box-shadow: 0 1.3333333333vw 1.3333333333vw rgba(0, 0, 0, 0.3);
}
.wrap .header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.6666666667vw;
}
.wrap .header .inner .head_logo {
  width: 18.6666666667vw;
  margin-left: 0.6666666667vw;
}
.wrap .header .inner .head_btn_list {
  display: flex;
  gap: 2vw;
}
.wrap .header .inner .head_btn_list li {
  width: 46.6666666667vw;
}
.wrap .header .inner .head_btn_list li:last-child {
  width: 24vw;
  filter: drop-shadow(0.4vw 0.4vw 0.4vw rgba(0, 0, 0, 0.5));
}
.wrap .fv.type01 {
  background: url("../img/sp_fv01_bg.jpg") no-repeat top center/100%;
  height: 183.4666666667vw;
}
.wrap .fv.type01 .btn_dl,
.wrap .fv.type01 .btn_contact {
  width: 82.6666666667vw;
  margin: 0 auto;
}
.wrap .fv.type01 .btn_dl {
  filter: drop-shadow(0.6666666667vw 0.6666666667vw 0.6666666667vw rgba(0, 0, 0, 0.5));
}
.wrap .fv.type01 .btn_contact {
  filter: drop-shadow(0.9333333333vw 0.9333333333vw 0.9333333333vw rgba(0, 0, 0, 0.3));
}
.wrap .fv.type02 {
  background: url("../img/sp_fv02_bg.jpg") no-repeat top center/100%;
  height: 179.4666666667vw;
}
.wrap .fv.type02 .btn_dl,
.wrap .fv.type02 .btn_contact {
  width: 82.6666666667vw;
  margin: 0 auto;
}
.wrap .fv.type02 .btn_dl {
  filter: drop-shadow(1.6vw 1.6vw 1.6vw rgba(0, 0, 0, 0.3));
}
.wrap .fv.type02 .btn_contact {
  filter: drop-shadow(0.9333333333vw 0.9333333333vw 0.9333333333vw rgba(0, 0, 0, 0.3));
}
.wrap .customer {
  background: #fff;
}
.wrap .reason {
  background: url("../img/sp_reason_bg.jpg") no-repeat top center/100%;
}
.wrap .detail {
  background: url("../img/sp_detail_bg.jpg") no-repeat top center/100%;
}
.wrap .comparison {
  background: url("../img/sp_comparison_bg.jpg") no-repeat top center/100%;
}
.wrap .data {
  background: #fff;
}
.wrap .data .inner .btn_dl {
  width: 82.6666666667vw;
  margin: 0 auto;
  filter: drop-shadow(1.6vw 1.6vw 1.6vw rgba(0, 0, 0, 0.3));
}
.wrap .voice {
  background: url("../img/sp_voice_bg.jpg") no-repeat top center/100%;
}
.wrap .step {
  background: url("../img/sp_step_bg.jpg") no-repeat top center/100%;
}
.wrap .contact_area {
  background: #fff;
}
.wrap .contact_area .inner .btn_contact {
  width: 82.6666666667vw;
  margin: 0 auto;
  filter: drop-shadow(1.4666666667vw 1.4666666667vw 1.4666666667vw rgba(0, 0, 0, 0.3));
}
.wrap .ps {
  background: url("../img/sp_ps_bg.jpg") no-repeat top center/100%;
  height: 548vw;
}
.wrap .ps .inner .btn_dl,
.wrap .ps .inner .btn_contact {
  width: 82.6666666667vw;
  margin: 0 auto;
}
.wrap .ps .inner .btn_dl {
  filter: drop-shadow(1.4666666667vw 1.4666666667vw 1.4666666667vw rgba(0, 0, 0, 0.5));
}
.wrap .ps .inner .btn_contact {
  filter: drop-shadow(1.6vw 1.6vw 1.6vw rgba(0, 0, 0, 0.3));
}
.wrap .qa {
  background: #E6E6E6;
  padding-bottom: 16.6666666667vw;
}
.wrap .qa .inner .qa_area .qa_box {
  width: 86.6666666667vw;
  margin: 0 auto;
  background: #fff;
}
.wrap .qa .inner .qa_area .qa_box:not(:first-child) {
  margin-top: 4vw;
}
.wrap .qa .inner .qa_area .qa_box .qa_q {
  cursor: pointer;
  position: relative;
}
.wrap .qa .inner .qa_area .qa_box .qa_q .icon {
  display: block;
  width: 4.9333333333vw;
  height: 4.9333333333vw;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 5.3333333333vw;
}
.wrap .qa .inner .qa_area .qa_box .qa_q .icon::before, .wrap .qa .inner .qa_area .qa_box .qa_q .icon::after {
  content: "";
  display: block;
  width: 4.9333333333vw;
  height: 0.4vw;
  background: #000;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
.wrap .qa .inner .qa_area .qa_box .qa_q .icon::after {
  transform: translateY(-50%) rotate(90deg);
}
.wrap .qa .inner .qa_area .qa_box .qa_q.active .icon::after {
  display: none;
}
.wrap .qa .inner .qa_area .qa_box .qa_a {
  display: none;
}
.wrap #contact {
  background: #CCE4F5;
  padding-bottom: 14vw;
}
.wrap #contact .inner .form_box {
  width: 86.6666666667vw;
  margin: 0 auto;
}
.wrap .footer {
  background: #00488F;
  padding: 6.6666666667vw 0;
}
.wrap .footer .foot_nav {
  display: flex;
  justify-content: center;
  gap: 9.3333333333vw;
  margin-bottom: 4vw;
}
.wrap .footer .foot_nav li a {
  color: #fff;
  font-size: 3.6vw;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-decoration: underline;
}
.wrap .footer .copy {
  color: #fff;
  font-size: 2.6666666667vw;
  text-align: center;
  letter-spacing: 0.16em;
}/*# sourceMappingURL=style_sp.css.map */