body {
  background-color: #d5eeff;
}
@media screen and (min-width:1280px) {
    /*　画面サイズが480pxからはここを読み込む　*/
.slider {
  float:right;
  margin: 125px auto 0;
  max-width: 800px;
  width: 80%;
}
}
@media screen and (min-width: 481px) {
.slider {
  align-items: center;
  margin: 125px auto 0;
  max-width: 800px;
  width: 80%;
}
}  

.slick-img img {
  height: auto;
  width: 100%;
}