* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.sp,
.tab {
  display: none;
}

.mainWrapper {
  position: relative;
  width: 100vw;
  margin: 0 auto;
  height: auto;
}

img {
  position: absolute;
}

.period {
  position: absolute;
  width: 8.95vw;
  top: 5.4789270833vw;
  left: 8.8583333333vw;
}

.arrow__1 {
  top: 6.4598958333vw;
  left: 19.4145833333vw;
  width: 32.3895833333vw;
}

.arrow__2 {
  top: 30.196875vw;
  left: 24.975vw;
  width: 31.3739583333vw;
}

.arrow__3 {
  top: 81.7989583333vw;
  left: 10.6567708333vw;
  width: 57.8005208333vw;
}

.scrollDown__1 {
  top: 14.5447916667vw;
  left: 51.4135416667vw;
  width: 3.503125vw;
}

.scrollDown__2 {
  top: 75.4682291667vw;
  left: 46.7630208333vw;
  width: 11.5708333333vw;
}

.mainVisual {
  width: 61.6671875vw;
  top: 145.15390625vw;
  left: 18.6666666667vw;
  padding-bottom: 5.8822916667vw;
}

.title {
  width: 24.6409375vw;
  top: 142.4575vw;
  left: 20.08125vw;
}

.comingsoon {
  position: absolute;
  width: 24.6140833333vw;
  height: 7.6432291667vw;
  top: 161.6682291667vw;
  left: 35.9229166667vw;
  border: 0.665625vw solid;
  background-color: white;
  text-align: center;
  transform: rotate(-11deg);
}
.comingsoon span {
  position: absolute;
  font-size: 5.6661458333vw;
  width: 100%;
  font-weight: 600;
  line-height: 0;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
  .pc,
  .sp {
    display: none;
  }
  .tab {
    display: block;
  }
  .period {
    width: 9.62890625vw;
    top: 3.8502604167vw;
    left: 11.25390625vw;
  }
  .arrow__1 {
    width: 28.4244791667vw;
    top: 4.2028645833vw;
    left: 21.8723958333vw;
  }
  .arrow__2 {
    width: 34.3528645833vw;
    top: 29.5859375vw;
    left: 22.34375vw;
  }
  .arrow__3 {
    width: 64.0559895833vw;
    top: 76.1015625vw;
    left: 11.0234375vw;
  }
  .scrollDown__1 {
    width: 5.36015625vw;
    top: 12.94921875vw;
    left: 49.6588541667vw;
  }
  .scrollDown__2 {
    width: 13.8067708333vw;
    top: 71.5989583333vw;
    left: 36.546875vw;
  }
  .mainVisual {
    width: 65.2630208333vw;
    top: 137.1106770833vw;
    left: 16.23828125vw;
    padding-bottom: 31.5442708333vw;
  }
  .title {
    width: 23.4401041667vw;
    top: 134.953125vw;
    left: 17.54296875vw;
  }
  .comingsoon {
    width: 26.0481770833vw;
    height: 8.0885416667vw;
    top: 154.61328125vw;
    left: 34.4609375vw;
    border: 0.7044270833vw solid;
  }
  .comingsoon span {
    font-size: 5.9973958333vw;
  }
}
@media screen and (max-width: 500px) {
  .pc,
  .tab {
    display: none;
  }
  .sp {
    display: block;
  }
  .period {
    width: 16.8133333333vw;
    top: 4.528vw;
    left: 7.1306666667vw;
  }
  .arrow__1 {
    width: 30.7013333333vw;
    top: 6.1066666667vw;
    left: 26.2213333333vw;
  }
  .arrow__2 {
    width: 70.4506666667vw;
    top: 39.5493333333vw;
    left: 3.0613333333vw;
  }
  .arrow__3 {
    width: 80.8106666667vw;
    top: 168.536vw;
    left: 5.632vw;
  }
  .scrollDown__1 {
    width: 11.856vw;
    top: 19.0293333333vw;
    left: 57.1653333333vw;
  }
  .scrollDown__2 {
    width: 20.0248vw;
    top: 164.48vw;
    left: 12.6906666667vw;
  }
  .mainVisual {
    width: 93.1653333333vw;
    top: 253.8826666667vw;
    left: 3.416vw;
    padding-bottom: 64.9786666667vw;
  }
  .title {
    width: 43.2293333333vw;
    top: 248.5653333333vw;
    left: 5.5253333333vw;
  }
  .comingsoon {
    width: 37.1626666667vw;
    height: 11.52vw;
    top: 278.832vw;
    left: 29.0666666667vw;
    border: 1.0053333333vw solid;
  }
  .comingsoon span {
    font-size: 8.56vw;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease;
}
.loading__text {
  font-size: 2.0833333333vw;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .loading__text {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 375px) {
  .loading__text {
    font-size: 5.3333333333vw;
  }
}
.loading.loaded {
  opacity: 0;
  pointer-events: none;
}/*# sourceMappingURL=style.css.map */