@charset "UTF-8";body{width:100%;padding:0;margin:0;font-size:100%;line-height:1.75;color:#333;background-color:#f1f1f1;overflow-wrap:break-word;overflow-x:hidden;font-family:Noto Sans JP,sans-serif;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}li{list-style:none;display:list-item;text-align:-webkit-match-parent;unicode-bidi:isolate}a{text-decoration:none}#main{width:100%}.main-box{width:100vw;height:100vh;position:relative}.back-ground{position:absolute;content:"";top:0;left:0;width:100vw;height:100vh;background-color:#e4efff;clip-path:polygon(60% 0,100% 0,100% 100%,40% 100%);z-index:-1}.container{max-width:550px;width:90%;margin:0 auto;padding:40px;border:1px solid #93a7c6;background-color:#fff;border-radius:10px}.main-body{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:100px}.icon-box{width:50%;text-align:center}.icon-box img{width:300px;height:auto}.step-layout{position:relative}.step-indicator{display:flex;justify-content:space-between;margin-bottom:20px}.conecter-1{position:absolute;top:14px;left:22%;width:22%;height:2.5px;background-color:#204479}.conecter-2{position:absolute;top:14px;left:56%;width:22%;height:2.5px;background-color:#204479}.step{width:150px;display:flex;flex-direction:column;align-items:center;font-size:14px;font-weight:700}.step-number{width:30px;height:30px;line-height:30px;background:#c5c5c5;color:#fff;border-radius:50%;text-align:center;margin-bottom:5px}.active-number{width:30px;height:30px;line-height:30px;background:#204479;color:#fff;border-radius:50%;text-align:center;margin-bottom:5px}.active-text{color:#204479}.form-box{padding:30px 20px;border:1px solid #ccc;border-radius:10px;text-align:center;box-shadow:0 3px 5px #b5b5b559}.form-box h1{font-size:18px;padding-bottom:15px}.form-box p{font-size:15px;padding-bottom:10px}button{width:50%;padding:10px;margin-top:20px;margin-bottom:20px;background-color:#2a5ba4;border:1px solid #d3d3d3;box-shadow:0 5px 15px #56565659;color:#fff;cursor:pointer}button:disabled{background:gray;cursor:not-allowed}.login{font-size:12px}.login a{color:#204479;font-weight:700;transition:all .4s}.login a:hover{text-decoration:underline;text-decoration-color:#204479;text-decoration-thickness:2px;text-underline-offset:3px}.icon{padding-bottom:20px}.register-title h1{font-size:18px}#registrationForm{padding-top:20px;width:90%;margin:0 auto}.form-group{margin-bottom:20px;position:relative}.form-group-item{position:relative}.form-group input[type=email],.form-group input[type=text],.form-group input[type=password],.form-group select{width:calc(100% - 22px);padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-group input::-moz-placeholder{font-size:13px}.form-group input::placeholder{font-size:13px}.required-mark{position:absolute;top:50%;right:35px;transform:translateY(-50%);color:#f44e2e;font-size:.8em}.error-message{color:#f44e2e;font-size:.8em;font-weight:700;margin-top:5px}button[type=submit]{background-color:#204479;color:#fff;padding:12px 20px;border:none;border-radius:25px;cursor:pointer;font-size:1em;width:50%;transition:all .4s}button[type=submit]:hover{background-color:#2a5ba4}.password-condition{width:95%;margin:0 auto 20px;text-align:left;background-color:#e1e1e1;border-radius:10px;padding:10px;font-weight:700}.password-condition p{font-size:12px;padding:0}input::-moz-placeholder{font-size:13px;white-space:pre-line}input::placeholder{font-size:13px;white-space:pre-line}.password-eye i{position:absolute;top:50%;right:70px;transform:translateY(-50%);cursor:pointer;font-size:1.2em;color:#666}.password-eye .mdi-eye-off{display:inline}.password-eye .mdi-eye{display:none}.p-red-word{color:#f44e2e}