.job__inner > *:not(:last-child){
	margin-bottom: var(--g-sec--md);
}

.job__head, .job__title{
	margin-bottom: var(--g-sec--md);
}

.job__description > *:not(:last-of-type){
	margin-bottom: 1rem;
}

.job__secondaryTitle{
	align-items: center;
	margin-bottom: var(--g-sec--sm);
}

.job__types{
	display: flex;
	flex-direction: column;
	gap: var(--g-sec--md);
}
/* 各職種 */
.job__type{
	display: flex;
	flex-direction: column;
	gap: var(--g-sec--xs);
}

/*===============================
* 募集内容
* =================================*/
/* ラベル */
.job-detail__label{
	max-width: fit-content;
	margin-bottom: var(--g-sec--xs);
	padding: 0 1.5rem;
	text-align: center;
	background: var(--c-dark);
	color: var(--c-light);
	font-weight: var(--fw-lg);
	font-size: 1.5rem;
}

/* タイトル */
.job-detail__head{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.job-detail__title.--has-line{
	/* 上から65%～85%分のラインの太さ */
	/* 0%～65%, 85%～100%は透過 = 実線 */
	--top-line: 65%;
	--bottom-line: 85%;
	display: inline;
	background: linear-gradient(
		transparent 0%, transparent var(--top-line), 
		rgba(107, 172, 225, 0.3) var(--top-line), rgba(107, 172, 225, 0.3) var(--bottom-line), 
		transparent var(--bottom-line), transparent 100%
	);
}

/* リスト */
/* .job-detail__list{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
} */

.job-detail__list:not(:last-child){
	margin-bottom: var(--g-sec--xs);
}



/*===============================================================================
メディアテキスト
================================================================================*/
.job-mediaText{
	--count: 1;
	--gap: var(--g-sec--md);
	--media-width: 93%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	.job-mediaText{
		--count: 2;
	}
}
/* 画像 */
.job-mediaText__media{
	flex-grow: 1;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
@media (min-width: 768px){
	.job-mediaText__media{
		max-width: 21.25rem;
	}
}

/* テキストエリア */
.job-mediaText__body{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}


/*===============================================================================
テーブル
================================================================================*/
/* th, td */
.job-detail .c-bgcTable :is(th,td):first-of-type{
	min-width: clamp(6rem, 1.727rem + 11.41vw, 12rem);
}

.job-td--flex {
	display: flex;
	gap: .5rem;
}