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

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


/*
	職種紹介
-----------------------------------------------------------------------------------------------*/
/* ページタイトル
============================== */
.pageJob #cmnTitWrapper{
	background-image: url("../images/bg_cmn_tit_job_pc.png");
}

/* 職種
============================== */
.jobBox{
	display: flex;
	align-items: flex-start;
	gap: 0 50px;
}
.jobBox:not(:last-of-type){
	padding-bottom: 70px;
	margin-bottom: 70px;
	position: relative;
}
.jobBox:not(:last-of-type)::after{
	content: " ";
	display: block;
	width: calc(100% - 60px);
	height: 1px;
	background-color: var(--clrBase10);
	position: absolute;
	bottom: 0;
}
/* テキストエリア */
.jobTxtArea{
	width: 540px;
}
/* タイトル */
.jobTit{
	color: var(--clrBlueD);
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.2rem;
	margin-bottom: 30px;
}
/* 本文 */
.jobTxt{
	text-align: justify;
	font-weight: 700;
	line-height: var(--lineHeightL);
}
/* リストエリア */
.jobListArea{
	border: 5px solid var(--clrBase10);
	border-radius: var(--roundS);
	padding: 35px 25px 25px 25px;
	margin-top: 50px;
	position: relative;
}
/* リストタイトル */
.jobListArea .bgRoundTitS{
	width: 150px;
	text-align: center;
	position: absolute;
	top: 0;
	translate: 0 -50%;
}
/* リスト */
.jobListArea .icoListBlue{
	text-align: justify;
}


@media screen and (max-width:812px){
	/*
		職種紹介
	-----------------------------------------------------------------------------------------------*/
	/* ページタイトル
	============================== */
	.pageJob #cmnTitWrapper{
		background-image: url("../images/bg_cmn_tit_job_sp.png");
	}

	/* 職種
	============================== */
	.jobBox{
		gap: 30px 0;
	}
	.jobBox:not(:last-of-type){
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.jobBox:not(:last-of-type)::after{
		width: calc(100% - 40px);
	}
	/* テキストエリア */
	.jobTxtArea{
		width: 100%;
	}
	/* タイトル */
	.jobTit{
		text-align: center;
		font-size: 2.8rem;
		margin-bottom: 20px;
	}
	/* 写真 */
	.jobTxtArea .cmnAnmPh50{
		margin-bottom: 20px;
	}
	/* リストエリア */
	.jobListArea{
		padding: 30px 15px 20px 15px;
		margin-top: 30px;
	}
	/* リストタイトル */
	.jobListArea .bgRoundTitS{
		font-size: 1.3rem;
		padding-block: 4px 6px;
	}
}