@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f2f2f2;color:#4f4f4f;font-family:Noto Sans JP,sans-serif}.Container,body{display:grid;place-items:center}.Container h1{margin:18px 0}.btn{margin:24px 0;border-radius:6px;outline:none;border:none;font-size:14px;font-weight:500;color:#3f3f3f;background-color:#e0e0e0}.btn:focus,.btn:hover{cursor:pointer;background-color:#aeaeae}.btn:disabled{background-color:#e0e0e0;box-shadow:unset;color:#9e9e9e;cursor:not-allowed}.withShadow{box-shadow:0 2px 3px 0 rgba(33,33,33,.2)}.noShadow{box-shadow:none;background-color:#3d5afe;color:#fff}.outline{border:1px solid #3d5afe;color:#3d5afe;background-color:#fff}.outline:focus,.outline:hover{background:rgba(41,98,255,.1)}.text{border:0;background-color:#f2f2f2;box-shadow:none;color:#3d5afe}.text:focus,.text:hover{background:rgba(41,98,255,.1)}.text:disabled{background-color:#f2f2f2;box-shadow:unset;color:#9e9e9e}.blue{background-color:#2962ff;color:#fff;display:flex;align-items:center}.blue span:nth-of-type(2){margin:0 8px}.sm{padding:5px 8px}.md{padding:10px 18px}.lg{padding:16px 24px}.danger,.primary,.secondary{color:#fff}.primary{background-color:#2962ff}.primary:hover{background:#0039cb}.secondary{background:#455a64}.secondary:hover{background:#1c313a}.danger{background:#d32f2f}.danger:hover{background:#9a0007}footer{text-align:center;padding:15px}footer a{margin-bottom:2rem}footer a:visited{color:#4f4f4f}footer a:hover{color:#737373}