.teacher-row {
  max-width:870px;
}
/*  */
.teacher-cards {
  position: relative;
  width: 180px; /* 画像サイズに合わせる */
}

/* 画像 */
.teacher-cards-img img {
  width: 180px;
  height: 180px;
  border-radius: 5px;
}

/* 名前の黒い帯 */
.teacher-cards-name {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7); /* 透過黒 */
  padding: 5px 0;
  text-align: center;
  border-radius: 0 0 5px 5px;
}

.teacher-cards-name p {
  color: white;
  font-weight: bold;
  margin: 0;
  font-size: 14px;
}

/* 画像の右上にアイコン配置 */
.teacher-icons {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  gap: 5px;
}

.teacher-icons img {
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  padding: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
/*  */
.teacher-cards2 {
  /*position: relative;*/
  width:180px;
  background-color: #A2B09B;
  padding-bottom:5px;
  border-radius: 5px;
}
.teacher-cards2 .table {
  background-color:#E5E8DF;/*whitesmoke;*/
  /*position: absolute;
  top: 10%;
  left: 5%;*/
  margin: auto;
  display: block;
  width: 90% !important;
  height: calc(80vh/4);
  overflow-y: scroll;
  /*【gg-013】検索機能改善*/
  /*padding-left: 2.5px;*/
  font-size: small;
  justify-content: center;
  table-layout: fixed;
  padding:0px;
}

.cards_nihongo {
  font-size: x-small;
  color: #F5F9F8;
  margin: 0;
  padding:0;
}

.td1 {
  width:33%;
}
.td2 {
  width:64%;
}

/* 最後のコンテンツを左寄せにする指定 */
.teacher-row-incase:nth-child(2):after {
  content: "";
  display: block;
  width: 150px;  /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
}


  /*iphone12*/
  @media screen and (max-width: 480px) and (min-width: 380px) {
    .teacher-cards-img img{
      width:115px;
      height:115px;
    }
    .teacher-cards2 {
      width:115px;
    }
    .teacher-cards2 .table {
      font-size: xx-small;
    }
    .teacher-cards {
      position: relative;
      width: 115px; /* 画像サイズに合わせる */
    }
    
    /* 画像 */
    .teacher-cards-img img {
      width: 115px;
      height: 115px;
      border-radius: 3px;
    }
    .teacher-icons img {
      width: 15px;
      height: 15px;
      background: white;
      border-radius: 50%;
      padding: 2px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }
  }
  /* iphone7, aquos */
  @media screen and (max-width: 380px) {
    .teacher-cards-img img{
      width:100px;
      height:100px;
    }
    .teacher-cards2 {
      width:100px;
    }
    .teacher-cards2 .table {
      font-size: xx-small;
    }
    .teacher-cards2 .table button{
      padding:0;
    }
    .teacher-cards {
      position: relative;
      width: 100px; /* 画像サイズに合わせる */
    }
    
    /* 画像 */
    .teacher-cards-img img {
      width: 100px;
      height: 100px;
      border-radius: 3px;
    }
    .teacher-icons img {
      width: 15px;
      height: 15px;
      background: white;
      border-radius: 50%;
      padding: 2px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }
  }