@charset "utf-8";
/* -----------------------------------------------------------
    rec-message  採用 パート・アルバイト
-------------------------------------------------------------- */
@media screen and (min-width: 769px) {
    .rec-nav-item[data-recnav="part"] a {
        color: var(--mainc) !important;
    }
    .rec-nav-item[data-recnav="part"]::after {
        width: 100%!important;
        display: inline-block!important;
    }
    .rec-part #wrapper {
        overflow: clip;
    }
    .rec-cmn .rec-nav-wrap {
        margin: 30px 0 0;
    }
}

.rec-underttl-area .rec-underttl-inner .rec-ttl-img {
    left: 180px;
    top: 30px;
    width: 380px;
    transform: rotate(-10deg);
}

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

    .rec-cmn .rec-nav-sub[data-recsub="part"]{
        display: block!important;
    }
    
     .rec-cmn.rec-part .rec-nav .rec-nav-main {
        display: flex;
        overflow-x: scroll;
    }
    
    .rec-cmn.rec-part .rec-nav .rec-nav-item {
        margin: 0 10px 0 0;
    }
    
    .rec-part .rec-underttl-area .rec-underttl-inner .ja {
        font-size: 2.7rem;
    }
    
    .rec-underttl-area .rec-underttl-inner .rec-ttl-img {
        left: auto;
        top: 30px;
        width: 250px;
        right: 5px;
    }

}


/* -----------------------------------------------------------
    job-details-area
-------------------------------------------------------------- */

.rec-part .job-details-area .job-details-bg {
    top: 745px;
}

.rec-part .job-details-area .details-link-contents {
    padding: 20px 0;
}

@media screen and (min-width: 769px) {

    .job-details-area .details-link-wrap .details-link-item {
        width: calc((100% - 120px) / 4);
    }

    .job-details-area .details-link-wrap a {
        display: block;
    }

}

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

    .rec-part .job-details-area .job-details-bg {
        top: 1010px;
    }
    
    .rec-part .job-details-area .details-link-wrap .details-link-contents {
        padding: 10px 0 20px;
    }

}



/* -----------------------------------------------------------
    environment-area
-------------------------------------------------------------- */
@media screen and (min-width: 769px) {
    #recruit .environment-area {
       padding-top: 50px;
    }
}

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

    #recruit .environment-area {
        
    }

}