@charset "utf-8";

#company {
    width: 90%;
    margin: 3% auto 0;
    overflow: hidden;
}

#company .title {
    width: 100%;
    padding-left: 1%;
    border-bottom: 1px solid #d3d5d8;
}
#company .title h2 {
    display: block;
    font-size: 4vw;
    font-weight: 900;
    line-height: 1;
}

#company table {
    width: 90%;
    font-size: 1.2em;
    margin: 5% auto 0;
}
#company table tr th {
    width: 20%;
    padding: 3%;
    background: #a2a4a9;
}
#company table tr td {
    padding: 3%;
}

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

    #company {
        width: 100%;
        padding: 5%;
    }

    #company table {
        margin-top: 10%;
        border: none;
    }
    #company table tr {
        display: block;
        margin-bottom: 3%;
    }
    #company table tr th {
        display: list-item;
        width: 100%;
        list-style: outside none none;
        border: none;
    }
    #company table tr td {
        display: block;
        width: 100%;
        border: none;
    }
}