/* clearfix */
.slider:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
}
.slider {
  position: relative;
  line-height: 0;
	overflow: hidden;
}
.slider img {
  width: 100%;
  height: auto;
}
.infoSlider{
	/*width: 100%;
	display: inline-block;*/
	margin: 0;
	padding: 0;
}
.infoSlider ul, .infoSlider li {
    margin: 0;
	padding: 0;
	list-style:none;
}
.infoSlider li figure {
  position: relative;
}
.infoSlider li figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 0 3.125% 2.5%;
  font-size: 10px;
  font-size: 3.125vw;
  line-height: 1.6;
  color: #fff;
}
.slider .slick-dots {
  position:relative;
	width: 100%;
  margin-top: -1px;
  /*margin-top: -9.3125vw;*/
  margin-top: -7.03125vw;
  padding: 7px 0;
  padding: 2.8vw 0 2.2vw;
  text-align: center;
  line-height: 0;
}
.slider .slick-dots li {
  width: 6.25vw;
  display: inline-block;
  line-height: 0;
	
}
.slider .slick-dots li + li {
  margin-left: 3%;
}
.slider .slick-dots li button {
  width: 30px;
  height: 3px;
  padding: 0px 0 0;
  display: block;
  background-color:rgba(255, 255, 255, 0.6);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  box-sizing: content-box;
  transition: .15s;
	border: none;
}
.slider .slick-dots li.slick-active button {
  height: 6px;
  background-color: #fff;
}

.slider .slick-slide img
{
	transform:scale(1.1,1.1);
	transition-duration:0.1s;
	transition-timing-function:linear;
}
.slider .slick-slide.slick-active img
{
	animation-name:zoomFnc;
	animation-duration:5.2s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-fill-mode:forwards;
}
.slider .caption
{
	position:absolute;
	display:block;
	width:52.34375vw;
	top:7.8125vw;
	left:7.8125vw;
}
.slider .caption.caption1
{
	
}
.slider .caption.caption2
{
	top:calc(7.8125vw + 8.59375vw);
}

/*.slider .slogan {
	position:absolute;
	display:block;
	width:52.34375vw;
	top:15vw;
	left:30vw; }*/
.slider .slogan {
	position:absolute;
	display:block;
	width:100%;
	top:14.8125vw;
	left:0;
	text-align: center;
}
.slider .slogan p { font-size: 40px;line-height: 50px; color: #fff;display: block; font-family:' fjalla one', \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4;margin: 0;padding: 2px 0; text-shadow: 0px 0px 6px rgba(0,0,0,0.5); }


@keyframes zoomFnc {
     0% {
         transform:scale(1.0, 1.0);
     }
     100% {
         transform:scale(1.1, 1.1);
     }
}

.slider .slider-shield
{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	background-color:#FFFFFF;
}
.slider.loaded .slider-shield
{
	animation-name:mvOpen;
	animation-duration:0.3s;
	animation-timing-function:linear;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-delay:0.0s;
	animation-fill-mode:forwards;
}
.slider.loaded .caption.caption1
{
	opacity:0;
	transform:translateY(30%);
	
	animation-name:mvOpen2;
	animation-duration:0.15s;
	animation-timing-function:linear;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-delay:0.3s;
	animation-fill-mode:forwards;
}
.slider.loaded .caption.caption2
{
	opacity:0;
	transform:translateY(30%);
	
	animation-name:mvOpen2;
	animation-duration:0.15s;
	animation-timing-function:linear;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-delay:0.45s;
	animation-fill-mode:forwards;
}
@keyframes mvOpen {
	0% {
		transform:translateX(0%);
		opacity:1;
	}
	50% {
		transform:translateX(50%);
		opacity:1;
	}
	100% {
		transform:translateX(100%);
		opacity:0;
	}
}
@keyframes mvOpen2 {
	0% {
		transform:translateY(30%);
		opacity:0;
	}
	100% {
		transform:translateY(0%);
		opacity:1;
	}
}

@media screen and (max-width: 991px) {
  .slider .slogan p { font-size: 30px;line-height: 40px; }
  
}
@media screen and (max-width: 768px) {
  .slider
  {
    height:auto !important;
  }
  .slider img
  {
	  height: 230px;
	  width: auto;
  }
  .infoSlider li figure img {

  }
  .slider .slick-list {
/*
    min-height: 290px;
    min-height: 90.625vw;
*/
  }
  .slider .slick-dots {
  }
  .to-contents
  {
  	display:none;
  }
  .slider .slogan p { font-size: 20px;line-height: 26px; }
  
}
@media screen and (min-width: 769px) {
  .infoSlider li figure figcaption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 0;
    font-size: 14px;
  }
  .slider .slick-list {
  }
  .slider .slick-track
  {
  }
  .slider .slick-slide figure
  {
  }
  .slider .slick-slide img
  {
    object-fit: cover;
  }
  .object-fit-img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .slider .slick-dots {
    position: absolute;
    bottom: 15px;
    /*left: 30px;*/
    padding: 0;
    margin: 0;
  }
  .slider .slick-dots li {
    width: 30px;
  }
  .slider .slick-dots li button {
    border-width: 2px;
  }
  .slider .slick-dots li + li {
    margin-left: 10px;
  }
  .to-contents
  {
  	position:absolute;
  	display:block;
  	height:45px;
  	bottom:0;
  	left:50%;
  	color:#FFFFFF;
  	font-size:14px;
  }
  .to-contents:after
  {
  	content:"";
  	position:absolute;
  	display:block;
  	width:0px;
  	height:30px;
  	border-left:1px solid #FFFFFF;
  	
  	top:14px;
  	left:50%;
  	
  	animation-name:scaleFnc1;
  	animation-duration:1.5s;
  	animation-iteration-count:infinite;
  	animation-direction:normal;
  	animation-timing-function:linear;
  }
  .slider .caption
  {
  	position:absolute;
  	display:block;
  	width:auto;
  	top:90px;
  	left:11%;
  }
	.slider .caption.caption2
	{
		top:calc(90px + 58px);
	}
}