.home-banner{justify-content:center;align-items:center;height:calc(100vh - 120px);display:flex;position:relative;overflow:hidden}.home-banner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent 30%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.6) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.banner-bg-image{z-index:-2}.pc-only{display:block}.mobile-only{display:none}@media (max-width:500px){.pc-only{display:none}.mobile-only{display:block}}.slider-gap-home{padding:100px 0}@media (max-width:500px){.slider-gap-home{padding:50px 0}}.h-design{background:0 0;flex-direction:column;justify-content:center;width:auto;height:100%;display:flex;position:absolute;top:0}.h-left{border:none;border-left:2px solid rgba(255,255,255,.365);flex-direction:column;height:100%;position:absolute;top:0;width:150px!important}.h-right{border:none;border-right:2px solid rgba(255,255,255,.365);height:100%;margin-left:280px;width:180px!important}.h-design-N{background:0 0;flex-direction:column;justify-content:space-between;height:calc(100vh - 120px);margin-left:180px;display:flex;position:absolute}.h-left-N{border:2px solid rgba(255,255,255,.365);border-top:none;width:100px;height:100%}.h-right-N{border:2px solid rgba(255,255,255,.365);border-bottom:none;width:100px;height:100%}.slider-left-time{animation:1s forwards slider-left-animation}@keyframes slider-left-animation{0%{visibility:hidden;transform:translate(-1000px)}to{transform:translate(0)}}.home-banner-content{z-index:10;flex-direction:column;align-items:flex-start;max-width:600px;padding:20px;display:flex;position:absolute;bottom:20px;left:5%}.home-banner-title{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.7);margin:0 0 24px;font-family:Be Vietnam Pro,sans-serif;font-size:56px;font-weight:300;line-height:1.15}.home-banner-highlight{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.7);font-weight:500}.home-scroll-button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background-color:rgba(255,255,255,.1);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:none;box-shadow:0 4px 15px rgba(0,0,0,.2)}.home-scroll-button:hover{color:#313893;background-color:#fff;transform:translateY(3px);box-shadow:0 6px 20px rgba(0,0,0,.4)}@media (max-width:768px){.home-banner-content{max-width:90%;bottom:80px;left:5%}.home-banner-title{font-size:44px}.home-scroll-button{display:flex}}@media (max-width:480px){.home-banner-content{width:90%;bottom:80px;left:5%}.home-banner-title{font-size:36px}}