@charset "utf-8";
/* CSS Document */
/*==================================================
スライダーのためのcss
===================================*/
/*　背景画像設定　*/
.slider-item01 {
  background: url("../img/top_bg.png");
}
.slider-item02 {
  background: url("../img/top_bg2.png");
  top: -524px !important;
  left: 0 !important;
  position: absolute;
}
.slider-item03 {
  background: url("../img/top_bg3.png");
  top: -1048px !important;
  left: 0 !important;
  position: absolute;
}
.slider-item {
  width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
  height: 524px; /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: center; /*背景画像の位置を中央に*/
  background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
}
.slick-track {
  width: 100% !important;
}
@media screen and (min-width:500px) {
	.slider-item{
		height: 57.85rem;
	}
	.slider-item02{
		top: -57.85rem!important;
	}
	.slider-item03{
		top: -115.7rem!important;
	}
}