*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:url(/--colordist/img/bg.png) center no-repeat;background-size:100% 100%;background-size:cover;color:#50a1f4;font-size:14px}.screen{display:flex;flex-direction:column;width:100vw;height:100vh}.title{flex:0 0 auto;height:13vh;background:url(/--colordist/img/top-title.png) top no-repeat;background-size:auto 100%}.content{flex:1;padding:10vh 10vw;display:flex}.link-cols{width:100%;display:flex;align-items:center;background:url(/--colordist/img/bg-center.png) center no-repeat;background-size:auto 100%}.link-cols .link-btn-wrap{max-width:20%}.link-cols .link-btn-wrap+.link-btn-wrap{margin-left:auto}.link-btn-wrap{display:flex;flex-direction:column;width:200px;max-width:100%;align-items:center;height:80%}.link-btn{display:block;width:300px;padding-bottom:100%;max-width:100%;background:url(/--colordist/img/btn.png) center no-repeat;background-size:100%;position:relative;flex:0 0 auto}.link-btn>span{display:block;position:absolute;width:100%;text-align:center;top:50%;transform:translateY(-50%);color:#fff;font-size:26px;font-weight:700}.link-btn-line{flex:1;display:block;width:30px;height:150px;background:url(/--colordist/img/line.png) top center no-repeat;background-size:80% auto}