/*==================================================
スライダーのためのcss
===================================*/
.slider {
	position: relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 80vh;
	/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

/*背景画像設定*/

.slider-item01 {
	background: url(../images/top/top-img_3-sp.jpg);
}

.slider-item02 {
	background: url(../images/top/top-img_2-sp.jpg);
}

.slider-item03 {
	background: url(../images/top/top-img_4-sp.jpg);
}

.slider-item04 {
	background: url(../images/top/top-img_1-sp.jpg);
}

.slider-item {
	width: 100%;
	/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: 80vh;
	/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background-repeat: no-repeat;
	/*背景画像をリピートしない*/
	background-position: center;
	/*背景画像の位置を中央に*/
	background-size: cover;
	/*背景画像が.slider-item全体を覆い表示*/
}

@media (min-width: 600px) {
	.slider {
		position: relative;
		z-index: 1;
		/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
		height: 80vh;
		/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	}
	.slider-item01 {
		background: url(../images/top/top-img_3-tablet.jpg);
	}

	.slider-item02 {
		background: url(../images/top/top-img_2-tablet.jpg);
	}

	.slider-item03 {
		background: url(../images/top/top-img_4-tablet.jpg);
	}

	.slider-item04 {
		background: url(../images/top/top-img_1-tablet.jpg);
	}
	.slider-item {
		width: 100%;
		/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
		height: 80vh;
		/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
		background-repeat: no-repeat;
		/*背景画像をリピートしない*/
		background-position: center;
		/*背景画像の位置を中央に*/
		background-size: cover;
		/*背景画像が.slider-item全体を覆い表示*/
	}
}
@media (min-width: 1160px) {
	.slider {
		position: relative;
		z-index: 1;
		/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
		height: 80vh;
		/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	}
	.slider-item01 {
		background: url(../images/top/top-img_3-pc.jpg);
	}

	.slider-item02 {
		background: url(../images/top/top-img_2-pc.jpg);
	}

	.slider-item03 {
		background: url(../images/top/top-img_4-pc.jpg);
	}

	.slider-item04 {
		background: url(../images/top/top-img_1-pc.jpg);
	}
	.slider-item {
		width: 100%;
		/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
		height: 80vh;
		/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
		background-repeat: no-repeat;
		/*背景画像をリピートしない*/
		background-position: center;
		/*背景画像の位置を中央に*/
		background-size: cover;
		/*背景画像が.slider-item全体を覆い表示*/
	}
}