.slogan {
  position: absolute;
  opacity: 0;
}

img {
  pointer-events: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bannerArea {
  overflow: hidden;
}
.bannerArea .bannerBox {
  min-height: 100vh;
  align-items: center;
  padding: 0;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox {
    padding: 0 5%;
  }
}
@media (max-width: 767px) {
  .bannerArea .bannerBox {
    min-height: 0;
    padding: 20% 3%;
  }
}
.bannerArea .bannerBox .title {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.bannerArea .bannerBox .imgBox {
  display: flex;
  margin-top: 5%;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox .imgBox {
    display: block;
    margin-top: 20%;
  }
}
.bannerArea .bannerBox .imgBox .itemBox {
  display: flex;
}
.bannerArea .bannerBox .imgBox .itemBox .item {
  padding: 0 5px;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox .imgBox .itemBox .item {
    padding: 0 3px;
  }
}
.bannerArea .bannerBox .imgBox .itemBox .item .item01 {
  width: 90%;
  margin-top: 25%;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox .imgBox .itemBox .item .item01 {
    width: 100%;
  }
}
.bannerArea .bannerBox .imgBox .itemBox .item .item02 {
  width: 100%;
  margin-top: 75%;
}
.bannerArea .bannerBox .imgBox .itemBox .item .item03 {
  width: 100%;
  margin-top: 5%;
}
.bannerArea .bannerBox .imgBox .itemBox .item .item04 {
  width: 100%;
  margin-top: 80%;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox .imgBox .itemBox .item .item04 {
    margin-top: -35%;
    width: 114%;
  }
}
.bannerArea .bannerBox .imgBox .itemBox .item .item05 {
  width: 100%;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox .imgBox .itemBox .item .item05 {
    margin-top: 45%;
    margin-left: 5%;
    width: 109%;
    display: block;
  }
}
.bannerArea .bannerBox .imgBox .itemBox .item .item06 {
  width: 100%;
  margin-top: 90%;
}
@media (max-width: 991px) {
  .bannerArea .bannerBox .imgBox .itemBox .item .item06 {
    margin-top: -25%;
    margin-left: 9%;
    width: 91%;
    display: block;
  }
}

.page {
  overflow: hidden;
  background: #1f2534;
}
.page h2 {
  font-family: "Cinzel", serif;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: calc(2rem + 2vw);
  letter-spacing: 2px;
  padding-left: 2px;
  padding: 1.5% 0;
}
@media (max-width: 991px) {
  .page h2 {
    font-size: calc(1.2rem + 2vw);
    padding: 3% 0;
  }
}

.float-up-1 {
  display: block;
  margin: 0 auto;
  animation: floatUp01 4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .float-up-1 {
    animation: floatUp01-m 4s ease-in-out infinite;
  }
}

@keyframes floatUp01 {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(16px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes floatUp01-m {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(1px);
  }
}
.float-up-2 {
  display: block;
  margin: 0 auto;
  animation: floatUp02 4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .float-up-2 {
    animation: floatUp02-m 4s ease-in-out infinite;
  }
}

@keyframes floatUp02 {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes floatUp02-m {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(1px);
  }
}
.float-down-1 {
  display: block;
  margin: 0 auto;
  animation: floatDown01 4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .float-down-1 {
    animation: floatDown01-m 4s ease-in-out infinite;
  }
}

@keyframes floatDown01 {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes floatDown01-m {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(1px);
  }
}
.float-down-2 {
  display: block;
  margin: 0 auto;
  animation: floatDown02 4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .float-down-2 {
    animation: floatDown02-m 4s ease-in-out infinite;
  }
}

@keyframes floatDown02 {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(-18px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes floatDown02-m {
  0% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(1px);
  }
}
.item04.float-up-1 {
  animation: floatDown01-m 4s ease-in-out infinite;
}

.item05.float-down-1 {
  animation: floatUp01-m 4s ease-in-out infinite;
}

.item06.float-up-2 {
  animation: floatDown02-m 4s ease-in-out infinite;
}

[data-aos=custom-zoom-out] {
  transform: scale(1.1);
  opacity: 1;
  transition-property: transform, opacity;
  transition: transform 3s ease, opacity 3s ease !important;
}

[data-aos=custom-zoom-out].aos-animate {
  transform: scale(1);
  opacity: 1;
}

[data-aos=custom-zoom-in] {
  transform: scale(0.8);
  opacity: 1;
  transition-property: transform, opacity;
  transition: transform 3s ease, opacity 3s ease !important;
}

[data-aos=custom-zoom-in].aos-animate {
  transform: scale(1);
  opacity: 1;
}

[data-aos=fade-up] {
  transform: translateY(30px);
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos=fade-up].aos-animate {
  transform: translateY(0);
  opacity: 1;
}

[data-aos=fade-down] {
  transform: translateY(-30px);
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos=fade-down].aos-animate {
  transform: translateY(0);
  opacity: 1;
}

@media (min-width: 1700px) {
  .container {
    max-width: 1650px;
  }
}/*# sourceMappingURL=style.css.map */