@charset "UTF-8";

.company .outlinelist-wrap table {
    margin-bottom: 40px;
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.company .outlinelist-wrap table th,
.company .outlinelist-wrap table td {
    display: block;
    width: 100%;
}

.company .outlinelist-wrap table th {
    padding: 16px 5px 2px;
    border-top: solid 1px #ccc;
    color: #000;
}

.company .outlinelist-wrap table td {
    padding: 2px 5px 16px;
}

/* link */

main a {
    color: #e27d14;
    font-weight:bold;
}

main a:link {
    color: #e27d14;
    font-weight:bold;
    text-decoration: underline;
}

main a:visited {
    color: #e27d14;
    font-weight:bold;
    text-decoration: underline;
}

main a:hover {
    color: #e27d14;
    font-weight:bold;
    text-decoration: underline;
}

main a:active {
    color: #e27d14;
    font-weight:bold;
    text-decoration: underline;
}

/*history-list*/
.company .outlinelist-wrap table.history-list{
    width:100%;
    border-bottom:none;
    margin-bottom:0;
}
.company .outlinelist-wrap table.history-list th{
    display:block;
    width:100%;
    border-top:none;
}
.company .outlinelist-wrap table.history-list td{
    display:block;
    width:100%;
    border-bottom:none;
}


@media (min-width: 576px) {}

@media (min-width: 768px) {

    .company .outlinelist-wrap table {
        /*margin-bottom: 100px;*/
        margin-bottom: 0;
    }
    .company .outlinelist-wrap table th,
    .company .outlinelist-wrap table td {
        display: table-cell;
    }
    .company .outlinelist-wrap table th {
        padding: 16px 12px;
        width: 140px;
        vertical-align: top;
    }
    .company .outlinelist-wrap table td {
        padding: 16px 12px;
        width: auto;
        border-top: solid 1px #ccc;
        vertical-align: top;
    }

    /*history-list*/
    .company .outlinelist-wrap table.history-list{
        width:100%;
    }

.company .outlinelist-wrap table.history-list th{
    display:table-cell;
    width:200px;
    border-top:none;
    font-weight: normal;
    padding:0;
}
.company .outlinelist-wrap table.history-list td{
    display:table-cell;
    width:calc( 100% - 200px );
    border-bottom:none;
    border-top:none;
    padding:0;
}

}

@media (min-width: 992px) {
        .company .outlinelist-wrap table {
        /*margin-bottom: 120px;*/
    }
    .company .outlinelist-wrap table th {
        width: 215px;
    }
}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}