/*---------------------------------
	recruitContent start
---------------------------------*/

.recruitCate{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em 2em;
	width: 100%;
	margin: 0 auto 5em;
	padding: 0;
	list-style: none;
}

.recruitCateButton{
	min-width: 0;
	padding: 0.75em 1em;
	border-radius: 0.75em;
	min-width: 8em;
	color: var(--buttonTextColor);
	text-align: center;
	text-decoration: none;
	font-weight: var(--fontWeightBold);
	background-color: var(--buttonBgColor);
	border: 2px solid var(--buttonBorderColor);
	transition: background-color 0.25s, color 0.25s;
	border-radius: 1em;
	outline: none;
	tarnsition: color 0.25s, background-color 0.25s;
}

.recruitCateButton:hover,
.recruitCateButton.buttonActive{
	color: inherit;
	background-color: #FFF;
	outline: none;
}

.recruitWrapper:not(.recruitActive){
	display: none;
}

.recruitIntro{
	display: block;
	width: 100%;
	margin: 0 auto 3em;
}

.recrutiIntro > *:not(:last-child){
	margin-bottom: 0.5em;
}

.recrutiIntro > *:last-child{
	margin-bottom: 0;
}

.recruitTable{
	width: 100%;
	margin: 0 auto 5em;
	border: 1px solid var(--tableBordergridBorderColor);
}

.recruitTable th{
	width: 25%;
	padding: 0.75em 1em;
	vertical-align: top;
	background-color: var(--tableBordergridHeadBgColor);
	border: 1px solid var(--tableBordergridBorderColor);
	font-weight: var(--fontWeightBold);
	color: var(--mainTextColor);
}

.recruitTable td{
	padding: 0.75em 1em;
	vertical-align: top;
	background-color: #FFF;
	border: 1px solid var(--tableBordergridBorderColor);
}

.recruitTable td > *:not(:last-child){
	margin-bottom: 0.5em;
}

.recruitTable td > *:last-child{
	margin-bottom: 0;
}

.recruitTable:last-of-type{
	margin-bottom: 0;
}

/*---------------------------------
	recruitContent end
---------------------------------*/
/*--------------------------------
	simple_image	start
---------------------------------*/
.simple_imageInner{
	margin-inline: auto;
	max-width:100%;
	width:100%;
}

.simple_imageInner_mw750{
	margin-inline: auto;
	max-width:750px;
}


.simple_image {
	margin-inline: auto;
	width: 100%;
}


.bannerLinkInner{
	max-width:100%;
	margin-inline:auto;
	width:fit-content;
}


.bannerLink_image {
	max-width: 100%;
}
/*--------------------------------
	simple_image	end
---------------------------------*/