@charset "UTF-8";
/* ===================================================================
CSS
 file name  :  staff.css
=================================================================== */
.staff_wrap{
	padding: 100px 0;
}
.img_staff{
	margin-top: 100px;
	width: 100%;
}
.img_staff img{
	width: 100%;
	height: calc(100% * 0.59);
	object-fit: cover;
}
ul.staff_list{
	margin: 50px auto auto;
	max-width: 1120px;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
}
ul.staff_list li{
	margin-top: 50px;
	width: 50%;
	display: flex;
	align-items: center;
}
ul.staff_list li:nth-child(odd){
	padding-right: 20px;
}
ul.staff_list li:nth-child(even){
	padding-left: 20px;
}
ul.staff_list li .photo{
	max-width: 200px;
}
ul.staff_list li .text{
	padding-left: 30px;
}
ul.staff_list li .text .name{
	color: #A08B5C;
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
	.staff_wrap{
		padding: 30px 0;
	}
	.img_staff{
		margin-top: 20px;
	}
	ul.staff_list{
		margin: auto;
		padding-top: 10px;
		display: inherit;
	}
	ul.staff_list li{
		margin-top: 20px;
		width: 100%
	}
	ul.staff_list li:nth-child(odd){
		padding-right: 0px;
	}
	ul.staff_list li:nth-child(even){
		padding-left: 0px;
	}
	ul.staff_list li .photo{
		max-width: 130px;
	}
	ul.staff_list li .text{
		padding-left: 20px;
	}
	ul.staff_list li .text .name{
		font-size: 1.4rem;
	}
}