@charset "UTF-8";

.key-visual .bg{
	background-image: url(../images/people-key-visual.jpg);
}
.page-title{
	width: 41.3rem;
}
/* +++#sec01+++ */
#sec01{
	padding-top: 20rem;
}
.people-list{
	align-items: stretch;
}
.people-list li{
	width: 29.6943%;
	margin-bottom: 8.4rem;
}
.people-list li:not(:nth-of-type(3n)){
	margin-right: 5.45855%;
}
.people-list .pic{
	overflow: hidden;
}
.people-list .pic img{
	transition: .3s all ease;
}
.people-list a:hover .pic img{
	transform: scale(1.05);
}
.message{
	margin: 2.2rem 0 2rem;
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1.7142;
}
.people-list a{
	border-bottom: 5px solid #00763f;
	padding-bottom: 2rem;
	display: block;
}
.people-list dl{
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 1.4rem;
	font-weight: 500;
}
.people-list dt{
	font-size: 4rem;
}
#contact-area{
	padding-top: 5rem;
}


@media screen and (max-width: 768px){
	.key-visual .bg{
		background-image: url(../images/sp-people-key-visual.jpg);
	}
	.key-visual02 .catch-copy{
		margin-bottom: 5.3rem;
		margin-top: 33.6rem;
	}
	.page-title{
		width: 34.6rem;
	}
/* +++#sec01+++ */
	#sec01{
/*
		padding-top: 10rem;
*/
		padding-top: 12rem;
	}
	.people-list{
		display: block;
		width: 40rem;
		margin-inline: auto;
	}
	.people-list li{
		width: 100%;
		margin-bottom:10rem;
	}
	.people-list li:not(:nth-of-type(3n)){
		margin-right: 0;
	}
	.people-list .pic{
		aspect-ratio: 200 / 225;
	}
	.people-list .pic img{
		object-fit: cover;
	}
	.message{
		margin: 2.8rem 0 2rem;
		font-size: 3.6rem;
		line-height: 1.4166;
	}
	.people-list a{
		padding-bottom: 1.8rem;
		border-bottom: .5rem solid #00763f;
	}
	.people-list dl{
		font-size: 2.8rem;
	}
	.people-list dt{
		font-size: 6rem;
	}
	#contact-area{
		padding-top: 8.4rem;
	}
}