@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&display=swap');

/* ---------------------------------------------
  common
--------------------------------------------- */
.lp_main img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}


/* ---------------------------------------------
  pc/sp 表示切替
--------------------------------------------- */
.pc_only {
  display: none;
}
.sp_only {
  display: block;
}
@media (min-width: 751px) {
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}


/* ---------------------------------------------
  fv
--------------------------------------------- */
.lp_main .sec_fv {
  position: relative;
  background: url(../img/fv_bg.jpg) no-repeat;
  background-position: top center;
  background-size: cover;
}
.lp_main .styles_header__c18jA {
  position: absolute;
  top: 0%;
  left: min(21px, calc(21 / 750 * 100vw));
  max-width: 232px;
  background-color: transparent;
}
.styles_header__IpMmc {
  position: absolute;
  top: 0%;
  left: min(10px, calc(10 / 750 * 100vw));
  background-color: transparent;
  border-bottom: none;
  max-width: 100px;
}
.lp_main .fv_txt {
  position: absolute;
  top: 9.7%;
  left: 9%;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size:min(calc((30 / 750) * 100vw), 30px);
  line-height: 1;
  -webkit-filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.5));
  color: #fff;
}
.lp_main .fv_btn {
  position: absolute;
  top: 72%;
  left: 0;
}
@media (min-width: 751px) {
  .lp_main .fv_txt {
    top: 26%;
    left: 13%;
    font-size:min(calc((22 / 750) * 100vw), 22px);
    -webkit-filter: drop-shadow(4px 4px 17px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(4px 4px 17px rgba(0, 0, 0, 0.5));
  }
  .lp_main .fv_btn {
    position: absolute;
    top: 61%;
    left: 13%;
  }
  .lp_main .fv_btn .cv_txt {
    color: #fff;
  }
  .lp_main .fv_btn .cv_txt:before,
  .lp_main .fv_btn .cv_txt:after {
    background: #fff;
  }
}


/* ---------------------------------------------
  cv btn
--------------------------------------------- */
.lp_main .cv_area {
  width: 100%;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.lp_main .cv_txt {
  position: relative;
  margin-bottom: 2%;
  font-size: min(calc((32 / 750) * 100vw), 32px);
  color: #007aec;
}
.lp_main .cv_txt:before,
.lp_main .cv_txt:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #007aec;
  width: 2px;
  height: min(calc((40 / 750) * 100vw), 40px);
  margin: 0 3%;
  vertical-align: middle;
}
.lp_main .cv_txt:before {
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.lp_main .cv_txt:after {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.lp_main .cv_btn {
  position: relative;
  display: inline-block;
  width: 90%;
  margin: 0 auto;
  padding: min(calc((56 / 750) * 100vw), 56px) 0;
  background-color: #ff9521;
  border-radius: min(calc((100 / 750) * 100vw), 100px);
  font-size: min(calc((45 / 750) * 100vw), 45px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  -webkit-filter: drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.3));
  transition: background .3s, color .3s;
}
.lp_main .cv_btn:hover {
  background-color: #ffbf7a;
}
.lp_main .cv_btn:hover .cv_btn_circle {
  color: #ffbf7a;
}


.lp_main .cv_btn_main {
  display: inline-block;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}
.lp_main .cv_btn_circle {
  position: absolute;
  top: 49%;
  left: 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(calc((116 / 750) * 100vw), 116px);
  height: min(calc((116 / 750) * 100vw), 116px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  font-size: min(calc((22 / 750) * 100vw), 22px);
  color: #ff9521;
}
.lp_main .cv_btn_circle small {
  font-size: min(calc((20 / 750) * 100vw), 20px);
  line-height: 1.6;
}
.lp_main .cv_btn_circle strong {
  font-weight: 800;
  font-size: min(calc((27 / 750) * 100vw), 27px);
}

@media (min-width: 751px) {
  .lp_main .cv_area {
    width: min(calc((500 / 1280) * 100vw), 500px);
  }
  .lp_main .cv_area__pcSmall {
    width: min(calc((398 / 1280) * 100vw), 398px);
  }
  .lp_main .cv_txt {
    font-size: min(calc((18 / 1280) * 100vw), 18px);
  }
  .lp_main .cv_txt:before,
  .lp_main .cv_txt:after {
    height: min(calc((20 / 1280) * 100vw), 20px);
  }
  .lp_main .cv_btn {
    width: 100%;
    padding: min(calc((28 / 1280) * 100vw), 28px) 0 min(calc((28 / 1280) * 100vw), 28px) min(calc((15 / 1280) * 100vw), 15px);
    font-size: min(calc((26 / 1280) * 100vw), 26px);
    border-radius: min(calc((50 / 1280) * 100vw), 50px);
  }
  .lp_main .cv_btn_main {
    -webkit-transform: translateX(3%);
    transform: translateX(3%);
  }
  .lp_main .cv_btn_circle {
    left: 2%;
    width: min(calc((60 / 1280) * 100vw), 60px);
    height: min(calc((60 / 1280) * 100vw), 60px);
    font-size: min(calc((12 / 1280) * 100vw), 12px);
  }
  .lp_main .cv_btn_circle small {
    font-size: min(calc((10 / 1280) * 100vw), 10px);
  }
  .lp_main .cv_btn_circle strong {
    font-size: min(calc((15 / 1280) * 100vw), 15px);
  }
}


/* ---------------------------------------------
  セクション
--------------------------------------------- */
.lp_main .sec_main {
  width: min(100%, 2400px);
  margin: 0 auto;
}
.lp_main .sec_inner {
  position: relative;
  width: min(100%, 1280px);
  margin: 0 auto;
}

.lp_main .sec_01_btn {
  position: absolute;
  top: 77%;
  left: 0;
}
.lp_main .sec_02_btn {
  position: absolute;
  top: 76%;
  left: 0;
}
.lp_main .sec_03_btn {
  position: absolute;
  top: 83%;
  left: 0;
}
.last_btn {
  margin: 7% auto 13% auto;
}

@media (min-width: 751px) {
  .lp_main .sec_01_btn {
    top: 71%;
    left: 12%;
  }
  .lp_main .sec_02_btn {
    top: 57%;
    left: 61%;
  }
  .lp_main .sec_03_btn {
    top: 67%;
    left: 12%;
  }
  .last_btn {
    margin: 27px auto 80px auto;
  }

  /* PC背景 */
  .lp_main .sec_00 {
	width: min(100%,2400px);
	margin: 0 auto;
    position: relative;
    background: url(../img/img_01_bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .lp_main .sec_01 {
    position: relative;
    background: url(../img/img_02_bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .lp_main .sec_02 {
    position: relative;
    background: url(../img/img_03_bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .lp_main .sec_03 {
    position: relative;
    background: url(../img/img_04_bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .lp_main .sec_04 {
    background: url(../img/img_05_bg.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
}

/* ---------------------------------------------
  footer
--------------------------------------------- */
.pc_only .styles_footer__obMv8{
	width: min(100%,1280px);
}