@charset "utf-8";
/*------------------------------------------------------------
	recruit
------------------------------------------------------------*/
#main {
	padding-bottom: 6.5rem;
	background-color: #f3f4f4;
}
#main .headLine01 {
	margin: -2.2rem 0 8.3rem;
	width: 25.4rem;
	position: static;
}
#main .textList {
	margin: 0 4rem 6.5rem;
}
#main .textList li {
	width: 42rem;
	background-color: #fff;
}
#main .textList .ttl {
	padding: 1.5rem 0 1.6rem;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.9rem;
	letter-spacing: 0.15em;
	background-color: #2350a5;
}
#main .textList .whiteBg {
	padding: 2.3rem 0 3.4rem;
	text-align: center;
}
#main .textList p {
	color: #231815;
	font-size: 1.5rem;
	letter-spacing: 0.03em;
}
#main .textList .img {
	width: 19.6rem;
	margin: 2.5rem auto 0;
}
#main .textList .img a:hover {
	opacity: 0.7;
}
#main .textList .comLink {
	margin: 3rem auto 0;
}
#main .btmText {
	text-align: center;
	color: #231815;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
}
#main .btmText a {
	color: #231815;
}
@media all and (min-width: 897px) {
	#main .content {
		width: 98rem;
	}
	#main .btmText a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	#main {
		padding: 2.6rem 0 4.7rem;
	}
	#main .headLine01 {
		margin: 0 0 3.9rem;
		width: 16.5rem;
	}
	#main .textList {
		margin: 0 0 -0.4rem;
		display: block;
	}
	#main .textList li {
		width: auto;
		margin-bottom: 3.6rem;
	}
	#main .textList .ttl {
		padding: 0.9rem 0 1.1rem;
		font-size: 1.85rem;
	}
	#main .textList .whiteBg {
		padding: 1.8rem 0 2.7rem;
	}
	#main .textList p {
		font-size: 1.2rem;
		letter-spacing: 0.03em;
	}
	#main .textList .img {
		width: 15.6rem;
		margin: 2rem auto 0;
	}
	#main .textList .comLink {
		margin: 2.4rem auto 0.5rem;
		width: 19.6rem;
	}
	#main .textList .comLink a {
		height: 4rem;
		letter-spacing: 0.1em;
		background-position: right 1.6rem top 45%;
	}
	#main .btmText {
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
}