@charset "UTF-8";

.animoSpinner{ 
  border:4px solid #E5EDFF;
  border-left-color:#22B573;
  border-radius:50%;
  width:50px;
  height:50px;
  animation:spinner1 1.2s linear infinite;
  margin: 0 auto;
  margin-top: 150px;
  margin-bottom: 20px;
}
@keyframes spinner1{
  0%{
    transform:rotate(0)
  }
  100%{
    transform:rotate(360deg)
  }
}

/*===============================
ランドスケープ（400px～）
===============================*/
@media screen and (min-width:400px) {
  .animoSpinner{ 
    margin-top: 150px;
  }
}
/*===============================
タブレット（768px～）
===============================*/
@media screen and (min-width:768px) {
  .animoSpinner{ 
    margin-top: 20px;
  }
}
/*===============================
PC（980px～）
===============================*/
@media screen and (min-width:980px) {
  .animoSpinner{ 
    margin-top: 20px;
  }
}