@charset "utf-8";

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





/*　背景画像設定　*/

.slider-item01 {
	background:url("../image/works06.jpg");
}

.slider-item02 {
    background:url("../image/works04.jpg");
}

.slider-item03 {
    background:url("../image/works07.jpg");
}

.slider-item04 {
    background:url("../image/works05.jpg");
}

.slider-item05 {
    background:url("../image/works12.jpg");
}

.slider-item06 {
     background:url("../image/works08.jpg");
}

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

ul{
	margin: 0;
	padding: 0;
}

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

@media screen and (max-width: 768px) {
	.slider{
		display: none;
	}
}