/* banner */
#banner {width: 100vw;z-index: 3;overflow: hidden;}
#banner .slick-slide { min-width: 100vw; }
#banner:before{content:'';position: absolute;width: 360px;height: 110%;right: 0;top: 0;background-image: url(/images/44/img-logo.png);background-repeat: no-repeat;background-position: 0 50%;background-size: cover;z-index: 2;}
#banner .item {height: 92vh;}
#banner .main-slider {}
#banner .item .clip >* { min-width: 100vw; width: 100vw; }
#banner .item .clip:before{content:'';position: absolute;width: 100%;height: 100%;top: 0;background: #000;z-index: 1;opacity: .1;}
#banner .item .clip .bgBox {}
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video { overflow: hidden; position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#banner .item .info >div {margin: auto auto 7%;width: calc(80% - 80px);z-index: 2;}
#banner .item .info >div .txt { -webkit-transition-delay: .2s; transition-delay: .2s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* {font-size: 18px;font-weight: 200;letter-spacing: 3px;width: 45%;line-height: 2;}
#banner .item .info >div .txt h3 {width: 100%;margin-bottom: 45px;line-height: 120%;font-size: 45px;font-weight: 400;letter-spacing: 5px;}
#banner .item .info >div .txt em {line-height: 120%;font-family: "Cormorant", serif;font-size: max(6.5 * (1vw + 1vh) / 2, 12px);font-style: unset;padding-bottom: 0;letter-spacing: 0;width: 100%;font-weight: 400;}

#banner .item.slick-current .clip .bgBox { -webkit-animation: scale_banner 6s linear infinite; animation: scale_banner 6s linear infinite; }
#banner .item.slick-current .info >div .txt { transform: scaleX(1); -webkit-transform: scaleX(1); }

#banner #scrollDown{cursor:pointer;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction: column;-webkit-box-align:center;align-items:center;position:absolute;bottom: 18%;left: 3%;z-index:2}
#banner .upDown{width:100%;height: 100%;bottom: 0;left: 0;z-index: 2;position: absolute;}
#banner span{writing-mode: vertical-lr;font-family: "Lato", serif;color: #fff;line-height: 1;}
#banner svg{fill:#fff;width: 18px;height: 18px;margin-bottom: 20px;animation-name: mouse;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
@keyframes mouse{0%{margin-bottom:20px}100%{margin-bottom:50px}}

@media screen and (max-width: 1024px){
	#banner .item .info >div .txt >*{width: 70%;font-size: 20px;letter-spacing: 1px;}
	#banner:before{width: 280px;}
	#banner .item { height: 85vh; }
	#banner .item .clip video{width:auto;height:100%;}
}
@media screen and (max-width: 980px){
	#banner .item .info >div .txt >*{width: 80%;}
	#banner #scrollDown{display:none}
	#banner .item .info >div{width: calc(90% - 30px);}
}
@media screen and (max-width: 640px){
	#banner .item .info >div{margin-bottom: 13%;}
	#banner .item .info >div .txt >*{width: 100%;font-size: 16px;}
	#banner:before{display:none;}
	#banner .item .info >div .txt h3{font-size:22px;margin-bottom: 20px;}
}