/*! hash:0358d20f1646417a5caf, chunkhash:1d415a392979b1130812, name:index/index, filebase:index.8008484ed.css, query:, file:assets/css/index/index.8008484ed.css */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400+700);:root{--bg-color-1:#555;--bg-color-2:#fff;--bg-color-3:#ff8c00;--color-1:#333;--color-2:#fff}html{font-size:100%;font-family:Open Sans,sans-serif}body{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:2rem;box-sizing:border-box;position:relative}body:after{content:"";position:absolute;z-index:-1;display:block;height:100%;width:100%;background:url(https://www.agaroot.jp/datascience/column/wp-content/uploads/2020/12/iStock-1160249759-min-scaled.jpg) 50% no-repeat;animation:zoom 20s both;animation-iteration-count:infinite}@keyframes zoom{0%{background-size:180%}70%{background-size:150%}to{background-size:180%}}img{max-width:100%}.logo{background:var(--bg-color-3);padding:1rem;max-width:7rem;margin-bottom:auto;margin-right:auto}.logo__symbol{display:block;margin-right:auto;margin:0 auto 1rem;max-width:80%}.logo__text{font-size:.8rem;line-height:1.2;text-align:center;font-weight:400;letter-spacing:.2rem;color:var(--color-2);text-transform:uppercase}.login-box{display:inline-block;margin-bottom:auto;text-align:center}.button{background:var(--bg-color-3) url(https://goo.gl/HZcdGN) no-repeat 2rem;padding:1rem 2rem 1rem 4rem;color:var(--color-2);text-align:center;display:block;margin-bottom:10px}.button:hover{cursor:pointer}.form__header{background-color:var(--bg-color-3);color:var(--color-2);padding:.8rem 0;text-align:center;text-transform:uppercase}.form__link--text{color:var(--color-1);font-size:.8rem}.form__item{background-color:var(--bg-color-2);padding:.5rem 3rem;margin-top:-.1rem}.form__item:first-child{padding-top:2rem}.form__item:last-child{padding-bottom:2rem}.form__item input{font-size:1rem;padding:.5rem}.form__item #register-submit,.form__item #submit{background:var(--bg-color-1);color:var(--color-2);padding:.5rem;display:block;width:100%;border:none;text-transform:uppercase}.form-wrapper,.register-form-wrapper{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%)}.over,.overlay{position:absolute;z-index:-2;top:0;left:0;width:0;height:0;background:#000 50%}@keyframes folding{to{transform:rotateX(0deg)}}@keyframes fade{0%{opacity:0}to{opacity:.7}}#css-toggle,#register-toggle{display:none}.form-wrapper,.register-form-wrapper{perspective:500px}#css-toggle:checked~.form-wrapper,#register-toggle:checked~.register-form-wrapper{z-index:1001}.folding--effect{transform:rotateX(180deg);transform-origin:top;-webkit-backface-visibility:hidden;backface-visibility:hidden}#css-toggle:checked~.form-wrapper .folding--effect,#register-toggle:checked~.register-form-wrapper .folding--effect{animation:folding .2s forwards}#css-toggle:checked~.overlay,#register-toggle:checked~.over{animation:fade .5s forwards;z-index:1000;width:100%;height:100%}.button:hover~.form-wrapper .folding--effect,.button:hover~.register-form-wrapper .folding--effect{will-change:transform}.button:hover~.over,.button:hover~.overlay{will-change:opacity}@media (max-width:720px){body{padding:0}.logo{margin-right:0;max-width:inherit;width:100%;margin:0;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0}.logo__symbol{max-width:30%;margin:0}.logo__text{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:18px;letter-spacing:12px}.login-box{position:fixed}body:after{background:url(http://bpic.588ku.com/back_water_img/18/06/13/8f39906d4366ff3d78f6072fdeeb0a65.jpg!/quality/90/unsharp/true/compress/true) 50% no-repeat;animation:zoom 20s both;animation-iteration-count:infinite}}#status{color:#5365bd;font-weight:500;letter-spacing:5px;margin-top:3px}
/*# sourceMappingURL=index.8008484ed.css.map*/