/* ソーシャルログインボタン */

.SocialLoginButton {
    display: grid;
    grid-template-columns: 45px 1fr;
    place-content: center;
    place-items: center;
    width: 100%;
    min-height: 48px;
    height: 3rem;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.SocialLoginButton_Img {
    width: 100%;
    object-fit: contain;
}

.GoogleLogin {
    font-family: 'Roboto', sans-serif;
    background-color: #4285f4;
    border-color: #4285f4;
    color: #fff;
}

.LINELogin {
    background-color: #00c300;
    border-color: #00c300;
    color: #fff;
}

.LINELogin .SocialLoginButton_Img {
    border-right: 1px solid #00b300;
}

.SocialLoginButton_Text {
    font-family: 'Helvetica', sans-serif;
}