@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/

/*------------------------------------------------------------
	slider
------------------------------------------------------------*/
.slider {
    position:relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  height: 1000px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/
.slider-item01 {
    background:url(../img/main02.jpg);
}
.slider-item02 {
    background:url(../img/main01.jpg);
}
.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}
/*========= レイアウトのためのCSS ===============*/
.slider ul{
  margin:0;
  padding: 0;
  list-style: none;
}
.slider li{
  height: 1000px;
}
.kv_txt{
	position: absolute;
	z-index: 2;
	top: 182px;
	left: 140px;
	transform: translate(-5%, -5%);
	text-transform: uppercase;
}
.kv_logo{
	position: absolute;
	z-index: 2;
	top: 588px;
	left: 140px;
	transform: translate(-5%, -5%);
	text-transform: uppercase;
}
.slide-wrapper{
  position: relative;
    height: 1000px;
}

@media all and (max-width: 896px) {
    .slider {
  height: 600px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
.slider li{
  height: 600px;
}
.kv_txt{
	top: 112px;
	left: 35px;
}
.kv_logo{
	top: 318px;
	left: 35px;
}
.slide-wrapper{
    height: 600px;
}
}
/*------------------------------------------------------------
	animation
------------------------------------------------------------*/
/* fadeUp */
/*
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
*/

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
/*
.fadeUpTrigger{
    opacity: 0;
}
*/