@charset "utf-8";


/* -----------------------------------------------------------
    recruitment-area
-------------------------------------------------------------- */
#recruit .recruitment-area {
	padding: 150px 0;
}

.recruitment-area ul{
	display: flex;
	justify-content: space-between;
}
.recruitment-area ul li{
	
	width: calc((100% / 2) - 20px);
	
}
.recruitment-area ul li a{
	height: 100%;
	display: flex;
	flex-direction: row-reverse;
	border-radius: 30px;
	background: var(--lightblue);
	justify-content: space-between;
}
.recruitment-area ul li a:hover{
	color: var(--blue);
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	
}
.recruitment-area ul li .txt-box{
	padding: 30px;
}
.recruitment-area ul li .title{
	font-size: 2.3rem;
	font-weight: bold;
	color: var(--blue);
}
.recruitment-area ul li .title i{
	margin: 0 0 0 10px;
	font-size: 1.8rem;
}

.recruitment-area ul li .banner-img{
	width: 200px;
	object-fit: cover;
	border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 667px) {
	#recruit .recruitment-area {
		padding: 50px 0;
		
	}
	.recruitment-area ul{
		display: block;
	}
	.recruitment-area ul li{
		width: 100%;
		
	}
	.recruitment-area ul li:nth-child(n + 2){
		margin: 20px 0 0;
	}
	.recruitment-area ul li a{
		display: block;
		border-radius: 15px;
	}
	.recruitment-area ul li a:hover{
	}
	.recruitment-area ul li .txt-box{
		padding: 20px;
	}
	.recruitment-area ul li .title{
	}

	.recruitment-area ul li .banner-img{
		width: 100%;
		height: 200px;
		border-radius: 15px 15px 0 0;
	}

}