@charset "UTF-8";
.lp-keyvisual .keyvisual__inner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-keyvisual .keyvisual__inner {
    display: grid;
    align-content: center;
    position: absolute;
    top: 0;
    right: calc(clamp(0px, 10.980966325036604vw, 150px) * 1);
    height: 100%;
    text-align: left;
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .lp-keyvisual .keyvisual__inner {
    margin: calc(clamp(0px, 4vw, 4vw) * 1) calc(clamp(0px, 8vw, 8vw) * 1);
    position: absolute;
    top: 109.33333333333333vw;
    display: grid;
    align-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .lp-keyvisual .keyvisual__lead {
    font-size: calc(clamp(0px, 1.0248901903367496vw, 14px) * 1);
    background: -webkit-linear-gradient(0deg, #e7cb9d, #fbe2b7, #e7cb9d);
    display: inline-block;
    padding: 2px 10px;
  }
}
@media screen and (max-width: 767px) {
  .lp-keyvisual .keyvisual__lead {
    font-size: calc(clamp(0px, 3.733333333333334vw, 3.733333333333334vw) * 1);
    background: -webkit-linear-gradient(0deg, #e7cb9d, #fbe2b7, #e7cb9d);
    display: inline-block;
    padding: 2px 10px;
  }
}
.lp-keyvisual .keyvisual__title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .lp-keyvisual .keyvisual__title {
    margin-top: calc(clamp(0px, 1.4641288433382138vw, 20px) * 1);
    font-size: calc(clamp(0px, 2.342606149341142vw, 32px) * 1);
    line-height: 1.2976190476;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 767px) {
  .lp-keyvisual .keyvisual__title {
    font-size: calc(clamp(0px, 5.866666666666666vw, 5.866666666666666vw) * 1);
    line-height: 1.3;
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}

@media screen and (min-width: 768px) {
  .lp-keyvisual .keyvisual__subtitle {
    font-size: calc(clamp(0px, 1.3177159590043925vw, 18px) * 1);
    margin-top: calc(clamp(0px, 0.7320644216691069vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-keyvisual .keyvisual__subtitle {
    font-size: calc(clamp(0px, 3.733333333333334vw, 3.733333333333334vw) * 1);
    margin-top: calc(clamp(0px, 2.4vw, 2.4vw) * 1);
    letter-spacing: -0.02em;
  }
}

@media screen and (min-width: 768px) {
  .lp-keyvisual .keyvisual__text {
    font-size: calc(clamp(0px, 1.0248901903367496vw, 14px) * 1);
    margin-top: calc(clamp(0px, 1.4641288433382138vw, 20px) * 1);
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .lp-keyvisual .keyvisual__text {
    font-size: calc(clamp(0px, 3.733333333333334vw, 3.733333333333334vw) * 1);
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    text-align: left;
  }
}

.lp-keyvisual .keyvisual__text a{
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .lp-keyvisual .keyvisual__note {
    text-align: right;
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    margin-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-keyvisual .keyvisual__note {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}

@media screen and (min-width: 768px) {
  .lp-content{
    position: relative;
    display: block;
    color: #040a2b;
    position: relative;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .lp-content{
    padding-top: 10.666666666666668vw;
    position: relative;
  }
}