@charset "UTF-8";

body {
	background-color: #f8f6f2;
}

.page_title {
	display: flex;
	max-width: 1620px;
	margin: 0 auto;
	padding-left: clamp(0rem, -5.417rem + 11.28vw, 8.125rem);
	border-bottom: 2px solid #2b1e1d;
	flex-direction: column-reverse;
}

.page_title-main {
	color: #df4f4d;
	font-weight: 500;
	font-size: clamp(0.938rem, 0.835rem + 0.21vw, 1.063rem);
	letter-spacing: 0.1em;
}

.page_title-sub {
	font-weight: bold;
	font-size: clamp(1.875rem, 0.698rem + 2.45vw, 3.313rem);
	letter-spacing: 0.1em;
}

.page_lead-text {
	max-width: 1620px;
	width: 95%;
	margin: 0 auto;
	padding-left: clamp(0rem, -5.417rem + 11.28vw, 8.125rem);
	font-size: clamp(0.875rem, 0.658rem + 0.45vw, 1.063rem);
	line-height: clamp(1.688rem, 1.181rem + 1.05vw, 2.125rem);
}

@media screen and (min-width: 768px) {
	.page_title {
		width: 95%;
		margin-bottom: 50px;
		padding-bottom: 20px;
	}
	.page_lead-text {
		margin-bottom: 50px;
	}
	.main_container {
		padding-bottom: 140px;
	}
}

@media screen and (max-width: 767px) {
	.page_title {
		width: calc(100% - 40px);
		margin-bottom: 30px;
		padding-bottom: 10px;
	}
	.page_lead-text {
		width: calc(100% - 40px);
		margin-bottom: 16px;
	}
	.page_lead-text br {
		display: none;
	}
	.main_container {
		padding-bottom: 50px;
	}
}


/*******************************************************************************
	雇用項目
*******************************************************************************/
.type_container {
	display: flex;
	max-width: 1360px;
	margin: 0 auto;
	flex-direction: column;
}
.type_head {
	display: flex;
	width: 100%;
	flex-direction: column;

	row-gap: 5px;
}
.type_head-title {
	display: flex;
	color: #9a4c10;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.721rem + 0.45vw, 1.125rem);
}
.type_head-nav {
	display: block;
}
.type_head-list {
	display: flex;
	column-gap: clamp(0.938rem, 0.576rem + 0.75vw, 1.25rem);
	flex-wrap: wrap;

	row-gap: 15px;
}
.type_head-item {
	display: block;
	position: relative;
	max-width: 205px;
	width: clamp(11.563rem, 10.117rem + 3.01vw, 12.813rem);
	transition: all 0.3s;

	aspect-ratio: 41/9;
}
.type_head-item:hover {
	padding-top: 5px;
	padding-left: 5px;
}
.type_head-item a {
	display: flex;
	max-width: 200px;
	width: clamp(11.25rem, 9.804rem + 3.01vw, 12.5rem);
	border: 2px solid #9a4c10;
	background-color: #ffffff;
	color: #9a4c10;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.865rem + 0.15vw, 1rem);
	line-height: 1;
	column-gap: clamp(0.313rem, -0.049rem + 0.75vw, 0.625rem);
	justify-content: center;
	align-items: center;
	transition: all 0.3s;

	aspect-ratio: 5/1;
}
.type_head-item a:hover {
	background-color: #9a4c10;
	color: #ffffff;
}
.type_head-item a::after {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	background-color: #9a4c10;
	content: "";
}
.type_head-item a i {
	margin-top: 2px;
	font-size: 8px;
}

@media screen and (min-width: 768px) {
	.type_container {
		width: 95%;

		row-gap: 50px;
	}
}
@media screen and (max-width: 767px) {
	.type_container {
		width: 100%;
		padding: 0 15px;

		row-gap: 30px;
	}
}


/*******************************************************************************
	ページネーション
*******************************************************************************/
.type_post-container {
	display: flex;
	width: 100%;
	flex-direction: column;

	row-gap: 50px;
}
.type_post-content {
	display: flex;
	padding: 60px 0;
	background-color: #ffffff;
	flex-direction: column;
}
.type_post-title {
	display: flex;
	max-width: 1220px;
	margin: 0 auto;
	background-color: #b97745;
	background-image: url(../images/type/type_post-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: multiply;
	background-size: 100%;
	color: #ffffff;
	font-size: clamp(1.438rem, 0.859rem + 1.2vw, 1.938rem);
	column-gap: 0.5em;
	flex-wrap: wrap;
	align-items: baseline;
}
.type_post-title span {
	display: inline-block;
	font-size: clamp(1rem, 0.711rem + 0.6vw, 1.25rem);
}
.type_table {
	max-width: 1220px;
	width: 95%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}
.type_table tr {
	border-bottom: 2px solid #c6c6c6;
}
.type_table th {
	width: 135px;
	font-size: clamp(0.938rem, 0.721rem + 0.45vw, 1.125rem);
	vertical-align: middle;
	text-align: justify;
}
.type_table td {
	font-weight: 500;
	font-size: clamp(0.875rem, 0.803rem + 0.15vw, 0.938rem);
	line-height: 24px;
	vertical-align: middle;
}
.full_employment {
	display: flex;
	flex-direction: column;

	row-gap: 1.6em;
}
.type_job-not {
	font-size: clamp(0.875rem, 0.73rem + 0.3vw, 1rem);
}
.back_job-link {
	display: flex;
	max-width: 435px;
	width: 85%;
	margin: 0 auto;
	margin-top: 5px;
	padding: clamp(0.688rem, 0.266rem + 0.88vw, 0.844rem) 10px;
	border: 2px solid #fba15b;
	border-radius: 10px;
	background-color: #fba15b;
	color: #ffffff;
	font-weight: bold;
	font-size: clamp(1rem, 0.326rem + 1.4vw, 1.25rem);
	letter-spacing: 0.1em;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}
.back_job-link:hover {
	background-color: #ffffff;
	color: #fba15b;
}
@media screen and (min-width: 768px) {
	.type_post-container {
		row-gap: 50px;
	}
	.type_post-content {
		padding: 60px 0;

		row-gap: 5px;
	}
	.type_post-title {
		width: 95%;
		padding: 7.5px 15px 7.5px clamp(0.938rem, 0.215rem + 1.51vw, 1.563rem);
	}
	.type_table {
		width: 95%;
	}
	.type_table th {
		width: clamp(6.875rem, 5.068rem + 3.77vw, 8.438rem);
		padding: 21px clamp(0.938rem, -0.147rem + 2.26vw, 1.875rem);
	}
	.type_table td {
		padding: 20px 15px 20px 40px;
	}
}
@media screen and (max-width: 767px) {
	.type_post-container {
		row-gap: 30px;
	}
	.type_post-content {
		padding: 30px 15px;

		row-gap: 20px;
	}
	.type_post-title {
		width: 100%;
		padding: 8px 10px;
	}
	.type_table {
		width: 100%;
	}
	.type_table tr:not(:nth-of-type(1)) th {
		padding-top: 15px;
	}
	.type_table th , .type_table td {
		display: block;
		width: 100%;
	}
	.type_table th {
		width: 135px;
		padding: 0 5px;
	}
	.type_table td {
		padding: 5px 5px 15px;
	}
	.type_job-not {
		padding: 0 5px;
	}
}