/*---------------Staff---------------*/
.staff-list{
  display: flex;
  flex-wrap: wrap;
}
.staff{width: calc(100% / 3 - 20px);margin: 0 30px 40px 0;font-size: 14px;}
.staff:nth-child(3n+0){ margin: 0 0% 40px 0;}
.staff figure{width: 100%;/* padding: 0 15px 0 0; */margin: 0 0 15px;}
.staff div{position:relative;padding: 0 0px 0 0;background: #ecebcf;border-radius: 10px;padding: 10px;min-height: 246px;}
.staff figure img{width: 100%;border-radius: 10px;}
.staff_name{text-align:center;font-size: 21px;font-weight:bold;}
span.part {
  display: inline-block;
  margin: auto;
  background: #000;
  border-radius: 8px;
  color: #FFF;
  padding: 2px 10px;
}
.comment{
    border-top: 2px solid #c7c696;
    margin: 5px 0 0;
    padding: 5px 2px 0;
    min-height: 137px;
}
.staff div:before{
  content:'';
  height: 15px;
  width:8px;
  background: #c7c696;
  position:absolute;
  top: -15px;
  left:40px;
}
.staff div:after{
  content:'';
  height: 15px;
  width:8px;
  background: #c7c696;
  position:absolute;
  top: -15px;
  right:40px;
}  
/*---------------Responsive---------------*/
@media (max-width:767px){

.staff{width: calc(100% / 2 - 20px);margin: 0 30px 40px 0;font-size: 14px;}
.staff:nth-child(3n+0){ margin: 0 30px 40px 0;}
.staff:nth-child(2n+0){ margin: 0 0% 40px 0;}


}
@media(max-width:576px) {

  
}
@media (max-width:480px){

.staff{width: calc(100% / 2 - 5px);margin: 0 10px 20px 0;font-size: 14px;}
.staff:nth-child(3n+0){ margin: 0 10px 20px 0;}
.staff:nth-child(2n+0){ margin: 0 0% 20px 0;}


.staff_name {font-size: 18px;}

}