/*===============================================
○スライド
===============================================*/
 #slide {
	-webkit-box-shadow: 0 0px 20px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 0px 20px 0px rgba(0,0,0,0.5);
	        box-shadow: 0 0px 20px 0px rgba(0,0,0,0.5);
	background: #fff;
	background: url(/img/back/title.jpg);
	z-index: 100;
	position: relative;
 }

 .slide {
	background: rgba(255,255,255,0.3);
 }

 .slider {
	margin: 0 auto;
 }

 .slider .head-text {
	text-align: left;
	background: rgba(0, 0, 0, 0.2);
	/*background: rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.1);*/
	color: #fff;
	font-weight: bold;
	text-shadow: 3px 3px 3px #000;
	z-index: 1000;
	margin: 0;
	position: absolute;
	top: 0;
 }

 .slide .bx-viewport {
	background: url(/img/back/slide-video.jpg);
	background-size: cover;

 }

 .slide .video, .slide .business img, .business > div {
	margin: 0 auto;
	text-align: center;

 }

 .business > div {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
 }

 .business > div {
	background: rgba(255,255,255,0.7);
 }

 .business h3, .business p {
	text-align: left;
	margin: 0;
 }

.slide li div {
  position: absolute;
}

.slide .last div {
  /*left: 0px;
  background: #FCDCAD;
  background: rgba(252, 220, 173, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);*/
}

.slide li div span {
  /*color: #000;*/
  color: #fff;
  font-family: メイリオ;
  display: block;
  font-weight: bold;
  text-align: center;
  text-shadow: 3px 1px 5px 1px rgba(0,0,0,0.5), 
               1px 1px 1px #000, 
			   -1px 1px 1px #000, 
			   1px -1px 1px #000, 
			   -1px -1px 1px #000
}


@media screen and (min-width: 1301px){ 

 .slider {
	width: 1300px;
 }

 .slider .head-text {
	width: 1285px;
	font-size: 30px;
	padding: 1px 0 1px 15px;
 }

 .business > div > div {
	padding: 25px 15px 0;
 }

 .business .vision {
	margin-bottom: 25px;
 }

 .business h3 {
	font-size: 25px;
 }

 .business p {
	font-size: 23px;
 }

.slide div {
  bottom: 15%;
}

.slide div span {
  font-size: 60px;
}

.rotary div {
  left: 1%;
}

.factory div {
  right: 1%;
}

.last div {
  width: 1300px;
  /*bottom: 50px;
  bottom: 5%;*/
  bottom: 20%;
}

.last div span {
  /*font-size: 45px;*/
  font-size: 60px;
  padding: 15px 0;
}

}

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

 .slider {
	width: 100%;
 }

 .slider .head-text {
	width: 99%;
	font-size: 2.5vw;
	padding: 0.5% 0 0.5% 1%;

 }

 .business > div > div {
	padding: 3% 1.5% 0;
 }

 .business .vision {
	margin-bottom: 3%;
 }

 .business h3 {
	font-size: 2.7vw;
 }

 .business p {
	font-size: 2.3vw;
 }

.slide div {
  bottom: 15%;
}

.slide div span {
  font-size: 4.5vw;
}

.rotary div {
  left: 1%;
}

.factory div {
  right: 1%;
}

.last div {
  width: 100%;
  bottom: 15%;
}

.last div span {
  /*font-size: 3.5vw;*/
  font-size: 4.5vw;
  padding: 1.5% 0;
}

}


@media screen and (min-width: 781px) { 

}

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

}

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

.last div span {
  text-align: left;
}

}