#top-bg{
    color: white;
    background: linear-gradient(90deg, #ea8839, #ea8839, #ea8839f0, #ea883930,#0000) ;
    height: 33vw;
    min-height: 200px;
    max-height: 600px;
}

#teacher-detail-img {
    zoom: 55%;
    left: 85vw;
}

/****************************************************************************/
@media only screen and (min-width : 851px){
    .container-middle {
      max-width: 850px;
      margin: 0 auto;
    }
  
    .hide-br {
      display:none;
    }
  }
  
  @media only screen and (max-width : 850px) and (min-width : 601px){
    .container-middle {
      width: 550px;
      margin: 0 auto;
    }
  }
  
  @media only screen and (max-width : 600px){
    .container-middle {
      width: 90%;
      margin: 0 auto;
    }
  }
  
  /****************************************************************************/
  @media only screen and (max-width : 850px){
    #top-bg-img{
      position:absolute;
      right: calc(870px - 90%);
    }
  }
  
  @media only screen and (max-width : 550px){
    #top-title{
      display: none;
    }
    #top-title-sp{
      visibility: visible;
    }
  }
  
  @media only screen and (min-width : 551px){
    #top-title{
      visibility: visible;
    }
    #top-title-sp{
      display: none;
    }
  }