.detail-back {
  background: #5F6659;
  width:98%;
  margin:1%;
  min-height:85vh;
  padding:1%;
}
.detail-box {
  background: #E7E8E6;
  outline: 1px solid #5F6659;
  outline-offset: -15px;
  padding:30px;
}

.new-teacher-name {
  padding-left:10px;
}
.teacher-detail table {
  border-top: 2px solid #5F6659;
  border-bottom: 2px solid #5F6659;
}

.teacher-detail .js-relativeClass{
  max-width: 306px;
  white-space: nowrap;
  vertical-align: left;
}

.teacher-detail tr .table-data {
  min-width: 100%;
  border: none;
  text-align: left;
}
.teacher-detail tr {
  flex-direction: column;
}
.teacher-detail tr th{
  border: none;
}

@media screen and (max-width: 480px) {
  .teacher-detail .new-teacher-name{
    text-align: center;
    margin: 10px 0;
  }
  .teacher-detail .new-teacher-name a{
    padding-right:0px;
    margin-right:0px;
  }
}
  /*iphone12*/
  @media screen and (max-width: 480px) and (min-width: 380px) {
    
  }
  /* iphone7, aquos */
  @media screen and (max-width: 380px) {
  }