:root {
    --mb-fs-18: 2.3684210526316vw;
    --mb-lh-46: 6.0526315789474vw;
}

#company-history {
    height: auto;
}

.banner-img {
    background-image: var(--banner-url);
    width: 100vw;
    height: 21.8vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.history-content{
    position: relative;
    background-image: url("../img/company/history/background.png");
    background-repeat: no-repeat;
    background-color: #12c0a9;
    background-size: cover;
}

#company-history .history-banner {
    position: relative;
}

#company-history .history-banner img {
    width: 100%;
    height: 100%;
}

#company-history .history-banner .company-text {
    position: absolute;
    z-index: 1;
    width: 36%;
    left: -1vw;
    top: 18vw
}

#company-history .content{
    position: relative;
    top: 9vw;
    border: 5px solid #000000;
    border-radius: 10px;
    background-color: #FFFFFF;
    text-align: center;
    margin: 0 6.2% 0 5.2%;
    padding-bottom: 8.8vw;
    box-shadow: 18px 15px #fff, 18px 15px 0 5px #000;
}

#company-history .title svg {
    width: 100%;
    height: 100%;
}

#company-history .title {
    padding-top: 5.2vw;
    margin: 0 20%;
}

#company-history .sp {
    display: none;
}

#company-history .history {
    margin: 6.6vw 12.4vw 0 12.4vw;
}

#company-history table {
    margin: 0;
    width: 100%;
    font-size: 24px;
}

#company-history .table-history .bt{
    border-top: 1px solid #000000;
}

#company-history .table-history .time{
    background-color: #11C7B2;
    padding: 3.5vw 1.56vw;
    font-size: 1.25vw;
    line-height: 2.5vw;
}

#company-history .table-history .description{
    background-color: #EDE9E2;
    text-align: left;
    padding-left: 3.1vw;
    font-size: 1.25vw;
    line-height: 2.5vw;
}

#company-history .company-top-pc {
    text-align: center;
    margin: 15.3vw 36.8vw 0 36.8vw;
}

#company-history .company-top-sp {
    display: none;
}

section {
    padding-top: 10.41vw;
}

.element-btn-action {
    margin-bottom: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

table p {
    margin-bottom: 0!important;
}


@media screen and (width: 1920px){
    #company-history .content{
        top: 173px;
        margin: 0 120px 0 100px;
        padding-bottom: 169px;
        box-shadow: 18px 15px #fff, 18px 15px 0 5px #000;
    }
}

@media screen and (max-width: 760px){
    .history-content{
        background-image: url("../img/company/history/bg-sp.png");
    }

    /* #company-history .history-banner img {
        width: 57vw;
        height: 14.08vw;
    } */
    .banner-img {
        background-image: url('../banner_img/banner_002_sp.png');
        width: 100vw;
        height: 116.7vw;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #company-history .history-banner .company-text {
        /* margin: 8vw 49.86vw 0 -6.97vw; */
        top: 129vw;
    }

    #company-history .content{
        top: 15.13vw;
        margin: 0 6.58vw;
        padding-bottom: 6.9vw;
        box-shadow: none;
    }

    #company-history .title {
        padding-top: 17vw;
        margin: 0 12.92vw 0 11.71vw;
    }

    #company-history .pc {
        display: none;
    }

    #company-history .sp {
        display: block;
    }
    #company-history .history {
        margin: 4.6vw 3.8vw 0 3.8vw;
    }

    #company-history table {
        font-size: 18px;
    }

    #company-history .table-history tr{
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
    }

    #company-history .table-history .time{
        width: 30%;
        font-size: var(--mb-fs-18);
    }

    #company-history .table-history .description {
        padding: 4.868vw 1vw 4.868vw 4.47vw;
        border: 1px solid #818181;
        border-right: none;
        line-height: 35px;
        font-size: var(--mb-fs-18);
    }

    #company-history .company-top-pc {
        display: none;
    }

    #company-history .company-top-sp {
        display: block;
        margin: 23.68vw 6.58vw 0 48.48vw;
    }

    section {
        padding-top: 11.12vw;
    }

}

@media screen and (max-width: 500px){
    #company-history .table-history .description {
        padding-top: 37px;
        padding-bottom: 37px;
    }
}