@charset "utf-8";

#staff-list .inner-sct {}
#staff-list .ctn { width: 88%; max-width: 1160px; margin: 0 auto; padding: 60px 0 100px;}
#staff-list .ctn ul { display: flex; flex-wrap: wrap; font-size: 14px;}
#staff-list .ctn ul li { width: 20%; padding: 12px; font-size: 16px;}
#staff-list .ctn ul li span { position: relative; display: block; width: 100%; padding-top: 100%; color: #000; text-decoration: none; transition: 0.3s linear;}
#staff-list .ctn ul li span img { position: absolute; left: 50%; top: 50%; z-index: 1; width: 100%; transform: translate(-50%,-50%); transition: 0.4s ease;}

#staff-list .ctn ul li a:hover { opacity: 0.8;}
#staff-list .ctn ul li a:hover img { transform: translate(-50%,-50%) scale(1.05);}

@media (max-width: 1025px) {
}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	#staff-list .ctn ul li { width: 33.333334%;}
}

#staff .inner-sct { padding: 40px 0;}
#staff .bloc {}
#staff .bloc .inner { width: 88%; max-width: 1080px; margin: 0 auto; padding: 40px 0;}
#staff .bloc .no { position: relative; margin-bottom: 12px;}
#staff .bloc .no:after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50%;}
#staff .bloc .no p { position: relative; font-size: 20px; z-index: 2;}
#staff .bloc .no p span { position: relative; display: inline-block; padding-right: 20px; background: #fff;}
#staff .bloc .flex { display: flex; justify-content: space-between;}
#staff .bloc figure{ width: 30%;}
#staff .bloc .txt { width: 68%;}
#staff .bloc figure img { width: 100%; max-width: 300px;}
#staff .bloc .txt h3 { margin-bottom: 20px; font-size: 24px; font-weight: 700;}
#staff .bloc .txt h3 span.eng { margin-left: 10px; font-size: 18px; font-weight: 400;}
#staff .bloc .txt p { letter-spacing: 0.1rem; white-space: pre-line;}