.banner{width:100vw;height:calc(100vw * .4895833333);position:relative}.banner .banner-bg{width:100%;height:100%;position:relative;z-index:1}.banner .banner-bg img{width:100%;height:100%;object-fit:cover;object-position:bottom center}.banner .banner-bg video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.banner .banner-bg .bg-img,.banner .banner-bg .bg-video{width:100%;height:100%;position:relative;z-index:1}.banner .banner-bg .dim{bottom:0;height:77.5%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5))}.banner .banner-bg .dim,.banner .banner-ct{position:absolute;left:0;z-index:2;width:100%}.banner .banner-ct{top:0;height:100%}.banner .banner-ct .inner{margin:0 auto;width:100%;height:100%;max-width:var(--ctn-max-w);padding:var(--ctn-gutter-y) var(--ctn-gutter-x);display:flex;align-items:center}.banner .banner-ct .inner .ctn-txt{width:calc(50% - 30px);color:#fff}.banner .banner-ct .inner .ctn-txt .tt{font-size:var(--font-h1);line-height:var(--font-h1-lh);font-weight:700;text-shadow:0 0 15px rgba(0,0,0,.2)}.banner .banner-ct .inner .ctn-txt .stt{font-size:var(--font-h4);line-height:var(--font-h4-lh);margin-top:40px;text-shadow:0 0 15px rgba(0,0,0,.2)}.banner .banner-ct .inner .ctn-txt .button-sty{margin-top:40px}.banner .banner-ct.pos_dt_center_center .inner{justify-content:center;text-align:center}.banner .banner-ct.pos_dt_center_center .box-button{display:flex;justify-content:center}.banner .banner-ct.pos_dt_center_right .inner{justify-content:flex-end;text-align:right}.banner .banner-ct.pos_dt_center_right .box-button{display:flex;justify-content:flex-end}@media screen and (min-width:981px) and (max-width:1279px){.banner .banner-ct .inner .ctn-txt .stt{overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}}@media screen and (max-width:980px){.banner{height:calc(100vw * 1.7733333333);max-height:700px}.banner .banner-ct .inner .ctn-txt{width:100%}.banner .banner-ct .inner .ctn-txt .stt{margin-top:20px}.banner .banner-ct .inner .ctn-txt .box-button{display:flex;justify-content:center}.banner .banner-ct .inner .ctn-txt .button-sty{margin-top:20px}.banner .banner-ct.pos_mb_center_top .inner{align-items:flex-start}.banner .banner-ct.pos_mb_center_center .inner{align-items:center}.banner .banner-ct.pos_mb_center_bottom .inner{padding-bottom:120px;align-items:flex-end}}