@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.bl-lower-mv {
	background: url(../images/mid-career-recruitment/mv-bg.jpg) top center / cover no-repeat;
}
.el-lower-mv-ttl::before{
	width: 406px;
	height: 168px;
	background: url(../images/mid-career-recruitment/mid-career-recruitment-ttl.svg) top center / contain no-repeat;
	bottom: -4px;
	left: -116px;
}
@media screen and (max-width: 750px) {
	.bl-lower-mv {
		background: url(../images/mid-career-recruitment/mv-bg-sp.jpg) top center / cover no-repeat;
	}
	.el-lower-mv-ttl::before{
		width: 406px;
		height: 168px;
		left: 30px;
	}
}

/*=======================================================
welcome
=======================================================*/
.bl-welcome{
	background: linear-gradient(
	to bottom,
	#fff 512px,
	var(--color-main-green) 0);
}
.bl-welcome-list{
	margin: 124px auto 0;
	display: flex;
	justify-content: center;
	gap: 16px;
	position: relative;
}
.bl-welcome-list::before{
	content: '';
	position: absolute;
	background: url(../images/mid-career-recruitment/welcome-img01.png) top center / contain no-repeat;
	width: 254px;
	height: 338px;
	top: -112px;
	left: 50%;
	transform: translateX(-50%);
}
.bl-welcome-item{
	width: 270px;
	height: 270px;
	border-radius: 270px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--color-sub-pink);
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 0.96px;
	box-shadow: 0 0 20px rgba(105, 198, 172, 0.2);
	z-index: 5;
	
}
.bl-welcome-item:nth-of-type(2){
	margin-top: 132px;
}
.el-welcome-ttl{
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.96px;
	text-align: center;
	margin: 96px 0 40px;
}
.bl-shop-unit{
	width: fit-content;
	gap: 24px;
	margin: 0 auto;
}
.bl-shop-item{
	width: 298px;
}
.bl-shop-item .bl-card-img-wrapper{
	width: 298px;
	height: 168px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bl-shop-item .el-card-ttl{
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.8px;
	margin-top: 24px;
}
@media screen and (max-width: 750px) {
	.bl-welcome{
		background: linear-gradient(
		to bottom,
		#fff 762px,
		var(--color-main-green) 0);
	}
	.bl-welcome-list{
		margin: 138px auto 0;
		gap: 0;
	}
	.bl-welcome-list::before{
		width: 290px;
		height: 387px;
		top: -101px;
		left: 50%;
		transform: translateX(-50%);
	}
	.bl-welcome-item{
		width: 250px;
		height: 250px;
		font-size: 28px;
		letter-spacing: 1.12px;
	}
	.bl-welcome-item:nth-of-type(2){
		margin: 188px -24px 0;
	}
	.el-welcome-ttl{
		font-size: 32px;
	}
	.bl-shop-unit{
		width: 610px;
	}
	.bl-shop-item{
		width: 100%;
	}
	.bl-shop-item .bl-card-img-wrapper{
		width: 100%;
		height: 344px;
	}
	.bl-shop-item .el-card-ttl{
		font-size: 28px;
	}
}