@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.gNavi ul li:nth-child(4) a::before {
	opacity: 1;
}
#main .txt p {
	margin-bottom: 26px;
	font-size: 3.2rem;
	line-height: 1.843;
	text-align: center;
}
#main .txt p:last-child {
	margin-bottom: 0;
}
#main .txt  {
	margin-bottom: 50px;
}
.pageTitle {
	margin-bottom: 85px;
}
#main .listUl {
	margin: 0 auto;
	max-width: 717px;
}
#main .listUl > li {
	padding: 58px 10px 27px;
	margin-bottom: 84px;
	background: #80DE6E;
}
#main .listUl > li li {
	margin: 0 5px;
	width: 155px;
	display: inline-block;
}
#main .listUl > li li a {
	display: block;
}
#main .listUl > li li a:hover {
	opacity: 0.7;
}
#main .listUl > li ul {
	margin-bottom: 43px;
	text-align: center;
}
#main .listUl > li p {
	margin: 0 auto 25px;
	max-width: 352px;
	font-size: 2.7rem;
	line-height: 1.75;
}
#main .listUl > li .btn {
	margin: 0 auto;
	width: 438px;
}
#main .listUl > li .btn a {
	padding: 11px 53px 12px;
	display: block;
	font-size: 2.7rem;
	background: #fff url("../img/recruit/icon01.png") no-repeat right 72px center / 45px auto;
	border-radius: 30px;
}
#main .listUl > li .btn a:hover {
	opacity: 0.7;
}
#main .listUl > li:last-child {
	margin-bottom: 0;
	background: #E38097;
}
#main .listUl > li:nth-child(2n) {
	background: #F28F53;
}
@media all and (max-width: 896px) {
	#main .txt p {
		font-size: 1.8rem;
	}
	#main .listUl > li li {
		margin: 0 3px;
		width: 78px;
	}
	#main .listUl > li {
		margin-bottom: 20px;
		padding: 25px 10px;
	}
	#main .listUl > li p {
		max-width: 85%;
		font-size: 1.8rem;
	}
	#main .listUl > li ul {
		margin-bottom: 20px;
	}
	#main .listUl > li .btn {
		width: 100%;
		max-width: 320px;
	}
	#main .listUl > li .btn a {
		font-size: 1.8rem;
		text-align: center;
		background-size: 23px auto;
		background-position: right 10px center;
	}
}
@media all and (max-width: 399px) {
	#main .listUl > li .col4 li {
		width: calc(25% - 10px);
	}
}
@media all and (max-width: 359px) {
	#main .listUl > li p {
		max-width: 90%;
	}
}
@media all and (-ms-high-contrast:none){
	#main .listUl > li .btn a {
		padding: 23px 53px 0;
	}
}