/* banner */
#banner {width: 100%;z-index: 3;}
#banner .item {height: 100vh;}
#banner .item .clip >* {min-width: 100%;width: 100%;}
#banner .item .clip iframe {position: absolute;width: auto;height: 130%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#banner .item .clip video {overflow: hidden;position: absolute;width: 110%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
#banner .item .info{font-weight: 500;background: rgb(0 0 0 / 5%);padding: 0;}
#banner .item .info >div {margin: 10% auto auto;width: calc(100% - 300px);}
#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 >* {padding: 10px 15px;max-width: calc(100% - 30px);font-size: 18px;}
#banner .item .info >div .txt{display: flex;justify-content: flex-start;}
#banner .item .info >div .txt {margin-bottom: 30px;line-height: 140%;font-size: 34px;font-weight: 700;-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;font-family: "Montserrat", sans-serif;width: min(700px , 100%);}
#banner .item.slick-current .info >div .txt{transform:scaleX(1);-webkit-transform:scaleX(1)}
#banner .item .info >div .lttiletext{font-size: 17px;font-weight: 400;line-height: 150%;width: min(90%,500px );}
@-webkit-keyframes slide-in-bottom {
	0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes slide-in-bottom {
	0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

@keyframes scale_banner { to { transform: scale(1); } }

@media screen and (max-width: 1460px){
    #banner .item {height: 90vh;}
}

@media screen and (max-width:1280px) {
  #banner .item .clip video { object-fit: cover; height: 100%; }
  #banner .item { height: 70vh; }
}
@media screen and (max-width:1024px) {
  #banner .item { height: 65vh; }
  #banner .item .info >div { width: calc(100% - 100px); margin: 110px auto auto }
  #banner .item .clip iframe { width: 150%; }
}
@media screen and (max-width:640px) {
  #banner .item { height: 41vh; }
  #banner .item .info >div { margin: 75px auto auto; width: calc(100% - 30px); }
  #banner .item .info >div .txt { font-size: 22px; margin-bottom: 20px; }
  #banner .item .info >div .lttiletext { font-size: 14px; }
}
@media screen and (max-width:480px) {
  #banner .item .info >div .txt { margin-bottom: 10px; }
  #banner .item .clip iframe { width: 160%; }
}