@charset "utf-8";

/* -------------------------------------------------------------------
#STAFF
------------------------------------------------------------------- */
#STAFF {}





/* staff */
.staff {
  padding-top: 70px;
  padding-bottom: 70px;
}
.staff ul {
	font-size: 0;
}
.staff ul li {
	display: inline-block;
	vertical-align: middle;
	vertical-align: top;
	width: 22.75%;
	margin-right: 1%;
}
.staff ul li:nth-child(4n-1) { margin-right: 0;}
.staff ul li:nth-child(4n) {
	margin-right: 0;
	position: relative; right: -1%;
}
.staff ul li:nth-of-type(n + 5) {
  margin-top: 70px;
}
.staff ul li img {
  object-fit: cover;
  height: 273px;
  border: 6px solid #ffec00;
  margin-bottom: 20px;
}
.staff.bg-wavy-yellow ul li img {
  border-color: #fff;
}
.staff ul li p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
}
.staff ul li .name {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  background-color: #ffec00;
}
.staff.bg-wavy-yellow ul li .name {
  background-color: #fff;
}
.staff ul li .school {
  margin-bottom: 5px;
  font-weight: 700;
}





/* contact */
.contact {
  padding-top: 30px;
  padding-bottom: 150px;
}





@media screen and (max-width: 1400px) {
  /* staff */
  .staff ul li img {
    height: calc(86vw * 0.2275);
  }
	
}