@charset "utf-8";
.body {
	overflow-x: scroll;
	overflow-y: hidden;
	max-width: 100%;
}
.slider-box{
	width: 100%;
/*	min-width: 1300px; */
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.slider {
	width: 300%;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
  }

  .slider-inner {
	width: 100%;
	overflow: hidden;
	animation: slider 20s infinite;
  }

  .slider-item {
	margin-top: 4rem;
	width: 450px;
	float: left;
  }

  .slider-item img{
	margin-top: 6rem;
	width:100%;
	height: 298px;
	overflow: hidden;
  }

 /*
  @keyframes slider {
	  0% {
	  transform: translateX(0px);
	  opacity: 1;
	  }
	18% {
	  transform: translateX(-300px);
	  opacity: 1;
	  }
	36% {
		transform: translateX(-600px);
		opacity: 1;
		}
	54% {
		transform: translateX(-900px);
		opacity: 1;
		}
	72% {
		transform: translateX(-1200px);
		opacity: 1;
		}

	  90% {
	  transform: translateX(-1500px);
	  opacity: 1;
	  }
	  98% {
		transform: translateX(-1500px);
		opacity: 0;
	  }
	  100% {
	  transform: translateX(0px);
	  opacity: 0;
	  }
	}
*/
/*1枚目
@keyframes slide1 {
	0% {left: 100%;}
	3% {left: 0%;}
	20% {left: 0%;}
	23% {left: -100%;}
	100% {left: -100%;}
}
*/
/*2枚目
@keyframes slide2 {
	0% {left: 100%;}
	33% {left: 100%;}
	36% {left: 0%;}
	53% {left: 0%;}
	56% {left: -100%;}
	100% {left: -100%;}
}
*/
/*3枚目
@keyframes slide3 {
	0% {left: 100%;}
	66% {left: 100%;}
	69% {left: 0%;}
	86% {left: 0%;}
	89% {left: -100%;}
	100% {left: -100%;}
  }
*/

.slide {
	position: relative; /* 親要素にrelativeを指定 */
   }
	
   .slide img {
	position: absolute; /* absoluteで画像を重ねる */
	display: none; /* 画像を非表示に非表示 */
   }

.slider-cov2 {
	position: absolute; 
	background-color:#45B035; 
	opacity: 1; 
	top: 10rem; 
	left:0; 
	width: 100%; 
	height: 300px; 
	box-sizing: border-box;
	z-index: -10;
}

.slider-cov {
	position: absolute; 
	background-color:#45B035; 
	opacity: 0.75; 
	top: 10rem; 
	left:0; 
	width: 100%; 
	height: 300px; 
	box-sizing: border-box;
	z-index: 10;
}

.cov-wap {
	height: 2rem;
}

.slider-cov {
	text-align: center;
}

.slider-cov div {
	margin: auto;
	vertical-align: middle;
	width: fit-content;
}

.slider-cov img {
	text-align: center;
	width: 16rem;
	margin: 10px,0;
	height: auto;
}

.slider-cov p {
	text-align: center;
	color: white;
	font-weight: 900;
	font-size: large;
}

/* オンマウスロゴ回転
.teaser_imglo {
	transition: .7s;
	transform: rotateY( 0deg );
}
.teaser_imglo:hover {
	transform: rotateY( 360deg );
}
*/

.teaser_imglo {
	display: none;
}


.ftbnr img {
	width: 15%;
}

@media only screen and (max-width: 1023px) {

.slider-box{
	width: 100%;
	min-width: 500px;
	height: auto;
	overflow: hidden;
}

.slider-cov {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider-cov div {
	position: absolute;
	text-align: center;
	top: 6rem;
}
.slider-cov img {
	width: 10rem;
}
.slider-cov span {
	display: none;
}

.teaser_imglo {
	display: none;
}

}


@media only screen and (max-width: 479px) {

	.slider-cov2 {
		position: absolute; 
		padding-top: 1rem;
		background-color:#45B035; 
		opacity: 1; 
		top: 10rem; 
		left:0; 
		width: 100%; 
		height: 300px; 
		box-sizing: border-box;
		z-index: -10;
	}
	
	.slider-cov {
		position: absolute;
		padding-top: 1rem;
		background-color:#45B035; 
		opacity: 0.75; 
		top: 10rem; 
		left:0; 
		width: 100%; 
		height: 300px; 
		box-sizing: border-box;
		z-index: 10;
	}


.head_blk {
	display: none;
}

.slider-cov2 {
	height: 6rem;
}

.slider-cov {
	display: block;
	height: 6rem;
}

.slider-cov img {
	width: 10rem;
}

.slider-box {
	height: 6rem;
}

.ftbnr img {
width: 60px;
}

.top_teaser13 {
	position: relative;
	top:50px;
}

}