/* ========================================================
TABATA Co.,ltd.
Staff Style Sheet
First Update 2018-02-08
Last  Update 2018-02-08
Creat by Basic Plus Design Inc.
========================================================= */
/*=========================================================
#  Staff Common
==========================================================*/
/* ---------------------------------------------------------
   Hero
---------------------------------------------------------- */
#staff .c-hero { background: url(../images/staff/hero-staff.jpg) no-repeat center center; background-size: cover; }
/*=========================================================
#  Staff Top
==========================================================*/
#staff-list .l-container li { list-style: none!important; }
#staff-list .l-container { max-width: 980px; margin-bottom: -120px; }
#staff-list h3 { margin-bottom: 3em; border-bottom: 2px solid #463d1d; }
#staff-list .c-flwrap { width: 100%; flex-direction: row; justify-content: flex-start; margin-top: -20px; }
#staff-list .c-cell { width: 200px; margin: 0 auto 50px; }
#staff-list .c-cell img { width: 100%; }
#staff-list .p-staff-name { font-weight: 600; margin-top: 1em; }
#staff-list .p-staff-name span { font-size: 130%; }
#staff-list .p-staff-name span.u-en { font-size: 90%; font-weight: normal; color: #a29e8e; }
#staff-list .p-staff-profile { font-size: 90%; font-weight: 600; margin-top: -1em; }

@media screen and (min-width : 480px) {
#staff-list .c-flwrap { width: 103%; margin-left: -3%; margin-top: -20px; }
#staff-list .c-cell { width: 22%; min-width: 200px; margin: 0 0 50px 3%; }
}