@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ここまで
=================================================================================== */
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #333;
  font-size: 26px;
}
@media screen and (max-width: 750px) {
  body {
    font-size: 3.4666666667vw;
  }
}

.wrap {
  max-width: 750px;
  margin: 0 auto;
}
.wrap .float_area {
  width: 100%;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
@media screen and (max-width: 750px) {
  .wrap .float_area {
    padding: 2.6666666667vw 0;
  }
}
.wrap .float_area .float_btn {
  width: 660px;
  margin: 0 auto;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 750px) {
  .wrap .float_area .float_btn {
    width: 88vw;
    filter: drop-shadow(1.3333333333vw 1.3333333333vw 1.3333333333vw rgba(0, 0, 0, 0.15));
  }
}
.wrap .rel {
  position: relative;
}
.wrap .fv {
  background: url(../img/fv_bg.jpg) no-repeat top center/100%;
  height: 1775px;
}
@media screen and (max-width: 750px) {
  .wrap .fv {
    height: 236.6666666667vw;
  }
}
.wrap .fv .fv_kome {
  color: #4D4D4D;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.08em;
  margin: 10px 0 45px 65px;
}
@media screen and (max-width: 750px) {
  .wrap .fv .fv_kome {
    font-size: 2.4vw;
    margin: 1.3333333333vw 0 6vw 8.6666666667vw;
  }
}
.wrap .cta_btn {
  width: 660px;
  margin: 0 auto;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 750px) {
  .wrap .cta_btn {
    width: 88vw;
    filter: drop-shadow(1.3333333333vw 1.3333333333vw 1.3333333333vw rgba(0, 0, 0, 0.15));
  }
}
.wrap .problem {
  background: url(../img/problem_bg.jpg) no-repeat top center/100%;
  height: 2919px;
}
@media screen and (max-width: 750px) {
  .wrap .problem {
    height: 389.2vw;
  }
}
.wrap .problem .problem_text01 {
  color: #fff;
  font-size: 28px;
  line-height: 1.64;
  text-align: center;
  letter-spacing: 0.08em;
  position: absolute;
  top: 305px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .problem .problem_text01 {
    font-size: 3.7333333333vw;
    top: 40.6666666667vw;
  }
}
.wrap .problem .problem_text02 {
  line-height: 1.92;
  letter-spacing: 0.08em;
  width: 532px;
  margin: 0 auto;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .problem .problem_text02 {
    width: 70.9333333333vw;
    top: 6vw;
  }
}
.wrap .problem .problem_text02 span {
  color: #AA8D5E;
  font-weight: 700;
}
.wrap .problem .problem_text02 strong {
  font-weight: 700;
}
.wrap .problem .problem_text03 {
  color: #fff;
  line-height: 1.92;
  letter-spacing: 0.08em;
  width: 338px;
  margin: 15px 0 30px 55px;
}
@media screen and (max-width: 750px) {
  .wrap .problem .problem_text03 {
    width: 45.0666666667vw;
    margin: 2vw 0 4vw 7.3333333333vw;
  }
}
.wrap .comparison {
  background: url(../img/comparison_bg.jpg) no-repeat top center/100%;
  height: 3625px;
}
@media screen and (max-width: 750px) {
  .wrap .comparison {
    height: 483.3333333333vw;
  }
}
.wrap .comparison .comparison_text01 {
  line-height: 1.92;
  letter-spacing: 0.08em;
  width: 630px;
  margin: 37px auto 30px;
}
@media screen and (max-width: 750px) {
  .wrap .comparison .comparison_text01 {
    width: 84vw;
    margin: 4.9333333333vw auto 4vw;
  }
}
.wrap .comparison .comparison_text01 strong {
  font-weight: 700;
}
.wrap .comparison .comparison_text01 span {
  font-weight: 700;
}
.wrap .comparison .comparison_text01 span.pink {
  color: #D21E82;
}
.wrap .comparison .comparison_text01 span.blue {
  color: #269DB0;
}
.wrap .comparison .comparison_list {
  display: flex;
  justify-content: center;
  gap: 30px;
  position: absolute;
  top: 369px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .comparison .comparison_list {
    gap: 4vw;
    top: 49.2vw;
  }
}
.wrap .comparison .comparison_list li {
  color: #fff;
  line-height: 45px;
  text-align: center;
  letter-spacing: 0.08em;
  width: 270px;
}
@media screen and (max-width: 750px) {
  .wrap .comparison .comparison_list li {
    line-height: 6vw;
    width: 36vw;
  }
}
.wrap .comparison .comparison_kome {
  font-size: 18px;
  line-height: 1.88;
  letter-spacing: 0.08em;
  width: 548px;
  margin: 20px auto 260px;
}
@media screen and (max-width: 750px) {
  .wrap .comparison .comparison_kome {
    font-size: 2.4vw;
    width: 73.0666666667vw;
    margin: 2.6666666667vw auto 34.6666666667vw;
  }
}
.wrap .comparison .comparison_text02 {
  line-height: 1.92;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 20px 0 30px;
}
@media screen and (max-width: 750px) {
  .wrap .comparison .comparison_text02 {
    margin: 2.6666666667vw 0 4vw;
  }
}
.wrap .comparison .video {
  text-align: center;
}
.wrap .comparison .video iframe {
  width: 650px;
  height: 366px;
}
@media screen and (max-width: 750px) {
  .wrap .comparison .video iframe {
    width: 86.6666666667vw;
    height: 48.8vw;
  }
}
.wrap .evidence {
  background: url(../img/evidence_bg.jpg) no-repeat top center/100%;
  height: 2812px;
}
@media screen and (max-width: 750px) {
  .wrap .evidence {
    height: 374.9333333333vw;
  }
}
.wrap .evidence .evidence_text01 {
  line-height: 1.92;
  letter-spacing: 0.08em;
  width: 310px;
  position: absolute;
  top: 105px;
  left: 60px;
}
@media screen and (max-width: 750px) {
  .wrap .evidence .evidence_text01 {
    width: 41.3333333333vw;
    top: 14vw;
    left: 8vw;
  }
}
.wrap .evidence .evidence_text01 strong {
  color: #FBB03B;
  font-weight: 700;
}
.wrap .evidence .text_area {
  box-sizing: border-box;
}
.wrap .evidence .text_area h3 span {
  display: inline-block;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.08em;
  padding: 12px 18px 14px;
  margin-left: 60px;
  background: #92CED4;
  background: linear-gradient(135deg, rgb(146, 206, 212) 0%, rgb(36, 163, 178) 100%);
}
@media screen and (max-width: 750px) {
  .wrap .evidence .text_area h3 span {
    font-size: 4.2666666667vw;
    padding: 1.6vw 2.4vw 1.8666666667vw;
    margin-left: 8vw;
  }
}
.wrap .evidence .text_area h3 span:first-child {
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  .wrap .evidence .text_area h3 span:first-child {
    margin-bottom: 2.1333333333vw;
  }
}
.wrap .evidence .text_area .kome {
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  width: 630px;
  margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
  .wrap .evidence .text_area .kome {
    font-size: 2.6666666667vw;
    width: 84vw;
    margin: 4vw auto 0;
  }
}
.wrap .evidence .text_area .text {
  line-height: 1.92;
  letter-spacing: 0.08em;
  width: 630px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 750px) {
  .wrap .evidence .text_area .text {
    width: 84vw;
    margin: 0 auto 2.6666666667vw;
  }
}
.wrap .evidence .text_area.box01 {
  height: 391px;
  padding-top: 30px;
}
@media screen and (max-width: 750px) {
  .wrap .evidence .text_area.box01 {
    height: 52.1333333333vw;
    padding-top: 4vw;
  }
}
.wrap .evidence .text_area.box02 {
  margin-top: 20px;
}
@media screen and (max-width: 750px) {
  .wrap .evidence .text_area.box02 {
    margin-top: 2.6666666667vw;
  }
}
.wrap .choices {
  background: url(../img/choices_bg.jpg) no-repeat top center/100%;
}
.wrap .choices .choices_text01,
.wrap .choices .choices_text02 {
  line-height: 1.92;
  letter-spacing: 0.08em;
  width: 563px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .choices .choices_text01,
  .wrap .choices .choices_text02 {
    width: 75.0666666667vw;
  }
}
.wrap .choices .choices_text01 {
  top: 752px;
}
@media screen and (max-width: 750px) {
  .wrap .choices .choices_text01 {
    top: 100.2666666667vw;
  }
}
.wrap .choices .choices_text02 {
  top: 670px;
}
@media screen and (max-width: 750px) {
  .wrap .choices .choices_text02 {
    top: 89.3333333333vw;
  }
}
.wrap .voice {
  background: url(../img/voice_bg.jpg) no-repeat top center/100%;
  height: 3310px;
}
@media screen and (max-width: 750px) {
  .wrap .voice {
    height: 441.3333333333vw;
  }
}
.wrap .voice .voice_list .voice_box {
  letter-spacing: 0.08em;
  width: 650px;
  margin: 0 auto;
  padding: 50px 45px 65px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.15);
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .voice .voice_list .voice_box {
    width: 86.6666666667vw;
    padding: 6.6666666667vw 6vw 8.6666666667vw;
    box-shadow: 0.8vw 0.8vw 0.8vw rgba(0, 0, 0, 0.15);
  }
}
.wrap .voice .voice_list .voice_box:not(:first-child) {
  margin: 65px auto 0;
}
@media screen and (max-width: 750px) {
  .wrap .voice .voice_list .voice_box:not(:first-child) {
    margin: 8.6666666667vw auto 0;
  }
}
.wrap .voice .voice_list .voice_box h3 {
  color: #A5957A;
  font-size: 26px;
  line-height: 1.92;
  font-weight: 400;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .wrap .voice .voice_list .voice_box h3 {
    font-size: 3.4666666667vw;
    margin-bottom: 4vw;
  }
}
.wrap .voice .voice_list .voice_box .name {
  padding: 30px 0 35px;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 750px) {
  .wrap .voice .voice_list .voice_box .name {
    padding: 4vw 0 4.6666666667vw;
  }
}
.wrap .voice .voice_list .voice_box .name span {
  font-size: 20px;
}
@media screen and (max-width: 750px) {
  .wrap .voice .voice_list .voice_box .name span {
    font-size: 2.6666666667vw;
  }
}
.wrap .voice .voice_list .voice_box .text {
  line-height: 1.92;
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .wrap .voice .voice_list .voice_box .text {
    margin-top: 4vw;
  }
}
.wrap .sns {
  background: url(../img/sns_bg.jpg) no-repeat top center/100%;
}
.wrap .sns p[class^=sns_text] {
  color: #fff;
  line-height: 1.38;
  letter-spacing: 0.08em;
  position: absolute;
}
.wrap .sns p[class^=sns_text].sns_text01 {
  top: 25px;
  left: 85px;
}
@media screen and (max-width: 750px) {
  .wrap .sns p[class^=sns_text].sns_text01 {
    top: 3.3333333333vw;
    left: 11.3333333333vw;
  }
}
.wrap .sns p[class^=sns_text].sns_text02 {
  top: 40px;
  left: 435px;
}
@media screen and (max-width: 750px) {
  .wrap .sns p[class^=sns_text].sns_text02 {
    top: 5.3333333333vw;
    left: 58vw;
  }
}
.wrap .sns p[class^=sns_text].sns_text03 {
  top: 610px;
  left: 450px;
}
@media screen and (max-width: 750px) {
  .wrap .sns p[class^=sns_text].sns_text03 {
    top: 81.3333333333vw;
    left: 60vw;
  }
}
.wrap .trust {
  background: url(../img/trust_bg.jpg) no-repeat top center/100%;
  height: 1000px;
}
@media screen and (max-width: 750px) {
  .wrap .trust {
    height: 166.6666666667vw;
  }
}
.wrap .trust .trust_text {
  font-size: 30px;
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 185px 0 40px;
}
@media screen and (max-width: 750px) {
  .wrap .trust .trust_text {
    font-size: 4vw;
    margin: 24.6666666667vw 0 5.3333333333vw;
  }
}
.wrap .trust .trust_text span {
  color: #269DB0;
}/*# sourceMappingURL=style.css.map */