#banner .item {position: relative;overflow: hidden;}
#banner .item a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .info {position: absolute;width: 100%;left: 0;bottom: 10vw;z-index: 2;text-align: center;}
#banner .info .text-box h3 {display: block;line-height: 110%;letter-spacing: 1px;font-size: 80px;font-weight: 900;color: #102942;text-align: center;}
#banner .info .text-box h3:nth-child(2) { position: absolute; background-color: #102942; color: #fff; -webkit-clip-path: inset(0 0 0 9vw); clip-path: inset(0 0 0 9vw); }
#banner .info p {margin-top: 25px;font-weight: 100;color: #fff;text-align: center;font-size: 20px;letter-spacing: 2px;}
#banner .info p.en{font-family: "Anybody", serif;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 5px;}
#banner .img {position: relative;width: 100vw;height: 97vh;background: no-repeat 50% / cover;}
#banner .img:before{content:'';position: absolute;width: 100%;height: 100%;top: 0;background: var(--info);z-index: 1;opacity: .5;}
#banner .img video , #banner .img iframe {position: absolute;width: 100%;height: auto;left: 0;top: 0;}

.text-js{opacity:0;font-size: max(3.3 * (1vw + 1vh) / 2, 30px);color: var(--white);font-weight: 500;text-transform: uppercase;line-height: 1.5;letter-spacing: 2px;word-spacing: 100vw;text-align: center;letter-spacing: 8px;}
.cursor{display:block;position:absolute;height: 110%;top:0;right:-5px;width: 1px;background-color:transparent;z-index:1;animation:flash 0.5s none infinite alternate}

@keyframes flash{0%{opacity:1}100%{opacity:0}}

#scrolldown{position:absolute;padding:0 0 25px 10px;letter-spacing:.3em;font-weight:300;font-size:12px;color:#fff;white-space:nowrap;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;bottom: 30px;left: calc(50% - 15px);animation:godown 1s infinite linear;-webkit-animation:godown 1s infinite linear;display: flex;flex-direction: row;align-items: center;}
#scrolldown:before {margin: 0 auto 20px;width: 8px;height: 8px;border: var(--white) solid;border-width: 0 2px 2px 0;display: block;content: "";transform: rotate(45deg) translate(-1px, -1px);-webkit-transform: rotate(45deg) translate(-1px, -1px);-webkit-animation: gotop 1s linear infinite;animation: gotop 1s linear infinite;}

@-webkit-keyframes godown{0%,100%{padding:0 0 25px 10px}50%{padding:10px 0 15px 10px}}
@keyframes godown{0%,100%{padding:0 0 25px 10px}50%{padding:10px 0 15px 10px}}


@media screen and (max-width:1440px) {
    #banner .info{bottom: 12vw;}
}
@media screen and (max-width:1024px) {
    #scrolldown{display:none;}
    #banner .img{height:90vh}
    #banner .img video, #banner .img iframe{width:auto;height: 100%;}
}
@media screen and (max-width:980px) {
    #banner .img{height:70vh}
}
@media screen and (max-width:500px) {
	#banner .img { width: 100vw; }
    #banner .info p{font-size: 17px;}
}