.slider{
  margin: 100px auto;
  width: 80%;
}
.slider img{
  height: auto;
  width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
  color: #fff;
  opacity: 0.5;
}

.slick-next{ right:20px!important; }
.slick-prev{ left:20px!important; }
.slick-arrow{ z-index:2!important; }

.slick-initialized .slick-slide {
  display: block;
  height: 555px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slick-prev, .slick-next{
  width: 32px;
  height: 32px;
}
.slick-prev:before, .slick-next:before{
  font-size: 32px;
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
  .slick-initialized .slick-slide {
    height: 245px;
  }
  .slick-next{ right:10px!important; }
.slick-prev{ left:10px!important; }

  .slick-prev, .slick-next{
    width: 20px;
    height: 20px;
  }
  .slick-prev:before, .slick-next:before{
    font-size: 20px;
  }

}