@charset "UTF-8";
.pc_item {
  display: block;
}
@media screen and (max-width: 750px) {
  .pc_item {
    display: none;
  }
}

.sp_item {
  display: none;
}
@media screen and (max-width: 750px) {
  .sp_item {
    display: block;
  }
}

body {
  margin: 0;
  padding: 0;
}

.lp_wrap {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}
.lp_wrap div, .lp_wrap span, .lp_wrap iframe, .lp_wrap h1, .lp_wrap h2, .lp_wrap h3, .lp_wrap h4, .lp_wrap h5, .lp_wrap h6, .lp_wrap p, .lp_wrap img, .lp_wrap small, .lp_wrap strong, .lp_wrap b, .lp_wrap dl, .lp_wrap dt, .lp_wrap dd, .lp_wrap ol, .lp_wrap ul, .lp_wrap li, .lp_wrap form, .lp_wrap label, .lp_wrap legend, .lp_wrap table, .lp_wrap tbody, .lp_wrap tfoot, .lp_wrap thead, .lp_wrap tr, .lp_wrap th, .lp_wrap td, .lp_wrap footer, .lp_wrap header, .lp_wrap menu, .lp_wrap nav, .lp_wrap section, .lp_wrap video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}
.lp_wrap ul li {
  list-style: none;
}
.lp_wrap a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  vertical-align: baseline;
}
.lp_wrap a:hover {
  opacity: 0.7;
}

html, body {
  height: 100svh;
  overflow: clip;
}

.all_wrap {
  height: 100svh;
  overflow-y: auto;
}

/* ===================================================================================
  resetここまで
=================================================================================== */
.lp_wrap {
  position: relative;
  line-height: 1;
  max-width: 750px;
  margin: 0 auto;
  overflow-x: hidden;
}
@media screen and (max-width: 750px) {
  .lp_wrap {
    width: 100%;
  }
}
.lp_wrap * {
  box-sizing: border-box;
}
.lp_wrap img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

.lp_wrap {
  position: relative;
}
.lp_wrap .fv_area {
  position: relative;
  background: url("../images/fv_bg.jpg") no-repeat top center;
  background-size: 750px auto;
  height: 1148px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .fv_area {
    background-size: 100vw auto;
    height: 153.07vw;
  }
}
.lp_wrap .fv_area .fv_logo {
  position: absolute;
  top: 21px;
  left: 20px;
  width: 143px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .fv_area .fv_logo {
    top: 2.8vw;
    left: 2.67vw;
    width: 19.07vw;
  }
}
.lp_wrap .offer_area .offer_top {
  background: url("../images/offer_bg.jpg") no-repeat top center;
  background-size: 750px auto;
  height: 1324px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .offer_area .offer_top {
    background-size: 100vw auto;
    height: 176.53vw;
  }
}
.lp_wrap .offer_area .offer_top .offer_box_area {
  position: relative;
}
.lp_wrap .offer_area .offer_top .offer_btn {
  position: absolute;
  display: block;
  width: 653px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  bottom: 55px;
  animation: pulse 2.0s infinite;
}
@media screen and (max-width: 750px) {
  .lp_wrap .offer_area .offer_top .offer_btn {
    width: 87.07vw;
    bottom: 7.33vw;
  }
}
@media screen and (min-width: 751px) {
  .lp_wrap .offer_area .offer_tel {
    pointer-events: none;
    cursor: default;
  }
  .lp_wrap .offer_area .offer_tel:hover {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: translateX(-50%) scale(1.05);
    animation-timing-function: ease-in;
  }
  45% {
    transform: translateX(-50%) scale(0.93);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(-50%) scale(1.05);
  }
}
.lp_wrap .worries_area {
  background: url("../images/worries_bg.jpg") no-repeat top center;
  background-size: 750px auto;
  height: 3161px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .worries_area {
    background-size: 100vw auto;
    height: 421.47vw;
  }
}
.lp_wrap .pro_area {
  background: url("../images/pro_bg.jpg") no-repeat top center;
  background-size: 750px auto;
  height: 3020px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .pro_area {
    background-size: 100vw auto;
    height: 402.67vw;
  }
}
.lp_wrap .voice_area {
  position: relative;
  background: #14274a;
  padding-bottom: 68px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .voice_area {
    background-size: 100vw auto;
    padding-bottom: 9.07vw;
  }
}
.lp_wrap .voice_area::after {
  content: "";
  display: block;
  background: url("../images/voice_item.png") no-repeat center/100%;
  position: absolute;
  top: 173px;
  right: 0;
  width: 228px;
  height: 267px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .voice_area::after {
    top: 23.07vw;
    width: 30.4vw;
    height: 35.6vw;
  }
}
.lp_wrap .fixed_area {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: env(safe-area-inset-bottom, 0);
  left: 0;
  right: var(--scrollbar-width, 0px);
  margin: 0 auto;
  z-index: 999;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  width: 750px;
  height: 150px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .fixed_area {
    width: 100vw;
    height: 20vw;
  }
}
.lp_wrap .fixed_area.is-show {
  opacity: 1;
  visibility: visible;
}
.lp_wrap .fixed_area .fixed_btn {
  width: 670px;
}
@media screen and (max-width: 750px) {
  .lp_wrap .fixed_area .fixed_btn {
    width: 89.33vw;
  }
}

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