.town_master_wrap {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

.town_master_table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    font-size: 15px;
    border: 1px solid #d8e5de;
}

.town_master_table th {
    background: #e7f4ed;
    color: #1d4d39;
    padding: 12px;
    border: 1px solid #d8e5de;
    text-align: left;
    font-weight: bold;
}

.town_master_table td {
    padding: 12px;
    border: 1px solid #d8e5de;
    vertical-align: top;
}

.town_master_table tr:nth-child(even) {
    background: #f8fbf9;
}

.officer_position,
.department_name {
    width: 35%;
    white-space: nowrap;
}

.officer_name,
.activity_content {
    width: 65%;
}

@media screen and (max-width: 768px) {

    .town_master_table {
        font-size: 14px;
    }

    .town_master_table th,
    .town_master_table td {
        padding: 8px;
    }

}