@charset "utf-8";
/*REGISTER*/
.register-att {
    padding: 1.5em;
    margin-bottom: 1em;
    border-radius: 1em;
}
.register-att p{
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 700;
}
.register-att p br{
    display: none;
}
.register-lead small{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    font-size: clamp(12px, 1.1vw, 14px);
}
@media screen and (max-width: 680px) {
    .register-att p br{
        display: block;
    }
    .register-lead{
        text-align: left !important;
    }
    .register-lead br{
        display: none;
    }
}

.register-form{
    max-width: 580px;
    margin: 0 auto;
}
.register-form .form-item{
    justify-content: center;
    align-items: center;
    padding: 1em 0;
    margin: 0;
}
.register-form select,
.register-form input{
    border-radius: 5px;
}
.register-email .form-item_h6{
    width: 4em !important;
}
.register-emailsent .more{
    width: 15em !important;
}
.register-remarks{
    max-width: 780px;
    margin: 1em auto;
    padding: 1em 2em;
    border-radius: 1em;
}
.register-login .form-item_h6,
.register-confirm .form-item_h6,
.register-information .form-item_h6{
    width: 7em !important;
}
.register-confirm .form-item{
    padding: 1em 0;
    margin: 0;
}
.register-confirm .form-box{
    width: 100% !important;
    display: block;
    padding: 0.5em;
    line-height: 1.4;
}
.register-sent{
    margin-top: 1em;
}
.register-sent .more{
    width: 8em;
    padding: 1em 0;
    font-size: clamp(16px, 1.4vw, 18px);
}
.register-complete .more{
    width: 12em;
    padding: 1em 0;
    font-size: clamp(16px, 1.4vw, 18px);
}
.register-back{
    margin-top: 1em;
}
.register-back a{
    text-decoration: underline;
}
@media screen and (max-width: 680px) {
    .register-remarks{
        padding: 1em;
    }
}