.zs-enabled {
	position:relative
}
.zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide {
	background:transparent none no-repeat 50% 50%;
	background-size:cover;
	position:absolute;
	visibility:hidden;
	opacity:0;
	-webkit-transform:scale(1.2, 1.2);
	-moz-transform:scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2)
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
	visibility:visible;
	opacity:1
}
.zs-enabled .zs-slideshow .zs-bullets {
	position:absolute;
	z-index:4;
	bottom:20px;
	left:0;
	width:100%;
	text-align:center
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
	display:inline-block;
	cursor:pointer;
	border:2px solid #ccc;
	width:14px;
	height:14px;
	border-radius:8px;
	margin:10px;
	background-color:#4a4a4a
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
	background-color:#ccc
}
.zs-enabled .zs-slideshow:after {
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
	background:transparent none repeat 0 0
}
.zs-enabled.overlay-plain .zs-slideshow:after {
	background-image:url(../img/plain.png)
}
.zs-enabled.overlay-dots .zs-slideshow:after {
	background-image:url(../img/dots.png)
}

#Slide {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 500px;
			background-color: #999;
			margin-top:0px;
}
.Slide-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 180px auto;
			padding: 40px;
			max-width: 700px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
}
.Slide-inner-content h1 {
			font-size: 2em;
			margin: 0;
font-family: 'Sawarabi Mincho';
line-height:.8em;
}
.Slide-inner-content h1 span.small {
	color:#fff;
}
.Slide-inner-content p {
	color:#fff;
	margin-top:15px;
}
#Slide2 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 220px;
			background-color: #999;
			margin-top:70px;
	background-image:url(../photos/8270243344_9162d815d3_h.jpg);	
	background-size:cover;
}
.Slide-inner-content2 {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 90px auto;
			padding: 20px;
			max-width: 700px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
}
.Slide-inner-content2 h1 {
			font-size: 1em;
			margin: 0;
font-family: 'Sawarabi Mincho';
line-height:.8em;
}
.Slide-inner-content2 h1 span.small {
	color:#fff;
}
.Slide-inner-content2 p {
	color:#fff;
	margin-top:15px;
}
@media (max-width: 767px) {
#Slide{
			margin-top:0px;
			min-height: 300px;
}
.Slide-inner-content {
			max-width: 400px;
			margin: 80px auto;
			padding: 20px;
}
.Slide-inner-content h1 {
			font-size: 1.2em;
			margin: 0;
}
#Slide2{
			margin-top:50px;
			min-height: 100px;
}
.Slide-inner-content2 {
			max-width: 400px;
			margin: 20px auto;
			padding: 10px;
}
.Slide-inner-content2 h1 {
	display:none;
}
}