/*-- 共通 --------------------------------------------------------------------*/
.auth-wrapper {
    background-color: #F4F6F9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.auth-logo {
    font-size: 4rem;
    color: #1F5B91;
    font-weight: bold;
    margin-bottom: 3.2rem;
}

.auth-box {
    width: 42rem;
    padding: 4.8rem 2.4rem 4rem;
    margin-bottom: 5.6rem;
}

.auth-title {
    font-size: 1.8rem;
    border-bottom: 1px solid #ECEBEA;
    box-shadow: 0 1px 2px -2px rgba(178, 179, 181, 0.3);
    padding-bottom: 1rem;
    color: #706E6B;
}

.auth-content {
    padding-top: 3.2rem;
}

@media only screen and (max-width: 767px), only screen and (max-width: 896px) and (orientation: landscape) {
    .auth-box {
        width: 90%;
        padding: 2.4rem 1.6rem;
    }

}

/*login*/

.remember-block {
    margin-top: -2.5rem;
}

.login-btn {
    margin: 1.6rem 0;
}


/*signup*/
.signup-btn {
    margin-top: 4.8rem;
}

/*password-reminder*/
.passreminder-wrapper .auth-text {
    margin-bottom: 2.4rem;
}

.passreminder-wrapper .auth-content {
    padding-top: 2.4rem;
}


/*password-reset*/
.passreset-wrapper .auth-text {
    margin-bottom: 5.6rem;
}

.passreset-wrapper .auth-content {
    padding-top: 1.6rem;
}

/*signup-complete*/

.auth-text span {
    display: block;
}
.auth-text span + span {
    margin-top: 1em;
}

.totop-btn {
    margin-top: 6rem;
    display: inline-block;
}