@charset 'utf-8';

.recruit-box .recruit-list{display:flex;gap:2.7rem;}
.recruit-box .recruit-list > li{position:relative;width:33.333%;aspect-ratio: 510 / 366;border-radius:1rem;overflow:hidden;}
.recruit-box .recruit-list > li .badge-box{position:absolute;right:4rem;bottom:4.2rem;width:6.475rem;height:6.267rem;}
.recruit-box .recruit-list > li.col03{aspect-ratio:unset;}
.recruit-box .recruit-list > li > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:4.2rem 4rem;box-sizing:border-box;}
.recruit-box .recruit-list > li .img-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-10;}
.recruit-box .recruit-list > li .lnk-box .lnk-title{display:inline-block;margin:0 0 2rem;padding:0 3.6rem 0 0;background:url(../img/main/ico-recruit-arrow01.png) no-repeat center right / 2.8rem;font-size:2.8rem;font-weight:var(--font-weight-bold);line-height:100%;letter-spacing:-0.01em;color:var(--color83);}
.recruit-box .recruit-list > li .lnk-box .lnk-desc{font-size:1.6rem;font-weight:var(--font-weight-medium);line-height:2.7rem;color:var(--white100);}
.recruit-box .recruit-list > li.col03{display:flex;flex-wrap:wrap;gap:2.7rem;}
.recruit-box .recruit-list > li.col03 .top-box{position:relative;width:100%;aspect-ratio: 510 / 259;border-radius:1rem;overflow:hidden;}
.recruit-box .recruit-list > li.col03 .top-box a{position:absolute;top:0;left:0;width:100%;height:100%;padding:4.2rem 4rem;box-sizing:border-box;}
.recruit-box .recruit-list > li.col03 .top-box .img-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-10;}
.recruit-box .recruit-list > li.col03 .bottom-box{width:100%;}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box{display:flex;gap:1rem;width:100%;}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box li{width:50%;border-radius:8px;overflow:hidden;box-sizing:border-box;}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box li a{display:flex;align-items:center;position:relative;padding:1.8rem 1.6rem;width:100%;font-size:2rem;font-weight:var(--font-weight-bold);line-height:100%;letter-spacing:-0.01em;color:var(--white100);box-sizing:border-box;}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box li a::before{content:'';background-size:4.4rem;background-repeat:no-repeat;background-position:center center;}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box li a::after{content:'';position:absolute;right:1.6rem;width:2.8rem;height:2.8rem;background:url(../img/main/ico-recruit-arrow02.png) no-repeat center center / 2.8rem;}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box .result a{background-color:var(--color86);}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box .result a::before{display:block;position:relative;left:0;margin:0 1rem 0 0;width:4.4rem;height:4.4rem;background-image:url(../img/main/ico-recruit-result.png);}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box .faq{background-color:var(--color84);}
.recruit-box .recruit-list > li.col03 .bottom-box .card-box .faq a::before{display:block;position:relative;left:0;margin:0 1rem 0 0;width:4.4rem;height:4.4rem;background-image:url(../img/main/ico-recruit-faq.png);}

@media screen and (max-width:1280px){
	.recruit-box .recruit-list > li.col03{width:47%;}
}

@media screen and (max-width:1024.98px){
	.recruit-box .recruit-list{flex-wrap:wrap;gap:1rem;}
	.recruit-box .recruit-list > li{width:calc(50% - 5px);}
	.recruit-box .recruit-list > li.col03{width:100%;}
}

@media screen and (max-width:768px){
	.recruit-box .recruit-list{flex-wrap:wrap;gap:2rem;}
	.recruit-box .recruit-list > li{width:100%;aspect-ratio:355 / 230;}
	.recruit-box .recruit-list > li.col03{width:100%;gap:2rem;}
	.recruit-box .recruit-list > li.col03 .top-box{width:100%;aspect-ratio:355 / 230;}
	.recruit-box .recruit-list > li.col03 .bottom-box .card-box{flex-wrap:wrap;gap:2rem;}
	.recruit-box .recruit-list > li.col03 .bottom-box .card-box li{width:100%;}
	.recruit-box .recruit-list > li > a{padding:3rem 2rem;}
	.recruit-box .recruit-list > li .lnk-box .lnk-title{margin:0 0 1.5rem;font-size:2.4rem;}
	.recruit-box .recruit-list > li .lnk-box .lnk-desc{font-size:1.5rem;line-height:2.4rem;}
	.recruit-box .recruit-list > li .badge-box{right:2rem;bottom:3rem;}
	.recruit-box .recruit-list > li.col03 .top-box a{position:absolute;top:0;left:0;width:100%;height:100%;padding:3rem 2rem;box-sizing:border-box;}
	.recruit-box .recruit-list > li.col03 .bottom-box .card-box li a{padding:2rem;height:6.4rem;font-size:1.6rem;}
}