#auth{margin:auto;width:90%;max-width:500px;background:#fcfcfc;border:1px solid #ccc;border-radius:3px}#auth header{display:flex;padding:0 20px;height:50px}#auth header svg{margin:10px 10px 10px 0;width:30px;height:30px}#auth header h1{color:#333;font-size:16px;font-weight:400;line-height:50px}#auth form{padding:10px 20px 20px;text-align:left}#auth form h1{margin-bottom:10px;font-size:16px}#auth form div{display:flex;flex-wrap:wrap;margin-bottom:10px;text-align:left}#auth form label{width:30%;line-height:32px}#auth form input[type=email],#auth form input[type=password],#auth form input[type=text]{padding:5px 10px;width:70%;color:#333;font-size:14px;line-height:20px;background:#fcfcfc;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;outline:none}#auth form input[type=email]:focus,#auth form input[type=password]:focus,#auth form input[type=text]:focus{padding:4px 9px;border:2px solid #5ec0d5}#auth form input[type=checkbox]{margin-right:10px;height:32px;text-align:right}#auth form span.invalid-feedback{display:block;width:100%;color:#f41}#auth form button{display:inline-block;margin-right:20px;padding:10px 20px;color:#fcfcfc;font-size:14px;background:#5ec0d5;border:none;border-radius:3px;text-align:center;outline:none;cursor:pointer}address,article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section,small{display:block}*{margin:0;padding:0}body,html{height:100%}body{color:#777;text-align:center;background:#eee;font:14px/25px "\30E1\30A4\30EA\30AA",Meiryo,"\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3",Hiragino Kaku Gothic Pro,Osaka,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",MS PGothic,sans-serif;-webkit-font-smoothing:subpixel-antialiased}a{color:#5ec0d5;text-decoration:none}#app{display:flex;width:100%;height:100%;flex-direction:column}