@charset "UTF-8";
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
small,
strong,
b,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
footer,
header,
menu,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}

html {
  touch-action: manipulation;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

ul li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  vertical-align: baseline;
}

a:hover {
  opacity: 0.7;
}

table {
  border-spacing: 0;
}

img {
  width: 100%;
}

/* =================================================
  resetここまで
================================================= */
html {
  overflow-x: hidden;
}

.btn {
  display: block;
  width: 576px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 750px) {
  .btn {
    width: 76.8vw;
  }
}

.lp_wrap {
  max-width: 750px;
  margin: 0 auto;
}

.fv_area {
  background: url("../images/fv_bg.jpg") top center no-repeat;
  background-size: auto 2585px;
  height: 2585px;
}
@media screen and (max-width: 750px) {
  .fv_area {
    background-size: auto 344.6666666667vw;
    height: 344.6666666667vw;
  }
}
.fv_area .fv_top_area {
  display: flex;
  flex-flow: column-reverse;
}
.fv_area .btn {
  width: 464px;
}
@media screen and (max-width: 750px) {
  .fv_area .btn {
    width: 61.8666666667vw;
  }
}
.fv_area .btn::after {
  content: "";
  display: block;
  width: 187px;
  height: 117px;
  background: url("../images/fv_btn_item.png") no-repeat center/100%;
  position: absolute;
  top: -56px;
  right: -126px;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .fv_area .btn::after {
    width: 24.9333333333vw;
    height: 15.6vw;
    top: -7.4666666667vw;
    right: -16.8vw;
  }
}

.type_area {
  background: url("../images/type_bg.jpg") top center no-repeat;
  background-size: auto 3129px;
  height: 3129px;
}
@media screen and (max-width: 750px) {
  .type_area {
    background-size: auto 417.2vw;
    height: 417.2vw;
  }
}
.type_area .type_list {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
.type_area .type_list .list_item {
  width: 325px;
}
@media screen and (max-width: 750px) {
  .type_area .type_list .list_item {
    width: 43.3333333333vw;
  }
}

.diagnosis_area {
  background: url("../images/diagnosis_bg.jpg") top center no-repeat;
  background-size: auto 3230px;
  height: 3230px;
}
@media screen and (max-width: 750px) {
  .diagnosis_area {
    background-size: auto 430.6666666667vw;
    height: 430.6666666667vw;
  }
}
.diagnosis_area .diagnosis_list {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 32px 25px;
}
@media screen and (max-width: 750px) {
  .diagnosis_area .diagnosis_list {
    gap: 4.2666666667vw 3.3333333333vw;
  }
}
.diagnosis_area .diagnosis_list .list_item {
  width: 322px;
}
@media screen and (max-width: 750px) {
  .diagnosis_area .diagnosis_list .list_item {
    width: 42.9333333333vw;
  }
}

.test_area {
  background: url("../images/test_bg.jpg") top center no-repeat;
  background-size: auto 2888px;
  height: 2888px;
}
@media screen and (max-width: 750px) {
  .test_area {
    background-size: auto 385.0666666667vw;
    height: 385.0666666667vw;
  }
}

.step_area {
  background: url("../images/step_bg.jpg") top center no-repeat;
  background-size: auto 1828px;
  height: 1828px;
}
@media screen and (max-width: 750px) {
  .step_area {
    background-size: auto 243.7333333333vw;
    height: 243.7333333333vw;
  }
}

.supervisor_area {
  background: url("../images/supervisor_bg.jpg") top center no-repeat;
  background-size: auto 3112px;
  height: 3112px;
}
@media screen and (max-width: 750px) {
  .supervisor_area {
    background-size: auto 414.9333333333vw;
    height: 414.9333333333vw;
  }
}

.worries_area {
  background: url("../images/worries_bg.jpg") top center no-repeat;
  background-size: auto 1601px;
  height: 1601px;
}
@media screen and (max-width: 750px) {
  .worries_area {
    background-size: auto 213.4666666667vw;
    height: 213.4666666667vw;
  }
}

.voice_area {
  background: url("../images/voice_bg.jpg") top center no-repeat;
  background-size: auto 2339px;
  height: 2339px;
}
@media screen and (max-width: 750px) {
  .voice_area {
    background-size: auto 311.8666666667vw;
    height: 311.8666666667vw;
  }
}

.offer_area {
  background: url("../images/offer_bg.jpg") top center no-repeat;
  background-size: auto 1308px;
  height: 1308px;
}
@media screen and (max-width: 750px) {
  .offer_area {
    background-size: auto 174.4vw;
    height: 174.4vw;
  }
}
.offer_area .offer_box {
  /* background: url("../images/offer_box.png") no-repeat center/100%; */
  /* width: 750px;
  height: 761px; */
  position: relative;
}
.cta-btn {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
/* @media screen and (max-width: 750px) {
  .offer_area .offer_box {
    width: 100vw;
    height: 101.4666666667vw;
  }
} */

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