.contentMain {
    margin: 10px auto 0 auto;
}

/* PC */
@media (min-width: 576px) {
    .loginArea {
        margin: 50px auto 0 auto;
        width: 500px;
        padding: 15px;
    }

    .loginLogo {
        margin: 0px auto -20px auto;
        width: 500px;
    }

    .userSelectArea {
        padding: 15px;
    }

    .loginForm {
        margin: 10px;
        padding: 30px;
    }

    .buttonArea .loginButton {
        width: 150px;
        color: #fff;
        padding: 5px;
        background: linear-gradient(0deg, #177bce 0%, #50a0e2 100%);
    }
}

/* スマホ */
@media (max-width: 575.98px) {
    .loginArea {
        margin: 50px auto 0 auto;
        width: 300px;
        padding: 15px;
    }

    .loginLogo {
        margin: 0px auto 20px auto;
        width: 100%;
    }

    .userSelectArea {
        margin: 50px auto 0 auto;
        padding: 15px;
    }

    .loginForm {
        margin: 0;
        padding: 0;
    }

    .buttonArea .loginButton {
        width: 120px;
        color: #fff;
        padding: 5px;
        background: linear-gradient(0deg, #177bce 0%, #50a0e2 100%);
    }
}

.loginButton:hover {
    opacity: 0.7;
    color: #fff;
}