@charset "utf-8";

.lower_fv {
	background-image: url("../img/vacancy_fv.webp");
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
	.lower_fv {
		/*background-image: url("../img/vacancy_fv_sp.webp");*/
	}
}


#vacancy {
	width: 100%;
	max-width: 1240px;
	padding: 60px 20px 100px;
	margin-inline: auto;
}
#vacancy .contents {
}
.vacancy-archive__filter {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
.vacancy-archive__filter-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	border-radius: 200px;
	border: 1px solid;
}
.vacancy-archive__filter-btn.is-active {
	color: #fff;
	background-color: #ccc;
	border: none;
}
#vacancy .contents .list {
	margin-top: 30px;
}
#vacancy .contents article {
	border-bottom: 1px solid #ccc;
}
#vacancy .contents article a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px 60px 30px 20px;
}
#vacancy .contents article a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	display: block;
	width: 19px;
	height: 7px;
	margin-top: auto;
	margin-bottom: auto;
	background-image: url("../img/navi_arrow.svg");
	transition: all ease 0.3s;
}
#vacancy .contents article a:hover::after {
	right: 10px;
}
#vacancy .contents .date {
	flex-shrink: 0;
	width: 100px;
	color: var(--beige);
}
#vacancy .contents .ttl {
	font-weight: bold;
}
#vacancy .not_found {
}
@media (max-width: 959px) {
	#vacancy {
		gap: 30px;
	}
}
@media (max-width: 519px) {
	#vacancy {
		display: block;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#vacancy .contents article a {
		display: block;
		padding: 20px 0;
	}
	#vacancy .contents article a::after {
		display: none;
	}
	#vacancy .contents .ttl {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6;
	}
}


#vacancy .pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 40px;
}
#vacancy .pagination > * {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 200px;
}
#vacancy .pagination > a {
	border: 1px solid;
}
#vacancy .pagination > div {
	color: #fff;
	background-color: #ccc;
}
#vacancy .pagination .prev,
#vacancy .pagination .next {
	width: 80px;
}
#vacancy .pagination .prev {
}
#vacancy .pagination .next {
}
#vacancy .pagination .disabled {
}
#vacancy .pagination .active {
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
	#vacancy .pagination {
		margin-top: 30px;
	}
	#vacancy .pagination > * {
		width: 35px;
		height: 35px;
	}
	#vacancy .pagination .prev,
	#vacancy .pagination .next {
		width: 56px;
	}
	html[lang="en"] #vacancy .pagination .prev,
	html[lang="en"] #vacancy .pagination .next {
		width: 76px;
	}
}