.index-section2 {
  width: 100%;
  height: 100lvh;
  background: var(--bg-img) center/cover no-repeat;
  overflow: hidden;
  position: relative;
}
.index-section2 .canvas-video {
  width: 100%;
  height: 100%;
}
.index-section2 .section2-scrolltext {
  z-index: 3;
}
.index-section2 .section2-sticky {
  -webkit-mask-image: var(--mask-img);
          mask-image: var(--mask-img);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  z-index: 2;
}
.index-section2 .section2-sticky img,
.index-section2 .section2-sticky .section2-bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 768.01px) {
  .index-section2 .section2-scrolltext {
    padding-left: 4.1666666667vw;
    line-height: 29vh;
    font-size: 12.5vw;
    font-family: "URW Form Expand-700";
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    bottom: 60.2083333333vh;
  }
  .index-section2 .section2-sticky {
    -webkit-mask-size: 53.3333333333vh;
            mask-size: 53.3333333333vh;
    -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
  }
  .index-section2 .sention2-last {
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 0 39.7222222222vh 5.5208333333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0;
    font-family: "URW Form Expand-700";
    font-size: 5.2083333333vw;
    line-height: 6.25vw;
  }
  .index-section2 .sention2-last div {
    overflow: hidden;
  }
  .index-section2 .sention2-last #text1,
  .index-section2 .sention2-last #text2 {
    display: block;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .index-section2 .sention2-last #text2 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 48, 135)), to(rgb(0, 48, 135))), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: linear-gradient(to right, rgb(0, 48, 135), rgb(0, 48, 135)), linear-gradient(to right, #fff 0%, #fff 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
    background-position: right center, left center;
    background-size: 0 100%, 100% 100%;
    background-repeat: no-repeat;
  }
  .index-section2 .sention2-last .list {
    color: rgb(0, 48, 135);
    position: absolute;
    left: 46.1458333333vw;
    bottom: 39.7222222222vh;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .index-section2 .sention2-last .list li {
    opacity: 0;
  }
  .index-section2 .sention2-last .reserve-today-button {
    position: absolute;
    right: 7.2916666667vw;
    bottom: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section2 .section2-scrolltext {
    padding-left: 15.2vw;
    padding-top: 28.8vw;
    line-height: 30.9333333333vw;
    font-size: 21.3333333333vw;
    font-family: "URW Form Expand-700";
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
  }
  .index-section2 .section2-sticky {
    -webkit-mask-size: 85.3333333333vw;
            mask-size: 85.3333333333vw;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
  }
  .index-section2 .sention2-last {
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 0 49.3234932349vh 4.8vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0;
    font-family: "URW Form Expand-700";
    font-size: 5.0666666667vw;
    line-height: 8.5333333333vw;
  }
  .index-section2 .sention2-last div {
    overflow: hidden;
  }
  .index-section2 .sention2-last #text1,
  .index-section2 .sention2-last #text2 {
    display: block;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    color: #fff;
  }
  .index-section2 .sention2-last #text2 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 48, 135)), to(rgb(0, 48, 135))), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: linear-gradient(to right, rgb(0, 48, 135), rgb(0, 48, 135)), linear-gradient(to right, #fff 0%, #fff 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
    background-position: right center, left center;
    background-size: 0 100%, 100% 100%;
    background-repeat: no-repeat;
  }
  .index-section2 .sention2-last .list {
    color: rgb(0, 48, 135);
    position: absolute;
    left: 44.8vw;
    bottom: 49.3234932349vh;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .index-section2 .sention2-last .list li {
    opacity: 0;
  }
  .index-section2 .sention2-last .reserve-today-button {
    position: absolute;
    bottom: 5.3333333333vw;
    left: 8.5333333333vw;
    right: 8.5333333333vw;
  }
}
.index-section2 .button-row {
  position: absolute;
  line-height: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .index-section2 .button-row {
    display: grid;
    gap: 8px;
  }
}