@charset "UTF-8";

/* login
---------------------------------------------------*/
#login {
    width: 100%;
}
#login .lead {
    line-height: 1.5em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
}

/* 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    #login {
        border-radius: 3.125vw;
        padding: 6.25vw;
    }
    #login .lead {
        margin-bottom: 4.6875vw;
    }
}


/* register
---------------------------------------------------*/
#register {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#register .lead {
    line-height: 1.5em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
#register .note {
    margin-top: 20px;
}
#register .note p {
    line-height: 1.6em;
    color: var(--red-color);
    font-size: var(--font-size-ss);
}

/* 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    #register {
        display: block;
        border-radius: 3.125vw;
        padding: 6.25vw;
    }
    #register .lead {
        margin-bottom: 4.6875vw;
    }
    #register .note {
        margin-top: 3.125vw;
    }
    #register .note p {
        font-size: var(--font-size-ss);
    }
}