:root{--post-spacing:1.78vw;--post-size:25vw;--mask-size:100vw}*{padding:0;margin:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}body{background:#fff;background-image:url(../img/grid.1fae07be.svg);background-repeat:repeat;background-size:300px 300px}.titles{position:absolute;left:50%;top:5%;transform:translate(-50%,-5%);margin-top:50px}.titles p{font-size:4rem;font-weight:800;white-space:nowrap}.banner{margin-top:50px;overflow:hidden;position:relative;width:100vw;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCI+PHBhdGggZmlsbD0iI0M4QzhDOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCI+PHBhdGggZmlsbD0iI0M4QzhDOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+PC9zdmc+);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);position:absolute;top:10%}.banner,.banner .img-wrapper{height:calc(var(--post-size)/.72)}.banner .img-wrapper{display:flex;position:absolute;width:100%;float:left;transform:translate(13.39vw);animation:admission 1.5s}.banner .img-wrapper .img-box{height:100%;display:inline-block;margin-right:var(--post-spacing);position:relative;cursor:pointer}.banner .img-wrapper .img-box .info{position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;top:0;height:100%;width:100%;background:hsla(0,0%,9%,.5);color:#fff9f1;font-size:4rem}.banner .img-wrapper .img-box img{width:var(--post-size);height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.banner .img-wrapper .img-box:last-child{transform:translate(-160.68vw)}.btn-group{height:15vh;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);transition:1s}.btn-group .btn{width:60px;height:60px;border-radius:50%;border:1px solid #171717;background-color:#fff;margin:10px;cursor:pointer;transition:.4s;box-sizing:border-box}.btn-group .btn:hover{transform:scale(1.2);background-color:#000}.btn-group .btn:hover .icon{fill:#fff}.btn-group .btn .icon{width:30px;height:30px}.btn-group .btn .right{transform:rotate(180deg)}.img-list{left:0}@keyframes admission{0%{transform:translate(140vw)}to{transform:translate(13.39vw)}}