@charset "UTF-8";

.company{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.company:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../img/common/bg1.png) 0 0 repeat-x;
    background-size: auto 100%;
    left: 0;
    right: 0;
    top: 92rem;
    height: 1365px;
}

.company_inner{
    padding-bottom: 170px;
}
.company_mes{
    margin-bottom: 103px;
    display: grid;
    gap: 58px 0;
}
.company_mes p{}

.company_bnr{
    margin-top: 267px;
}


.company_btn{
    text-align: center;
}



/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media screen and (max-width: 767px) {
    .company{}

    .company:before{
    top: 54rem;
    height: 100rem;
}

    .company_inner{
    padding-bottom: 10rem;
}
    .company_mes{
    margin-bottom: 5rem;
    gap: 30px 0;
}

    .company_mes p{}

    .company_bnr{
        margin-top: 79px;
    }


    .company_btn{}

}