html {
  width: 100%;
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
  margin: 0;
}

body {
  position: relative;
  height: 100%;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: var(--Body-Small-Tracking, .4px);
  color: #383838;
  overflow-x: hidden;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  @media (max-width: 767px) {
    font-size: 4.1025641026vw;
    line-height: 6.6666666667vw;
    letter-spacing: .1025641026vw;
  }
}

main {
  position: relative;
  z-index: 1;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  outline: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

.show--pc {
  display: block;

  @media (max-width: 1140px) {
    display: none !important;
  }
}

.show--tab {
  display: none !important;

  @media (max-width: 1000px) {
    display: block !important;
  }
}

.show--sp {
  display: none !important;

  @media (max-width: 767px) {
    display: block !important;
  }
}

.none--tab {
  @media (max-width: 1000px) {
    display: none !important;
  }
}

.none--sp {
  @media (max-width: 767px) {
    display: none !important;
  }
}

.wrapper {
  overflow-x: hidden;
}

.container {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;

  @media (max-width: 1000px) {
    max-width: 770px;
    padding-left: 20px;
    padding-right: 20px;
  }

  @media (max-width: 767px) {
    max-width: 100%;
    padding-left: 2.5641025641vw;
    padding-right: 2.5641025641vw;
  }
}

.inner {
  width: 100%;
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;

  @media (max-width: 767px) {
    max-width: 100%;
  }
}

.page-lp202505 {
  .img_container {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
  }

  .video-container {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%);
    width: 76.1%;
    padding-bottom: 42.75%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;

    iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }

  .btn_wrap {
    position: absolute;
    width: 100%;
  }

  .lp202505btn {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(335.2714px, 33.6vw);
    height: min(70px, 7vw);
  }

  .btn_sec1 {
    top: 90.9%;

    .-shiryo {
      left: 15.8%;
    }

    .-detail {
      left: 50.6%;
    }

  }

  .btn_sec2 {
    top: 90.5%;

    .-shiryo {
      left: 15.8%;
    }

    .-detail {
      left: 50.6%;
    }

  }

  .btn_sec3 {
    top: 94.7%;

    .-shiryo {
      left: 15.8%;
    }

    .-detail {
      left: 50.6%;
    }

  }

  .btn_sec4 {
    top: 96.6%;

    .-shiryo {
      left: 15.8%;
    }

    .-detail {
      left: 50.6%;
    }

  }

  .btn_sec5 {
    top: 76.5%;

    .-shiryo {
      left: 15.8%;
    }

    .-detail {
      left: 50.6%;
    }

  }

  #topcontrol {
    display: none;
  }
}