.recruit_box {
    padding: 0 15px;
}

tr>th{
    white-space:nowrap;
    background-color: #f5f5f5;
    text-align: center;
}
.position{
    color:white;
    background-color:#00a0e0;
    text-align: left;
}


table th ,table td{
    vertical-align:middle;
    border: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
}

.phone{
    color:red;
}

@media (min-width: 767px) {
    .table{
        width: 50%;
        float:left;
    }

    table{
        width: 90%;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    table{
        width: 100%;
    }
}
@media (max-width: 480px) {
    table{
        width: 100%;
    }
}