/* CSS Document */

.sub-fv-title-box::before{
	content: 'RECRUIT';
}

/* 一緒に働きませんか　*/


#join-us{
	background: url("../img/bk/recruit-bk.jpg") top left;
	background-size: cover;
	display: block;
}

.join-us{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 100px 0 50px;
}


/* loop */
.scroll-infinity{
	position: relative;
	z-index: 2;
}

.scroll-infinity__list--left {
    animation: infinity-scroll-left 55s infinite linear;
}


/* loop //*/


.join-us-box{
	top: -5rem;
	z-index: 1;
	position: relative;
	display: block;
	width: 80vw;
	background: rgba(255,255,255,0.65);
	padding: 100px 6vw;
}


.join-us-box h3{
	color: #111B3D;
	font-size: 3rem;
}

.join-us-box dl{
	margin: 20px 0;
}

.join-us-box dt{
	font-size: 1.25rem;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
	padding: 20px 0;
	line-height: 1;
}

.join-us-box dd li{
	margin-top: 20px;
	padding-left: 2rem;
	font-size: 1.8rem;
	line-height: 1;
	position: relative;
}


.join-us-box dd li::before{
	content: '◎';
	display: block;
	position: absolute;
	left: 0;
	top:50%;
	transform: translateY(-50%);
	font-size: 1.8rem;
	line-height: 1;
}



/* 一緒に働きませんか　///*/


.job-des .main-text{
	padding-bottom: 20px;
	border-bottom: 1px solid #b9b9b9;
}


@media(max-width: 1000px){
	
	#join-us {
    	padding-top: 50px;
	}
	
	.scroll-infinity {
		top: -35px;
	}
	
	.join-us-box {
		padding: 70px 5vw;
	}
	
	.join-us {
		padding: 80px 0 50px;
	}
	
	.join-us-box h3 {
		font-size: max(4.5vw, 1.75rem);
	}
	
	.join-us-box dd li {
		padding-left: 1.5rem;
		font-size: max(2.7vw, 1.1rem);
		line-height: 1.35;
	}
	
	.join-us-box dt {
		font-size: max(1.7vw, 1rem);
	}
	
	.join-us-box dd li::before {
		line-height: 1.35;
    	font-size: max(2.7vw, 1.1rem);
	}
	
	
	
}




@media(max-width: 800px){
	

	.join-us {
        padding: 50px 0 0;
    }
	
    .join-us-box {
        width: calc(100% - 10px);
        padding: 70px 10px 50px;
    }
	
}




@media(max-width: 600px){
	
	.scroll-infinity__list--left {
		animation: infinity-scroll-left 45s infinite linear;
	}
	
	.scroll-infinity__item {
		min-width: 600px;
		width: 150vw;
	}
	

	.scroll-infinity {
        top: -10vw;
    }
	
	.join-us-box dt {
    	padding: 10px 0;
	}

}



@media(max-width: 390px){

	.join-us-box h3 {
        font-size: max(5vw, 1.5rem);
    }
	
	.join-us-box dt {
        font-size: max(1.7vw, 0.85rem);
    }
	
	.scroll-infinity__list--left {
		animation: infinity-scroll-left 30s infinite linear;
	}
	
	.join-us-box dd li::before {
        font-size: max(2.7vw, 1.1rem);
        top: 0;
        transform: translateY(0);
    }
	
	.join-us-box dd li {
		padding-left: 1.25rem;
	}

}