.ba{
  width: 700px;
  margin: auto;
  margin-top: 70px;
  margin-bottom: 100px;
  justify-content: space-around;
}
.ba.a{
  margin-top: 0px;
}
.ba1{
  font-size: 36px;
  margin-bottom: 30px;
}
.ba3{
  width: 700px;
}
.ba2{
  display: none;
}
.wtop2{
  margin: auto;
  margin-bottom: 30px;
  font-weight: bold;
  text-align: center;
  font-family: 'Noto+Serif+JP', sans-serif;
}
.wtop2.a{
  margin-bottom: 60px;
}

@media screen and (max-width:768px){
  .ba3{
    display: none;
  }
  .ba{
    width: 400px;
  }
  .ba2{
    width: 400px;
    display: block;
  }
  .wtop{
    margin-bottom: 50px;
  }
  .wtop2{
    margin-bottom: 30px;
  }
}
@media screen and (max-width:426px){
  .ba{
    width: 400px;
  }
  .ba2{
    width: 400px;
    display: block;
  }
}