@charset "utf-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

recruit career CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

.career .table-responsive .wrap_scroll_table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.career .table-responsive .scroll_table {
    width: 100%;
    margin-top: 10px;
    margin: 0 auto;
    table-layout: fixed;
    border-left: #DDD solid 1px;
    border-top: #DDD solid 1px;
}

.career .table-responsive .scroll_table td,
.career .table-responsive .scroll_table th {
    font-size: 1.4rem;
    text-align: center;
}

.career .table-responsive .scroll_table thead th {
    background: #3853A5;
    color: #fff;
    padding: 15px;
    border-right: #FFF solid 1px;
}
.career .table-responsive .scroll_table thead th:first-child {
    width: 200px;
    border-bottom: #FFF solid 1px;
}
.career .table-responsive .scroll_table thead th:last-child {
    border-right: #DDD solid 1px;
}
.career .table-responsive .scroll_table td {
    background: #f5f6f8;
    padding: 4px 12px;
    border-right: #DDD solid 1px;
    border-bottom: #DDD solid 1px;
}
.career .table-responsive .scroll_table tbody th {
    background: #3853A5;
    color: #fff;
    padding: 15px;
    border-right: #FFF solid 1px;
    border-top: #FFF solid 1px;
}
.career .table-responsive .scroll_table tbody th.table-th-last {
    border-bottom: #DDD solid 1px;
}
.career .table-responsive .txt {
    display: none;
}
@media screen and (max-width: 600px) {
    .career .table-responsive .scroll_table {
        width: 100%;
        max-width: none;
        border: none;
    }
    .career .table-responsive .scroll_table thead th {
        display: none;
    }
    .career .table-responsive .scroll_table tbody th {
        display: block;
        width: 100%;
        background: #3853A5;
        color: #fff;
        padding: 15px;
        border-right: none;
        border-top: none;
        font-size: 1.8rem;
    }
    .career .table-responsive .scroll_table td {
        display: block;
        width: 100%;
        background: #f5f6f8;
        padding: 10px 0;
        border-left: #DDD solid 1px;
        font-size: 1.6rem;
    }
    .career .table-responsive .scroll_table td[data-title]::before {
        color: #666;
        content: attr(data-title) " :";
        font-weight: bold;
        padding: 0 10px 0 0;
        display: inline;
    }
}