@charset "utf-8";
/*------------------------------------------------------------
	recruit
------------------------------------------------------------*/
#gNavi > ul > li.navi05 > a::after {
    opacity: 1;
}
.pageTitle_recruit {
    background-image: url("../images/recruit/bg_recruit.jpg");
}
#main .text {
    margin-bottom: 32px;
    text-align: justify;
    line-height: 2;
    letter-spacing: 0.1em;
}
#main .text01 {
    margin-bottom: 66px;
}
#main .btnList {
    margin-bottom: 70px;
}
#main .btnList li {
    margin: 0 15px;
    width: 300px;
}
#main .btnList li a {
    padding: 33px;
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.1em;
    background: #000;
}
#main .btnList li a.graduate {
	background-image: url("../images/recruit/tpb_graduate.jpg");
	background-size:110%;
}

#main .btnList li a.staff {
	background-image: url("../images/recruit/tpb_staff.jpg");
	background-size:115%;

}

#main .btnList li a.highschool {
	background-image: url("../images/recruit/tpb_highschool.jpg");
	background-size:110%;
}

#main .btnList li a.career {
	background-image: url("../images/recruit/tpb_career.jpg");
	background-size:105%;
}

#main .btnList li a.opencompany {
	background-image: url("../images/recruit/tpb_opencompany.jpg");
	background-size:100%;
}



#main .btnList li a::after {
    width: 17px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 50%;
    background: url("../images/common/arrow_01_white.svg") no-repeat center center / 100% 100%;
    content: '';
    transform: translateY(-50%);
    transition: 0.3s;
}
#main .bgGrey {
    margin-bottom: 63px;
    padding: 70px 186px 75px;
    background: #f6f6f6;
}
#main .company .comLinkList {
    margin: -67px auto 0;
    width: 710px;
}
#main .redTxt {
    mcolor: #e60012;
    font-weight: 700;
}

redTxt
@media all and (min-width: 897px) {
    #main .btnList li a {
        transition: 0.3s;
    }
    #main .btnList li a:hover {
        opacity: 0.7;
    }
    #main .btnList li a:hover::after {
        right: 10px;
    }
}
@media all and (max-width: 896px) {
    .pageTitle_recruit {
        background-image: url("../images/recruit/bg_recruit_sp.jpg");
    }
    #main .text {
        margin-bottom: 24px;
        font-size: 1.2rem;
        letter-spacing: 0.05em;
    }
    #main .text01 {
        margin-bottom: 26px;
    }
    #main .btnList {
        margin: 0 auto 30px;
        width: 200px;
        display: block;
    }
    #main .btnList li {
        margin: 0 0 21px;
        width: auto;
    }
    #main .btnList li:last-child {
        margin-bottom: 0;
    }
    #main .btnList li a {
        padding: 13px 25px 17px;
    }
    #main .btnList li a::after {
        width: 11px;
        height: 7px;
        right: 10px;
    }
    #main .bgGrey {
        margin: 0 -20px 20px;
        padding: 30px 15px 28px;
    }
    #main .company .comLinkList {
        margin: -19px -5px 0;
        width: auto;
    }
}