@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;
}

.company li {
    margin: 0 0 0 -20px;
}

@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) {}