@charset "utf-8";

.sub_content_inner {
    padding: 60px 100px 94px;
}

.company table {
    width: 100%;
    table-layout: fixed;
}

.company table td {
    vertical-align: top;
}

.company table .item {
    width: 25%;
    padding: 24px 0 24px 26px;
    border-top: 1px solid var(--color-point-red);
    font-weight: bold;
}

.company table .desc {
    width: 75%;
    padding: 24px 0 24px 66px;
    border-top: 1px solid #e6e6e6;
}
.company table .Mid_career {
    width: 75%;
    border-top: 1px solid #000000;
}


.company table tr:last-child .item {
    border-bottom: 1px solid var(--color-point-red);
}

.company table tr:last-child .desc {
    border-bottom: 1px solid #e6e6e6;
}

.company table .desc .chart_img {
    width: 65%;
}
.company table .desc .mid_career_img {
    width: 100%;
}


.yakuin {
    width: 100%;
}

.yakuin td {
    padding: 4px 0;
}

.yakuin .item_yakuin {
    width: 30%;
}

.yakuin .item_yakuin::before {
    content: '■';
    display: inline-block;
    margin-right: 8px;
    color: var(--color-point-red);
    font-size: 10px;
}

.yakuin .desc_yakuin {
    width: 70%;
}

.enkaku {
    width: 100%;
}

.enkaku .l-flex {
    padding: 10px 0;
}

.enkaku .date {
    width: 38%;
    font-weight: bold;
}

.enkaku .date .year {
    margin-right: 20px;
    color: #aaa;
}

.enkaku .date::before {
    content: '■';
    display: inline-block;
    margin-right: 8px;
    color: var(--color-point-red);
    font-size: 10px;
}


.enkaku .desc_enkaku {
    width: 62%;
}

@media screen and (max-width: 680px) and (orientation: portrait),
screen and (max-width: 737px) and (orientation: landscape) {
    .sub_mainv_vis {
        background-position: 61% 50%;
    }

    .sub_content_inner {
        padding: 20px 5% 40px;
    }

    .company table .item {
        width: 26%;
        padding: 14px 0 14px 10px;
    }

    .company table .desc {
        width: 74%;
        padding: 14px 0 14px 10px;
    }

    .company table .desc .chart_img {
        width: 100%;
    }

    .yakuin .item_yakuin {
        width: 60%;
    }

    .yakuin .desc_yakuin {
        width: 40%;
    }

    .enkaku .date {
        width: 100%;
    }

    .enkaku .desc_enkaku {
        width: 100%;
    }
}