@charset "UTF-8";

/**************** PARTS #search_form ******************/
.main_visual,
.main_visual img {
	width: 100%;
}
.text_box .text {
	padding-left: 35px;
	padding-top: 30px;
}
.text_box .text1 {
	font-size: 18px;
	font-weight: bold;
	color: var(--link02);
	padding-top: 10px;
}
.text_box .text2 {
	font-size: 14px;
	color: var(--link02);
}
.text_box .text3 {
	font-size: 57px;
	font-weight: bold;
	padding-left: 20px;
	font-family: HelveticaNowText-Bold, 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic',
		'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}
.text_box .text4 {
	font-size: 18px;
	font-weight: bold;
	font-family: HelveticaNowText-Bold, 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic',
		'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: var(--link02);
}

/* #search_form */
#search_form {
	padding: 10px 35px;
}
#search_form * {
	font-size: 14px;
}
#search_form form > dl {
	margin-bottom: 5px;
	position:relative;
}
#search_form form > dl::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px var(--black);
	border-right: solid 2px var(--black);
	position: absolute;
	right: 15px;
	top: 18px;
	transform: rotate(135deg);
}
#search_form select {
	-webkit-appearance:none;
	appearance:none;
	width: 100%;
	padding: 15px;
	font-weight: bold;
	color: var(--text01);
	border: 1px solid var(--border01);
	background-color: var(--white);
}
#search_form #feas-submit-button-0 {
	-webkit-appearance:none;
	appearance:none;
	padding: 15px 30px;
	background-color: var(--white);
	border: 1px solid var(--dark01);
	color: var(--text01);
	margin: 20px auto;
	display: block;
	border-radius: 30px;
}
#breadlist {
	margin-top: 30px;
}
@media (min-width: 768px) {
	.text_box .text3 {
		padding: 50px 140px;
		font-size: 78px;
	}
	.text_box .text4 {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
	#search_form {
		padding: 10px 0;
		margin: 0 auto;
		max-width: 1000px;
	}
	#search_form form {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#search_form form > dl {
		width: 33%;
	}
	#search_form #feas-submit-button-0:hover {
		cursor: pointer;
		filter: invert(1);
	}
	#breadlist {
		margin-top: 70px;
	}
}

/* 求人記事一覧部分 */
#arvchive_list {
	background-color: var(--gbc02);
	padding: 0 20px;
}

#archive-recruit #arvchive_list {
	padding: 0 0 0 20px;
}

#arvchive_list * {
	font-family: 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic',
	'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#arvchive_list > p.nosearch {
	padding: 20px 0;
}

#arvchive_list .wrapper article.item {
	padding: 20px 0;
}

#arvchive_list .wrapper article.item:not(:last-of-type) {
	border-bottom: 1px solid var(--gray05);
}

#arvchive_list .wrapper article.item img.eyecatch {
	height: 175px;
	width: 100%;
	object-fit: cover;
	margin-bottom: 20px;
}

#arvchive_list .wrapper article.item div.detail h3 {
	color: var(--text04);
	font-weight: bold;
	font-size: 18px;
}

#arvchive_list .wrapper article.item div.detail > p {
	font-size: 14px;
	line-height: 1.8;
	margin: 15px 0 25px;
}

#arvchive_list .wrapper article.item a.more_btn {
	display: block;
	text-align: center;
	background-color: var(--link03);
	color: var(--white);
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 50px;
	border-radius: 10px;
	width: fit-content;
}

#arvchive_list .wrapper article.item a.more_btn:active,
#arvchive_list .wrapper article.item a.more_btn:hover {
	background-color: var(--lb03);
	color: var(--white);
}

@media (min-width: 768px) {
	.text_box {
		padding: 0;
		max-width: 1250px;
		margin: 50px auto 40px;
	}

	.text_box .text1, .text_box .text1 span {
		font-size: 45px;
	}

	#arvchive_list {
		background-color: var(--gray02);
	}

	#arvchive_list .wrapper {
		max-width: 1250px;
		margin: auto;
		padding: 40px 0 50px;
	}

	#arvchive_list h2 {
		font-size: 24px;
		margin: 0;
		line-height: 50px;
		height: 50px;
	}

	#arvchive_list .wrapper article.item {
		display: flex;
		padding: 30px;
	}

	#arvchive_list .wrapper article.item img.eyecatch {
		width: 350px;
		height: 234px;
		margin: 0 50px 0 0 ;
		object-fit: cover;
	}

	#arvchive_list .wrapper article.item .flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#arvchive_list .wrapper article.item div.detail > p {
		margin: 20px 0 0;
	}

	#arvchive_list .wrapper article.item a.more_btn {
		margin: 0 0 0 auto;
	}
}