@charset "utf-8";
/*==================================================
	【サブ】ページ固有のスタイル
==================================================*/
#recruit a,
#recruit a img {
	transition: all 0.3s ease-in-out;
}
/**/
#recruit .msg h2 {
	color: var(--color-primary);
	font-size: 70px;
	font-weight: bold;
	text-align: center;
}
#recruit .msg p {
	margin: 0;
	color: var(--color-primary);
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
/**/
#recruit .box {
	background: #fff;
}
#recruit .photo {
	overflow: hidden;
}
#recruit .photo a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recruit .photo a:hover img {
	transform: scale(1.1); /* 拡大 */
}
#recruit .txt {
	padding: 20px;
}
#recruit .txt h4 {
	margin-bottom: 12px;
	font-size: 22px;
}
#recruit .txt p {
	margin: 0.5em 0 0;
	padding-left: 25px;
	background: url("../img/recruit/ico01.png") no-repeat left center / auto 20px;
}
#recruit .txt p.price {
	background-image: url("../img/recruit/ico02.png");
}
#recruit .btn li {
	width: 50%;
}
#recruit .btn li a {
	display: block;
	padding: 12px;
	background: var(--color-primary);
	color: #fff;
	font-size: 110%;
	text-align: center;
}
#recruit .btn li a::after {
	display: inline-block;
	margin-left: 0.5em;
	content: url("../img/recruit/arow-w.png");
}
#recruit .btn li+li a {
	background: var(--color-secondary);
	color: var(--color-font);
	font-weight: 500;
}
#recruit .btn li+li a::after {
	content: url("../img/recruit/arow.png");
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
	#recruit .list {
		justify-content: flex-start;
		gap: 40px;
	}
	#recruit .box {
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#recruit .msg h2 {
		font-size: 40px;
	}
	#recruit .msg p {
		font-size: 25px;
	}
	#recruit .txt h4 {
		font-size: 20px;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#recruit .msg h2 {
		font-size: 25px;
	}
	#recruit .msg p {
		font-size: 18px;
	}
	#recruit .box+.box {
		margin-top: 30px;
	}
	#recruit .txt {
		padding: 15px;
	}
	#recruit .txt h4 {
		font-size: 18px;
	}
}