@charset "UTF-8";
/* CSS Document */

/*
	ページタイトル
-----------------------------------------------------------------------------------------------*/
.cmnTit{
	 text-shadow: -1px -1px 7px rgb(130 110 255 / 30%),
				  1px -1px 7px rgb(130 110 255 / 30%),
				  1px 1px 7px rgb(130 110 255 / 30%),
				  -1px 1px 7px rgb(130 110 255 / 30%);
}


/*
	人事・研修制度
-----------------------------------------------------------------------------------------------*/
/* ページタイトル
============================== */
.pageTraining #cmnTitWrapper{
	background-image: url("../images/bg_cmn_tit_environment_training_pc.png");
}

/* 新規職員・育休復帰時のサポート
============================== */
.trainingSupportList{
	display: flex;
	justify-content: center;
	gap: 0 60px;
}
.trainingSupportList li{
	width: calc((100% - 120px)/3);
}
.trainingSupportList .markerTit{
	text-align: center;
	margin-block: 15px;
}
.trainingSupportTxt{
	text-align: justify;
}


/*
	福利厚生
-----------------------------------------------------------------------------------------------*/
/* ページタイトル
============================== */
.pageWelfare #cmnTitWrapper{
	background-image: url("../images/bg_cmn_tit_environment_welfare_pc.png");
}

/* コンテンツ同士の空き
============================== */
.pageWelfare .ctsArea:not(:last-of-type){
	padding-bottom: 80px;
}

/* タイトル
============================== */
.welfareTit{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px 0;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	line-height: 100%;
	margin-bottom: 30px;
}


@media screen and (max-width:812px){
	/*
		人事・研修制度
	-----------------------------------------------------------------------------------------------*/
	/* ページタイトル
	============================== */
	.pageTraining #cmnTitWrapper{
		background-image: url("../images/bg_cmn_tit_environment_training_sp.png");
	}

	/* 新規職員・育休復帰時のサポート
	============================== */
	.trainingSupportList{
		flex-direction: column;
		gap: 36px 0;
	}
	.trainingSupportList li{
		width: 100%;
	}
	.trainingSupportList .markerTit{
		margin-block: 10px;
	}
	/* 新規職員・育休復帰時のサポート 中黒 */
	.normalTit:has(+.trainingSupportList){
		letter-spacing: 0.08rem
	}


	/*
		福利厚生
	-----------------------------------------------------------------------------------------------*/
	/* ページタイトル
	============================== */
	.pageWelfare #cmnTitWrapper{
		background-image: url("../images/bg_cmn_tit_environment_welfare_sp.png");
	}

	/* コンテンツ同士の空き
	============================== */
	.pageWelfare .ctsArea:not(:last-of-type){
		padding-bottom: 50px;
	}


	/* タイトル
	============================== */
	.welfareTit{
		gap: 10px 0;
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 25px;
	}
	.welfareTit img{
		width: 50px;
	}
}