@charset "utf-8";
#staff { border-bottom: solid 1px #969696;}
#staff .inner-sct { padding: 80px 0 120px;}
#staff .ctn { width: 88%; max-width: 1200px; margin: 0 auto; font-size: 0px;}
#staff .box { display: inline-block; width: 33.333334%; margin: 0 auto; vertical-align: top;}
#staff .box dl { padding: 30px 20px;}
#staff .box dl dt { position: relative; width: 100%; margin-bottom: 20px; padding-top: 76.5%;}
#staff .box dl dt img { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%);}
#staff .box dl dt img.none { width: 72%; border: solid 0.5px #969696;}
#staff .box dl dd.job { margin-bottom: 8px; font-size: 18px; line-height: 1.2;}
#staff .box dl dd.name { margin-bottom: 18px; line-height: 1.4;}
#staff .box dl dd.name span { display: block;}
#staff .box dl dd.name span.jp { font-size: clamp(21px,3.0vw,30px); letter-spacing: 0.15rem;}
#staff .box dl dd.name span.eng{ font-size: clamp(18px,2.4vw,24px); letter-spacing: 0.1rem;}
#staff .box dl dd.name span.eng br { display: none;}
#staff .box dl dd.txt { font-size: 16px; letter-spacing: 0.05rem;}
@media (max-width: 1281px) {
	#staff .box dl { padding: 20px 12px;}
	#staff .box dl dd.job { font-size: 16px;}
	#staff .box dl dd.txt { font-size: 14px;}
}
@media (max-width: 801px) {
	#staff .inner-sct { padding: 40px 0px 80px;}
	#staff .box { width: 50%;}
}
@media (max-width: 481px) {
	#staff .inner-sct { padding: 26px 0px 60px;}
	#staff .box { display: block; width: 100%;}
	#staff .box dl { padding: 20px 0px;}
	#staff .box dl dt { margin-bottom: 12px;}
	#staff .box dl dd.job { margin-bottom: 8px; font-size: 13px;}
	#staff .box dl dd.name { margin-bottom: 8px;}
	#staff .box dl dd.txt { font-size: 12px; letter-spacing: 0rem; text-align: justify;}
}