

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.content .school ul li img{
  width: 95%;
  display: block;
  margin:0 auto;
}

.c-link{
  background-color:#dd61e2;
      font-size: 16px;
    padding: 10px 0 10px 0;
    border-radius: 5px;
    display: block;
    color: #fff;
    width: 300px;
    text-align: center;
    margin:0 auto 200px auto;
}



@media screen and (max-width:979px) {
.content .school{
  width: 100%;
  display: block;
  padding:50px 5px;
  }
.content .school ul{
  display: block;
  }

.content .school ul li{
  width: 100%;
  margin-bottom:50px;
}

  }


  @media screen and (min-width:980px) {

  .content .school{
  width: 980px;
  display: block;
  margin:0 auto;
}
.content .school ul li:nth-child(even){
  padding-top:100px;
}
.content .school ul{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
  }

.content .school ul li{
  width: 50%;
  margin-bottom:100px;
}

}
