/* --------------- content --------------- */

.content {
	padding: 50px 0 100px 0;
}
.subpage_tit{
	margin-bottom: 0;
}
.member_list {
	width: 100%;
}

.member_list li {
	width: 22.5%;
	margin-right: 3.33%;
	float: left;
	text-align: center;
	margin-top: 50px;
}

.member_list li:nth-of-type(4n) {
	margin-right: 0;
}

.member_list li img {
	display: block;
}
.member_txt{
	display: inline-block;
	margin-top: 15px;
	color: #263238;
	font-size: 1.8rem;
	font-weight: bold;
}
.member_txt:hover{
	color: #223A70;
}
.member_job{
	margin-top: 5px;
}
.member_job span{
	display: inline-block;
	font-size: 1.5rem;
	background: #223A70;
	color: #FFFFFF;
	padding: 3px 15px;
}

@media only screen and (max-width: 1220px) {
	/* --------------- content --------------- */
	.content {
		padding-bottom: 90px;
	}
	.member_list li {
		width: 23.5%;
		margin-right: 2%;
	}
	.member_txt:hover{
		color: #263238;
	}
}

@media only screen and (max-width: 1023px) {
	/* --------------- content --------------- */
	.member_list li {
		width: 48%;
		margin-right: 4%;
	}
	.member_list li:nth-of-type(even) {
		margin-right: 0;
	}
	.member_list li:nth-of-type(4n){
		margin-bottom: 0;
	}
	.member_list li img {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	/* --------------- content --------------- */
	.content {
		padding: 30px 0 60px 0;
	}
	.member_list li{
		margin-top: 30px;
	}
	.member_txt,.member_job{
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 480px) {
	/* --------------- content --------------- */
	.member_txt,.member_job{
		font-size: 1.4rem;
	}
}