@charset "utf-8";

/* ----------------------- */

/* ページ上部右側のオブジェクト */
.page-object-recruit{
    width: 27.239%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 13rem 12.8% 0 0;
    z-index: -1;
}

.page-recruit .job-list{
    margin-top: 22.5rem;
}

.page-recruit .job-list .btn{
    width: 60rem;
    height: 6.4rem;
    border-radius: 1rem;
    position: relative;
}

.page-recruit .job-list .btn a{
    border-radius: 1rem;
}

.page-recruit .job-list .btn a span{
    height: 6rem;
    line-height: 6.4rem;
    border-radius: 1rem;
    padding-left: 5rem;
    font-family: MPLUS-Eb;
    text-align: left;
}

.page-recruit .job-list .btn:after{
    content: "";
    display: inline-block;
    width: 4.6rem;
    height: 1rem;
    background: url("../images/about/arrow.png") no-repeat center bottom / 100% auto;
    position: absolute;
    top: 50%;
    right: 1.8rem;
    transform: translate(0, -50%);
    pointer-events: none;
}


@media (max-width: 1024px) {
    
    .page-object-recruit{
        width: 52%;
        margin: 11rem -13.8% 0 0;
    }

    .page-recruit .job-list{
        margin-top: 19.5rem;
    }

    .page-recruit .job-list .btn{
        width: 100%;
        height: 10rem;
    }

    .page-recruit .job-list .btn a span{
        height: 9.6rem;
        font-size: 3.2rem;
        line-height: 10rem;
    }

    .page-recruit .job-list .btn:after{
        width: 5.8rem;
        height: 1.3rem;
        position: absolute;
        top: 50%;
        right: 2rem;
    }
}