*{margin:0;padding:0;box-sizing:border-box}body{font-family:GenSenRounded2 JP;color:#222}div.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;padding:3rem 5rem;gap:4rem;flex-shrink:0;border-radius:16px;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.25)}div.container,div.title{display:flex;flex-direction:column;align-items:center}div.title{gap:1rem}div.title>h1{color:#456ca3;font-size:32px;font-weight:700}div.title>h1,div.title>p{text-align:center;font-style:normal;line-height:normal}div.title>p{color:grey;font-size:16px;font-weight:400}div.input{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:1rem}div.input>p{color:grey;text-align:left;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}div.input>input{width:100%;padding:1rem;border-radius:8px;background:#eee;border:none;outline:none;box-shadow:none;font-size:1rem}div.input>input:-moz-read-only{background:#ccc}div.input>input:read-only{background:#ccc}div.button{display:flex;flex-direction:column;align-items:center;gap:1rem}div.button>p{color:grey;text-align:left;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}button{display:flex;padding:1rem 3rem;justify-content:center;align-items:center;border-radius:16px;background:#456ca3;font-size:1rem;color:#fff;border:none;outline:none}button:hover{background:#34598b}button:disabled{background:grey}div.link{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:1rem}div.link>p.url{color:#179ce5;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}p.error{color:red!important}