.videomobile{
  display:none;
}

.videopc{
  display:block;
}

.slidemobile{
  display:none;
}

.rinjim{
  display:none;
}

.mobileyo{
  display:none;
}

@media (max-width: 768px) {

  main{
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-color:#ffffff;
  }

  .rinji{
    display:none;
  }

  .yagienglish{
    display:none;
  }

  .mobileyo{
    display:inline;
  }

  .arowimg{
  top: 90%;
  left: 50%;
  transform: translate(-50%, -90%);
  width:60%;
  z-index:9995;
}

  .lota7{
  position:absolute;
  width:60%;
  animation:fade 7s;
  z-index:9999;
  top: 1%;
  left: 50%;
  transform: translate(-50%, -1%);
}

.lota8m{
  border-radius:5px;
  width:100%;
  border:1px solid #444;
}

.lota9m{
  border-radius:8px;
  width:100%;
  border:1px solid #444;
  margin-top:10px;
}

.rinjim{
  display:inline-block;
}
  .literafitness{
    display: block;
    overflow: hidden;
    margin-right:20px;
  }

  .tit{
    padding-left:30px;
    padding-bottom:2px;
    border-bottom:2px solid #000000;
    color:#000000;
  }

  .fit1{
    width:100%;
  }
  .fit3{
    display:none;
  }

  .payimg{
    display:none;
  }

  .customerimg{
    display:none;
  }

  .question{
    display:none;
  }

  #toTopBtn{
    display:none;
  }

  .trainername{
  margin-left:5px;
  margin-right:5px;
  color:#000000;
  border-bottom:1px solid #000000;
}

.line{
  color:#000000;
  margin-left:0px;
  margin-right:0px;
}

  .ptimg{
    width:100%;
  }

  .pricet{
    font-size:120%;
    border-bottom:2px solid #000000;
    margin-right:0px;
  }

  .price{
    font-size:240%;
}

  .yoso{
    padding-left:20px;
    overflow: hidden;
  }

  .yosorinji{
    margin-left:5%;
    margin-right:5%;
  }

  .yoso100{
    color:#000000;
    margin-left:5px;
    padding-right:5px;
    border-bottom:2px solid#444;
  }

  .yoso110{
    color:#000000;
    margin-left:30px;
  }

  .yoso500{
    color:#000000;
  }

  .yoso500p{
    color:#000000;
    margin-left:35px;
  }

  .yoso500qa{
    margin-left:30px;
    margin-right:0px;
  }

  .yoso900{
    color:#000000;
    margin-left:50px;
    margin-right:0px;
  }

  .yoso200{
    color:#000000;
    margin-right:0px;
  }

  .yoso200t{
    color:#000000;
    border-bottom:1px solid #000000;
  }

  .yoso210{
    color:#000000;
    margin-right:20px;
  }

  .yoso200l{
    color:#000000;
    margin-right:0;
    border-bottom:1px solid #444;
  }

  .yoso100p{
    color:#000000;
    margin-left:60px;
  }

  .yoso110p{
    color:#000000;
    margin-left:80px;
  }

  .yoso2{
    color:#000000;
    padding-left:0;
    overflow: hidden;
  }

  .slidepc{
  display:none;
  }

  .slidemobile{
    display: block;
    width:100%;
  }

  .navb{
    display:none;
  }
  .videopc{
    display:none;
  }

  .form{
    width:100%;
  }
  
  .line{
    width:98%;
  }

  .videomobile{
    display:inline-block;
    max-width:100%;
  }

  .gmap{
    width:100%;
    height:400px;
    margin-right:0;
  }


  .lota1{
    position:absolute;
    opacity:0;
    animation:loda1m 3s;
    z-index:9999;
    top: 20%;
    left: 25%;
    width:50%;
    

  }

  .lota2{
    position:absolute;
    opacity:0;
    animation:loda2m 3s;
    z-index:9999;
    top: 50%;
    left: 25%;
    width:50%;
  }

  .lota3{
    position:absolute;
    opacity:0;
    animation:loda3m 3s;
    z-index:9999;
    top: 70%;
    left: 25%;
    width:50%;
  }

}