/*
 * 求人情報の詳細
 */

/* 記事の幅は本文枠の 90%（旧テーマと同じ） */
.employment {
	width: 90%;
	margin: 0 auto;
}

.employment__image {
	margin: 0 0 30px;
}

.employment__image img {
	display: block;
	width: 100%;
	height: auto;
}

/* 本文は段落の余白なし・字間広め（旧テンプレートの <style>） */
.employment__body p {
	margin: 0;
	font-size: 1.05em;
	line-height: 2em;
	letter-spacing: 0.1em;
	overflow-wrap: break-word;
}

.employment__body h2,
.employment__body h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5;
}

/* 項目の表（横線だけ） */
.employment__heading {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5;
}

.employment__table {
	margin: 0 0 24px;
}

.employment__table th,
.employment__table td {
	padding: 10px 15px 7px;
	font-weight: normal;
	line-height: 2.2;
	text-align: left;
	vertical-align: top;
	background: var(--color-white);
	border: 0;
	border-bottom: 1px solid #bbb;
}

.employment__table th {
	white-space: nowrap;
}

/* 申し込みボタン */
.employment-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1em; /* スマホで縦に並ぶときと同じ */
	margin: 2em 0;
}

.employment-actions__button {
	display: block;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em;
	line-height: 1.5;
	color: var(--color-white);
	text-align: center;
	background: #6ab737;
	border-radius: 10px;
}

.employment-actions__button:hover {
	color: var(--color-white);
	opacity: 0.85;
}

@media (max-width: 770px) {
	.employment {
		width: 100%;
	}

	.employment-actions {
		grid-template-columns: minmax(0, 1fr);
		gap: 1em;
	}

	.employment__table th {
		white-space: normal;
	}
}