@media (max-width: 900px) {
  #top .pc-top img{display: none;}
  #top .sm-top img{display: block; width:100%; height: 170px; margin-top:-1px;}

  #top .about{margin-top:-80px; padding-top:110px; font-size: 50px;}
  #top .about p{font-size: 13px; margin-top:-10px;}

 #lesson-text1{margin-top:-78px;}
 #lesson-text1 h1{font-size:4.5vw; width:95%; margin-left:10px; margin-top: -50px;}
 #lesson-text1 P{margin-left:15px; margin-top: -30px; margin-bottom: 15px;}
 #lesson-text1 img{width:150px;  padding: 0 5px; margin-bottom: -20px; margin-left: -5px;}

 #lesson-text2 {margin-top: 0.3px;　}
 #lesson-text2 h1{margin-left:10px;font-size:4.5vw;  width:95%;  margin-bottom: 30px; }
 #lesson-text2 p{font-size:2.6vw; margin-left:10px;  margin-top: -45px;}

    .basic h2{font-size: 30px; margin-left: -0.5em; text-align: center; margin-top: -45px;  }
    .basic dl{flex-direction: column-reverse; align-items: center; margin-left:2px;}
    .basic .text1{font-size: 3.7vw; text-align: center; margin-left: 2.5em; margin-top:-5px;}
    .basic .cost {width:100%; text-align: center; margin-left: 1.3em; margin-top: -1px; }
    .basic .cost h3{margin-top:15px; font-size:4vw;}
    .basic .text2{font-size:3vw;  text-align:center; margin-left: 3em; margin-top: -10px; margin-bottom: 10px;}
    .basic dd img{ max-width:75vw; margin-top: -20px; margin-left:-2.8em;}

    .advanced h2{font-size: 30px; margin-left: -0.5em; text-align: center; margin-top: 25px;  }
    .advanced dl{flex-direction: column-reverse; align-items: center; margin-left:2px;}
    .advanced .text1{font-size: 3.7vw; text-align: center; margin-left: 2.5em; margin-top:5px;}
    .advanced .cost {width:100%; text-align: center; margin-left: 1.3em; margin-top: -1px; }
    .advanced .cost h3{margin-top:10px; font-size:4vw; margin-left: 0.3em;}
    .advanced .text2{margin-left: 14.2%; }
    .advanced .text2 li{font-size:3vw; }
    .advanced dd img{ max-width:75vw; margin-top: -20px; margin-left:-2.8em;}

  #lesson-text3  h1{margin-left:10px;font-size:4.5vw;  width:95%;  margin-bottom: 30px;}
   .taiken dl{flex-direction: column; align-items: center;}
   .taiken dt img{ max-width:75vw;}
   .taiken .text1{font-size: 3.7vw; text-align: center; margin-left:-3.2em;  margin-top:5px;}
   .taiken .cost {margin-top: -2px; margin-left:-3em;  margin-bottom:-20px;}
   .taiken .cost h3{margin-top:10px; font-size:4vw; }