/*Users メインコンテンツ*/
/*Users/edit*/
.users {
    margin-top: 40px;
    color: #4d4d4d;
}
.users legend {
    width: 100%;
    padding: 20px 10px;
    margin-bottom: 20px;
    font-size: 2.0rem;
}
input {
    width: 50%;
    height: 40px;
    padding: 0 10px;
    font-size: 1.8rem;
}
select {
    height: 40px;
    width: 50%;
    padding: 0 10px;
    font-size: 1.8rem;
}
label {
    font-size: 1.8rem;
    padding: 20px 20px;
    margin: 0 20px 20px 0;
    width: 205px;
    background: #4d4d4d;
    color: #fff;
    font-weight: bolder;
}

#selectImg {
    width: fit-content;
    display: none;
    background: #c5c5c5;
    padding: 5px;
}
#selectImg div {
    display:flex;
}
#selectImg img {
    margin: 5px;
    background: #fff;
}
#selectImg img:hover {
    opacity: 0.7;
    cursor: pointer;
}

.users .button_area {
    margin: 60px auto 40px;
    text-align: center;
}
.users .button_area button {
    padding: 10px 20px;
    font-size: 2.0rem;
}
.users .icon_select {
    font-size: 2.0rem;
    padding: 20px 10px;
}

@media (max-width: 480px) {
    input {
        width: 100%;
    }
    select {
        width: 100%;
    }
    label {
        margin: 20px 0px 0px 0px;
        width: 100%;
    }
    #selectImg img {
        width: calc( 33.333% - 10px )
    }

}

/*Users/password_reminder パスワードをお忘れた方*/
.password_reminder {
    margin: auto;
    max-width: 480px;
    width: 90%;
}
.password_reminder .announce {
    margin-bottom: 20px;
}
.password_reminder .input_area {
    text-align: center;
}
.password_reminder .input_area label {
    margin-right: 0;
}
.password_reminder .button_area {
    margin: 20px auto 0;
    text-align: center;
}
.password_reminder .button_area input {
    margin: 20px auto 0;
    text-align: center;
    border-radius: 40px;
}
.password_reminder .back_to_login {
    margin-top: 20px;
    text-align: center;
}