table{
    width: 100%;
    border-top: 2px solid #4a4a4a;
    border-bottom: 2px solid #4a4a4a;
    border-collapse: collapse;
    table-layout: fixed;
}
.table_no{
    width: 11.1666%;
}
.table_title{
    width: 76.3333%;
}
.table_date{
    width: 12.5%
}
th, td{
    vertical-align: middle;
    border-bottom: 1px solid #c8c8c8;
}
th{
    height: 2.6042vw;
    background-color: #f5f5f5;
    font-size: .9375vw;
    font-weight: bold;
}
td{
    height: 3.6458vw;
}
table .no, table .date{
    text-align: center;
    font-size: .9375vw;
}
table .title_text{
    font-size: 1.25vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
table .title_date{
    display: none;
}
.title_text{
    line-height: normal;
}
.title_text a:hover{
    text-decoration: underline;
}
table .date{
    color: #666;
}

@media all and (max-width:991px){
    .table_no{
        width: 13.37%;
    }
    .table_title{
        width: 70.63%;
    }
    .table_date{
        width: 15.98%;
    }
    th{
        height: 6.5104vw;
        font-size: 2.3438vw;
    }
    td{
        height: 9.1146vw;
    }
    table .no, table .date{
        font-size: 2.3438vw;
    }
    table .title_text{
        font-size: 3.125vw;
    }
}

@media all and (max-width:479px){
    .table_no, .table_date{
        width: 0;
    }
    .table_title{
        width: 100%;
    }
    th{
        height: 11.1111vw;
        font-size: 3.8889vw;
    }
    td{
        height: 17.5vw;
    }
    thead th:first-of-type, thead th:last-of-type{
        font-size: 0;
    }
    table .no, table .date{
        font-size: 0;
    }
    table .title_text{
        margin-bottom: 1.3889vw;
        font-size: 3.8889vw;
    }
    table .title_date{
        display: block;
        font-size: 3.3333vw;
        color: #666;
    }
}