.visual{
  width: 100%;
  height: 130vw;
  background: url("../image/visual-img.png") no-repeat center center;
  background-size: contain;
  text-align: center;
  padding-top: 33vw;
  animation: start_ani01 1.5s both;
}
.visual .visual_title{
  width: 75%;
  margin: 1vw 0 7vw 0;
  animation: start_ani02 1.7s both;
  animation-delay: 0.2s;
}
.visual .visual_opan{
  width: 31.9%;
  animation: start_ani03 1.7s both;
  animation-delay: 0.2s;
}
.visual .link-box{
  width: 100%;
  height: 10.45vw;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.visual .link-box span{
  width: 50%;
  height: 100%;
  background: #00596c;
  animation: start_ani04 1.5s both;
  animation-delay: 0.2s;
}
.visual .link-box span:nth-child(2){
  background: white;
  animation: start_ani04 1.5s both;
  animation-delay: 0.4s;
}
.visual .link-box span a{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.visual .link-box span a img{
  width: 49.5%;
}
.visual .link-box .visual_title03 a img{
  width: 36.42%;
}

@-webkit-keyframes start_ani01 {
  0%{
    transform: scale(1.1);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes start_ani01 {
  0%{
    transform: scale(1.1);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes start_ani02 {
  0%{
    transform: translateY(-25%);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes start_ani02 {
  0%{
    transform: translateY(-25%);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes start_ani03 {
  0%{
    transform: translateY(45%);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes start_ani03 {
  0%{
    transform: translateY(45%);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes start_ani04 {
  0%{
    transform: translateY(50%);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes start_ani04 {
  0%{
    transform: translateY(50%);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}

/* cruise */
.cruise{
  width: 100%;
  height: 83.35vw;
  text-align: center;
}
.cruise .point-box{
  width: 100%;
  height: 53vw;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f1f0eb;
}
.cruise-title01,
.cruise-title02,
.cruise-contents{
  position: relative;
  z-index: 100;
}
.cruise-title01{
  width: 66.1%;
  margin: 15.3vw 0 2.8vw;
}
.cruise-title02{
  width: 34.8%;
  margin-bottom: 8.4vw;
}
.cruise-contents{
  width: 100%;
}
.cruise-slider{
  width: 70.8333vw;
  height: 47.6389vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../image/cruise-slider-box.png") no-repeat center center;
  background-size: cover;
}
.cruise-slider .itme{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cruise-slider .itme img{
  width: 47.0833vw;
}
.cruise-arrow{
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cruise-arrow img{
  width: 8.8%;
}
.cruise-arrow-p{}
.cruise-arrow-n{}

.cruise-slider .slick-dots{
  position: absolute;
  bottom: -15%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 28%;
}
.cruise-slider .slick-dots li{
}
.cruise-slider .slick-dots li.slick-active button{
  opacity: 1;
}
.cruise-slider .slick-dots li button{
  border: none;
  font-size: 0;
  background: #00596c;
  padding: 0.95vw;
  display: block;
  border-radius: 50%;
  opacity: 0.3;
  transition: 0.3s;
}

/* premium */
.premium{
  width: 100%;
  height: 174vw;
  text-align: center;
}
.premium-title-01{
  width: 68vw;
  margin: 18.7vw 0 11.2vw;
}

.premium-slider{
  width: 100%;
}
.premium-slider .itme-P{
  width: 100%;
}
.premium-slider .slick-dots{
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 17%;
}
.premium-slider .slick-dots li{
}
.premium-slider .slick-dots li.slick-active button{
background: #f58221;
}
.premium-slider .slick-dots li button{
  border: none;
  font-size: 0;
  background: white;
  padding: 0.95vw;
  display: block;
  border-radius: 50%;
  transition: 0.3s;
}
/* .premium-cont{
  width: 100%;
  position: relative;
}
.premium-cont .desc{
  position: absolute;
  width: 62%;
  top: 11.2vw;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  transition: 0.3s;
}
.premium-cont .desc img{
  width: 94%;
  transition: 0.2s;
} */
.premium-cont{
  width: 100%;
}
.premium-cont .desc{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.premium-cont .desc img{
  width: 56.81vw;
}
.premium-cont .desc img.P_title01{
  width: 53.33vw;
  margin: 11.11vw 0 5.6vw;
}
.premium-cont .desc img.P_title02{
  margin-bottom: 2.8vw;
}
.premium-cont .desc img.P_title03{
  margin-bottom: 2.8vw;
}
.premium-cont .desc img.P_title04{}

.premium-point01,
.premium-point02,
.premium-point03,
.premium-point04{
  position: absolute;
}

.premium-point01{
  width: 37%;
  right: -10%;
  top: 6.3%;
}
.premium-point02{
  width: 24.2%;
  left: -3%;
  top: 60%;
}
.premium-point03{
  width: 29%;
  bottom: -4%;
  right: -4%;
}


/* brand */
.brand{
  width: 100%;
  height: 47vw;
  background: url("../image/brand-img.png") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: visible;
}
.brand-title01{
  width: 51.2%;
}
.brand-title02{
  width: 69.1%;
  margin: 4.2vw 0 3.7vw;
}
.brand-title03{
  width: 66.8%;
}
.brand-title04{
  width: 10%;
  margin-top: 6.7vw;
}
.brand-title04 img{
  width: 100%;
}
.brand-point04{
  position: absolute;
  width: 35%;
  left: -3.3%;
  top: -22%;
  z-index: 100;
}

/* amazing */
.amazing{
  width: 100%;
  height: 174vw;
  text-align: center;
  /* background: pink; */
}
.amazing-title01{
  width: 60%;
  margin: 23.65vw 0 9.8vw;
}

.amazing-slider01{
  width: 100%;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
}
.amazing-slider01 .item{
  width: 100%;
}
.amazing-slider01 .item img.bg{
  width: 100%;
  transform: scale(1.05);
  transition: transform 2s;
  object-fit: cover;
}
.amazing-slider01 .item.slick-current .bg{
  transform: scale(1);
}

.amazing-content{
  width: 75vw;
  height: 54.5vw;
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  margin: -10vw auto 0;
  position: relative;
}
.amazing-slider02{
  width: 100%;
  height: 100%;
}
.amazing-slider02 .item{
  width: 100%;
  height: 54.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.amazing-slider02 .item img{}
.amazing-slider02 .item img:nth-child(1){
  width: 18.6%;
}
.amazing-slider02 .item img.ama_img{
  width: 25vw;
}
.amazing-icon{

}
.amazing-slider02 .item img:nth-child(2){
  width: 33%;
  margin: 4.17vw 0;
}
.amazing-slider02 .item img:nth-child(3){
  width: 86%;
}
.amazing-slider02 .item a{
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6.94vw;
}
.amazing-slider02 .item a img{
  width: 7.08vw;
}

.amazing-arrow{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amazing-arrow img{
  width: 7.64vw;
}

.amazing-point01,
.amazing-point02,
.amazing-point03{
  position: absolute;
}

.amazing-point01{
  width: 28.89vw;
  right: -2%;
  top: -1%;
}
.amazing-point02{
  width: 16.94vw;
  left: -1%;
  bottom: 7%;
}
.amazing-point03{
  width: 35.97vw;
  right: 0;
  bottom: 3%;
  z-index: -1;
}