html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}

.wrap {
  height: 100%;
  overflow: auto;
  transition: all 0.3s;
}

img {
  display: block;
}

.banner {
  position: relative;
}

.banner .text {
  font-size: 2.604166vw;
  position: absolute;
  font-family: Reey;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -200%);
  color: #ffffff;
  z-index: 999;

  text-shadow: 0 0 0.52083vw #eeede7,
    0 0 0.52083vw #eeede7,
    0 0 0.52083vw #eeede7,
    0 0 1.04166vw #eeede7,
    0 0 2.0833vw #eeede7,
    0 0 4.1666vw #eeede7,
    0 0 6.25vw #eeede7,
    0 0 10.41666vw #eeede7,
    0 0 15.625vw #eeede7,
    0 0 20.833vw #eeede7;
}

.banner .swiper-container {
  width: 100%;
  height: 100vh;
}

.banner .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100vh;
}

.banner .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100vh;
}

.banner .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100vh;
}

.banner .arrow {
  position: absolute;
  top: 50%;
  width: 5vw;
  transform: translate(0, -50%);
  z-index: 999;
  cursor: pointer;
}

.banner .arrow img {
  width: 100%;
}

.banner .arrow-left {
  left: 6.4583vw;
}

.banner .arrow-right {
  right: 6.4583vw;
  transform: translate(0, -50%) rotate(180deg);
}

.banner .party {
  position: absolute;
  left: 50%;
  bottom: 8.07291vw;
  transform: translate(-50%, 0);
  font-size: 2.0833vw;
  z-index: 999;
  color: #ffffff;
  font-style: italic;
}

.banner .party img {
  width: 9.1666vw;
}

.about {
  background-image: url('../../img/about/bg.png');
  background-size: 100% 100%;
  padding-top: 5.83333vw;
  padding-bottom: 7.29166vw;
}

.about .circle {
  width: 20vw;
  margin: 0 auto;
  margin-bottom: 4.16666vw;
}

.about .text {
  width: 43.854166vw;
  font-family: AbhayaLibreRegular;
  font-size: 1.66666vw;
  line-height: 3.125vw;
  margin: 0 auto;
  margin-bottom: 2.1875vw;
  color: #ffffff;
  text-align: center;
}

.about .text:nth-last-of-type(1) {
  margin-bottom: 0;
}

.about .line {
  margin: 0 auto;
  width: 10.67708vw;
  margin-bottom: 2.1875vw;
}

.food {
  display: flex;
  align-items: center;
  background-color: #02060B;
}

.food .left {
  height: 54.42708vw;
}

.food .left img {
  height: 100%;
}

.food .right {
  font-family: AbhayaLibreRegular;
  flex: 1;
  color: #E4CAA0;
}

.food .right .unit {
  font-size: 10.4166vw;
  line-height: 10.4166vw;
  text-align: center;
}

.food .right .text {
  font-size: 1.875vw;
  line-height: 4.16666vw;
  margin: 0 auto;
  margin-top: 6.875vw;
  width: 36.25vw;
  text-align: center;
}

.footer {
  background-color: #050A11;
  padding-top: 3.8020vw;
}

.footer .foot {
  font-weight: 400;
  font-size: 1.6666vw;
  color: #FFFFFF;
  line-height: 3.64583vw;
  text-align: center;
}

.footer .foot-menu .swiper-container-footer {
  height: 34.01041vw;
}

.footer .menu-text {
  color: #D9CEA1;
  font-size: 1.77083vw;
  font-family: AbhayaLibreRegular;
  display: flex;
  justify-content: center;
}

.footer .menu-text div {
  line-height: 2.8125vw;
  padding: 0 1.5625vw;
  cursor: pointer;
}