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

/*
	header
-----------------------------------------------------------------------------------------------*/
/* ENTRYボタン
============================== */
@media print, screen and (min-width:813px){
	#headerWrapper .grdBtnGreen{
		border: 1px solid #fff;
	}
}


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


/*
	採用情報
-----------------------------------------------------------------------------------------------*/
/* 共通
============================== */
/* ボタン上の空き */
.pageRecruit .tblBase .btnArea,
.flowListTxtArea .btnArea{
	margin-top: 15px;
}

/* ページタイトル
============================== */
.pageRecruit #cmnTitWrapper{
	background-image: url("../images/bg_cmn_tit_recruit_pc.png");
}

/* 求める職員像と能力・資質
============================== */
#qualitiesWrapper{
	background-color: var(--clrGreyL);
	border-radius: var(--roundL);
	padding: 10px 10px 0 10px;
	position: relative;
}
/* メインタイトル */
.qualitiesMainTit{
	width: fit-content;
	background-color: var(--clrBase);
	border-radius: var(--roundSS);
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 100%;
	padding: 10px 20px;
	margin-inline: auto;
	position: absolute;
	top: 5px;
	left: 50%;
	translate: -50% -50%;
}
/* メインテキスト */
.qualitiesMainTxt{
	background-color: #fff;
	border-radius: calc(var(--roundL) - 10px);
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	line-height: 160%;
	padding: 50px;
}
.qualitiesMainTxt span.jsAnmStart{
	animation: anmBlur 0.8s ease var(--anmDelay) forwards,
			   anmFadeIn 0.8s ease var(--anmDelay) forwards;
}
/* リスト */
.qualitiesList{
	display: flex;
	justify-content: center;
	gap: 0 30px;
	padding-block: 30px;
}
.qualitiesList li{
	width: 300px;
	min-height: 290px;
	background-image: var(--bgTexture), linear-gradient(135deg,var(--clrLimeGreenL) 15%, var(--clrLimeGreenD) 80%);
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
	border-bottom-left-radius: var(--roundS);
	border-bottom-right-radius: var(--roundS);
	color: #fff;
	font-weight: 700;
	padding: 60px 40px 50px 40px;
}
.qualitiesListNum{
	display: block;
	text-align: center;
	font-size: 6rem;
	font-family: var(--fEnSub);
	letter-spacing: 0.3rem;
}
.qualitiesListTxt{
	text-align: justify;
}
.qualitiesListTxt span{
	display: inline;
	background: linear-gradient(transparent 96%, #fff 0%);
	font-size: 1.7rem;
	line-height: 230%;
	padding: 0 4px 8px 4px;
}

/* 採用フロー
============================== */
/* フローBox */
.flowBox:not(:last-of-type){
	margin-bottom: 60px;
}
/* リスト */
.flowList{
	border-top: 1px solid var(--clrBase10);
}
.flowList > li{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--clrBase10);
	padding-block: 30px;
}
.flowListNum{
	color: var(--clrLimeGreenL);
	font-size: 5rem;
	font-family: var(--fEnSub);
	font-weight: 700;
	line-height: var(--lineHeightEn);
}
.flowListTxtArea{
	width: 800px;
	line-height: 170%;
	padding-top: 11px;
}


@media screen and (max-width:812px){
	/*
		採用情報
	-----------------------------------------------------------------------------------------------*/
	/* 共通
	============================== */
	/* ボタン上の空き */
	.pageRecruit .tblBase .btnArea,
	.flowListTxtArea .btnArea{
		margin-top: 10px;
	}

	/* ページタイトル
	============================== */
	.pageRecruit #cmnTitWrapper{
		background-image: url("../images/bg_cmn_tit_recruit_sp.png");
	}

	/* 求める職員像と能力・資質
	============================== */
	/* メインタイトル */
	.qualitiesMainTit{
		font-size: 1.4rem;
		white-space: nowrap;
		padding: 10px;
		top: 5px;
	}
	/* メインテキスト */
	.qualitiesMainTxt{
		font-size: 2.2rem;
		padding: 35px 15px;
	}
	/* リスト */
	.qualitiesList{
		flex-direction: column;
		align-items: center;
		gap: 20px 0;
		padding-block: 20px 30px;
	}
	.qualitiesList li{
		width: calc(100% - 50px);
		max-width: 280px;
		min-height: 240px;
		padding: 35px 40px 40px 40px;
	}
	.qualitiesListNum{
		font-size: 4rem;
	}
	.qualitiesListTxt span{
		font-size: 1.6rem;
	}

	/* 採用フロー
	============================== */
	/* フローBox */
	.flowBox:not(:last-of-type){
		margin-bottom: 40px;
	}
	/* リスト */
	.flowList > li{
		padding-block: 16px;
	}
	.flowListNum{
		font-size: 3rem;
	}
	.flowListTxtArea{
		width: calc(100% - 56px);
		line-height: 160%;
		padding-top: 3px;
	}
}