.teacher-row {
  max-width:870px;
}
.teacher-cards{
  position: relative;
}
.teacher-cards a{
  text-decoration: none;
  color:#f5f9f8;
}
.teacher-cards-img img{
  width:200px;
  height:200px;
  border-radius: 5px;
}
.teacher-cards-name p {
  position: absolute;
  top: 90%;
  left: 50%;
  font-weight: bold;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.overlay1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.teacher-cards:hover {
  opacity:0.8;
}
/* 最後のコンテンツを左寄せにする指定 */
.teacher-row-incase:nth-child(2):after {
  content: "";
  display: block;
  width: 150px;  /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
}

@media screen and (max-width: 480px) {
  .teacher-cards-img img{
    width:150px;
    height:150px;
  }
}
  /*iphone12*/
  @media screen and (max-width: 480px) and (min-width: 380px) {
    
  }
  /* iphone7, aquos */
  @media screen and (max-width: 380px) {
  }