@charset "utf-8";


/*==================== スライダー
====================*/

/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .slick01{
	visibility: hidden;
  }
  /* 画像すべてを読み終えたら、対象を表示する */
  html.enable-javascript.window-load .slick01{
	visibility: visible;
  }

  /* swiper */
  .swiper-slide{
	  width: 100%;
	  height: 700px;
  }


  /* // swiper // */

  .slick01 li{
	  height: 596px;
	  margin: 0;
  }
  .slick01 li h3{
	font-size: 36px;
	  color: #fff;
	  font-family: "Noto Sans JP" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro","Noto Sans", "Noto Sans CJK JP","メイリオ" , Meiryo , sans-serif;
	  letter-spacing: 0.02rem;
	  font-weight: 500;
	  text-shadow: 1px 2px 3px #808080;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
  }

    .slick01 li.img01{
	  background-image: url("../../images/slider/mainimg01.jpg");
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
	  animation: slideTextFade 1.75s ease 0s 1 normal;
	  animation-duration: 1.5s;
	  opacity: 1;
	}
  .slick01.slick-initialized li.img02{
/*	background-image: url("../../images/mainimg_r_02.jpg");*/
	background-image: url("../../images/slider/mainimg02.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slick01.slick-initialized li.img03{
/*	background-image: url("../../images/mainimg_r_03.jpg");*/
	background-image: url("../../images/slider/mainimg03.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slick01.slick-initialized li.img04{
	background-image: url("../../images/slider/mainimg04.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

  .slick01 li h3{
	  width: 700px;
	  xmax-width: 1200px;
	  margin: 0 auto;
	  animation: slideTextFade 1.75s ease 0s 1 normal;
	  animation-duration: 3s;
	  opacity: 1;
  }
  .slick01 li.slide.img03 h3{
	xwidth: 700px;
}
  .slick01 li h3 img{
	  margin: 0 auto;
  }
  @keyframes slideTextFade {
	0%, 25% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  @keyframes slideTextFade {
	0%, 25% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  .slick01 li.img05 img{
	  width: 100%;

  }