.boshu h1{
  margin-bottom: 30px;
}
#middle_school_area .point{
  max-width: 600px;
  margin: 0 auto 30px;
  list-style-type: square;
}
#middle_school_area .point li{
  margin-bottom: 10px;
  font-size: 2.4rem;
  color: #FFFFFF;
  background-color: #0071CE;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
  text-align: center;
}
#middle_school_area .price .price_wrap{
  height: auto;
  padding: 40px 0 120px;
}
#middle_school_area .img{
  width: 900px;
  clear: both;
  overflow: hidden;
  margin: 0 auto 30px;
}
#middle_school_area .img li{
  float: left;
  width: 300px;
  text-align: center;
}
#middle_school_area .img li img{
  width: 90%;
}
#middle_school_area .dokkai{
  background-color: #feffdc;
  padding: 30px 0;
}
#middle_school_area .detail{
  max-width: 900px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 180%;
  margin: 0 auto;
}
#middle_school_area .detail ol{
  background-color: #f6f8a3;
  border-radius: 10px;
  padding: 10px 10px 10px 4rem;
}
#middle_school_area .detail ol li{
  list-style: auto;
}
#middle_school_area .detail span{
  color: #FFFFFF;
  background-color: red;
  font-weight: bold;
  padding: 3px 5px;
}
@media screen and (max-width: 768px){
  #middle_school_area .price .price_wrap{
    padding-bottom: 30px;
  }
  #middle_school_area .dokkai{
    padding: 30px 20px;
  }
  #middle_school_area .dokkai .detail{
    font-size: 16px;    
  }
  .price .price_wrap{
    overflow-x: hidden;
  }
  .price .price_area{
    overflow-x: scroll;
  }
  #middle_school_area .img{
    width: 80%;
  }
  #middle_school_area .img li{
    width: 100%;
    float: none;
  }
  .price .price_wrap table{
    width: 600px;
  }
  #middle_school_area .point li{
    font-size: 16px;
  }
}