@charset "UTF-8";
/**

$footer

**/
html {
  font-size: 16px;
}
@media (max-width: 750px) {
  html {
    font-size: 2.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

html {
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
}

img, video {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.9;
}

.inner {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.pc-a {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc-a {
    display: none !important;
  }
}

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

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
main {
  max-width: 1920px;
  margin-inline: auto;
}

section {
  position: relative;
}

.fv__bg {
  max-width: 1920px;
  margin-inline: auto;
  height: clamp(491.4px, -19.8889852559px + 66.6608846487vw, 1260px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .fv__bg {
    height: clamp(712.5px, 0px + 190vw, 1425px);
  }
}
.fv__main {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(689.52px, -27.9077189939px + 93.5368603643vw, 1768px);
}
@media screen and (max-width: 767px) {
  .fv__main {
    width: 100%;
  }
}
.fv__logo, .fv__txt-area {
  position: absolute;
  left: 10%;
}
@media screen and (max-width: 767px) {
  .fv__logo, .fv__txt-area {
    left: 2%;
  }
}
.fv__logo {
  width: 8.8541666667%;
  top: 5%;
}
@media screen and (max-width: 767px) {
  .fv__logo {
    width: 26%;
    top: 2.3%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.fv__txt-area {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .fv__txt-area {
    top: 48%;
  }
}
.fv__txt-area h2 {
  width: clamp(281.97px, -11.4124891587px + 38.250650477vw, 723px);
}
@media screen and (max-width: 767px) {
  .fv__txt-area h2 {
    width: clamp(216.5px, 0px + 57.7333333333vw, 433px);
  }
}
.fv__txt-area p {
  margin-top: clamp(19.11px, -0.7734605377px + 2.5923677363vw, 49px);
}
@media screen and (max-width: 767px) {
  .fv__txt-area p {
    margin-top: clamp(20px, 0px + 5.3333333333vw, 40px);
  }
}
.fv__txt-area p + p {
  margin-top: clamp(6.63px, -0.2683434519px + 0.8993928881vw, 17px);
}
@media screen and (max-width: 767px) {
  .fv__txt-area p + p {
    margin-top: clamp(10px, 0px + 2.6666666667vw, 20px);
  }
}
.fv__txt-area p:nth-of-type(1) {
  width: clamp(175.5px, -7.1032090199px + 23.8074588031vw, 450px);
}
@media screen and (max-width: 767px) {
  .fv__txt-area p:nth-of-type(1) {
    width: clamp(251.5px, 0px + 67.0666666667vw, 503px);
  }
}
.fv__txt-area p:nth-of-type(2) {
  width: clamp(137.28px, -5.5562879445px + 18.6227233304vw, 352px);
}
@media screen and (max-width: 767px) {
  .fv__txt-area p:nth-of-type(2) {
    width: clamp(196.5px, 0px + 52.4vw, 393px);
  }
}
.fv__txt-area p:nth-of-type(3) {
  width: clamp(163.02px, -6.5980919341px + 22.1144839549vw, 418px);
}
@media screen and (max-width: 767px) {
  .fv__txt-area p:nth-of-type(3) {
    width: clamp(233px, 0px + 62.1333333333vw, 466px);
  }
}

.btn-fv {
  position: absolute;
  width: 18.8541666667%;
  top: 4%;
  right: 9%;
}
@media screen and (max-width: 767px) {
  .btn-fv {
    width: 91.0666666667%;
    top: auto;
    bottom: 13.6%;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.btn-cta {
  position: absolute;
  width: 24.375%;
  bottom: 23.7%;
  right: 20.5%;
}
@media screen and (max-width: 767px) {
  .btn-cta {
    width: 82.9333333333%;
    top: auto;
    bottom: 4%;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.point__list {
  width: clamp(579.54px, -23.4563746748px + 78.6175195143vw, 1486px);
  height: clamp(190.32px, -7.7030355594px + 25.8178664354vw, 488px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1vw;
  position: absolute;
  bottom: 2%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .point__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: clamp(475px, 0px + 126.6666666667vw, 950px);
    bottom: 1.5%;
    padding: 0 3.2%;
    gap: clamp(15px, 0px + 4vw, 30px);
  }
}
.point__list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc((100% - 1vw) / 2);
  height: 100%;
}
@media screen and (max-width: 767px) {
  .point__list li {
    width: 100%;
  }
}
.point__list li a {
  display: block;
  width: 100%;
  height: 100%;
}

.infomation__list {
  width: 82.9333333333%;
  height: clamp(200.85px, -8.1292281006px + 27.2463139636vw, 515px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5vw;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .infomation__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: clamp(518.5px, 0px + 138.2666666667vw, 1037px);
    bottom: 4.1%;
    padding: 0 3.2%;
    gap: clamp(30px, 30px + 0vw, 30px);
  }
}
.infomation__list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc((100% - 1vw) / 2);
  height: 100%;
}
@media screen and (max-width: 767px) {
  .infomation__list li {
    width: 100%;
  }
}
.infomation__list li a {
  display: block;
  width: 100%;
  height: 100%;
}

.requirements__link {
  width: 9.375%;
  height: clamp(12px, 1.3333333333px + 1.3888888889vw, 28px);
  position: absolute;
  bottom: 7.7%;
  left: 49%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
@media screen and (max-width: 767px) {
  .requirements__link {
    width: 32%;
    height: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    bottom: 6.7%;
  }
}
.requirements__link a {
  display: block;
  width: 100%;
  height: 100%;
}

.fv__main {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.btn-fv,
.btn-fv a,
.fv__logo-wrap {
  -webkit-transition: 1s;
  transition: 1s;
}

.btn-fv {
  opacity: 0;
}

.btn-fv a {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.fv__logo-wrap {
  opacity: 0;
}

.fv__txt-area h2, .fv__txt-area p {
  opacity: 0;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: 1s;
  transition: 1s;
}

.fv__main.is-active {
  opacity: 1;
}

.btn-fv.is-active {
  opacity: 1;
}

.btn-fv.is-active a,
.fv__logo.is-active .fv__logo-wrap {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.fv__txt-area.is-active h2, .fv__txt-area.is-active p {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.fv__txt-area.is-active p:nth-of-type(1) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.fv__txt-area.is-active p:nth-of-type(2) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.fv__txt-area.is-active p:nth-of-type(3) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}/*# sourceMappingURL=style.css.map */