div.leave_records {
    width: 60%;
    margin: 0 auto;
}

div.leave_records div.leave_records_group {
    margin-bottom: 20px;
}

div.leave_records div.leave_records_group_title {
    font-size: 1.2vw;
    font-weight: bold;
}

div.leave_records div.leave_record {
    margin-top: 12px;
    margin-left: 2vw;
}

div.leave_records div.leave_record div.profile {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}

div.leave_records div.leave_record img.leave_profile_photo {
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
}

div.leave_records div.leave_record div.leave_profile_nickname {
    margin-left: 6px;
    font-size: 1.1vw;
}

@media screen and (max-width: 768px) {
    div.leave_records {
        width: 80%;
    }

    div.leave_records div.leave_records_group_title {
        font-size: 18px;
    }

    div.leave_records div.leave_record img.leave_profile_photo {
        width: 36px;
        height: 36px;
    }

    div.leave_records div.leave_record div.leave_profile_nickname {
        font-size: 16px;
    }
}