@charset "shift-jis";
/* CSS Document */
/*
--------------------------------------------------------------------------------
	Introduction
--------------------------------------------------------------------------------
*/
#Introduction {
	position: relative;
	overflow: hidden;
	width: 755px;
	height: 300px;
	/*border: 1px solid #000;*/
	float: left;
	background: #fff;
	/*border:1px solid #000;*/
}
#Introduction h1{
	margin: 0;
	padding: 0;
}
#Introduction .intro {
	position: absolute;
	top: 0;
	width: 755px;
	height: 300px;
	padding: 0;
}

#Introduction .front {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 755px;
	height: 300px;
	cursor: pointer;
}

#Introduction .content { margin: 0; padding: 0;}

	#Introduction .content li {
		position: absolute;
		top: 0;
		width: 755px;
		height: 300px;
		background-repeat: no-repeat;
	}
	
	#Introduction .front .navigation {
		position: absolute;
		bottom: 0;
		*bottom: 4px;
	}

	/**
	 * navigation
	 */
	#Introduction .navigation {
		position: absolute;
		z-index: 99;
		bottom: 20px;
	}
	
	#Introduction .navigation li {
		float: left;
		padding-right: 10px;
		list-style-type:none;
	}
	
	#Introduction .navigation li span {
		display: block;
		width: 12px;
		height: 12px;
		background: #7f7f7f;
		border: 1px solid #fff;
		font-size: 0;
		text-indent: -9999px;
		cursor: pointer;
	}
	
	#Introduction .navigation li.hover span,
	#Introduction .navigation li.active span {
		background: #81bdcd;
	}

@media (max-width: 640px){
	#Introduction {
		width: 100%;
		height: auto;
		float: none;
		/*border:1px solid #000;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;*/
		margin-top: 1px;
		margin-bottom:20px;
	}
	#Introduction .content li{
		width: 100%;
		background-position: 0 0;
		background-size: 100% auto;
	}
	#Introduction .intro{
		width: 100%;
		margin: 0;
		background-size: 100% auto;
	}
	#Introduction .intro h1 img{
		width: 100%;
	}
	#Introduction .front {
		width: 100%;
		height: auto;
		top: auto;
		right: auto;
		bottom: 0;
		left 0;
	}
	#Introduction .front ul.navigation {
		bottom: 4px;
		left: 10px;
		padding: 0;
		margin: 0;
	}
	#Introduction div.base img{
		width: 100%;
		height: auto;
	}
	#Introduction .content a{
		display: block;
		width: 100%;
		height: 300px;
		position:absolute;
		top:0;
		left:0;
		/*margin-top: -20px;*/
	}
}
/* END Introduction */

.notAnimate {
	position: relative;
	overflow: hidden;
	width: 755px;
	float: left;
	height: 300px;
	background: #FFF;
}
.notAnimate h1{
	margin: 0;
	padding: 0;
}

	
@media (max-width: 640px){
	.notAnimate {
		width: 100%;
		float: none;
		height: auto;
		margin-bottom: 20px;
	}
	.notAnimate h1{
		margin: 0;
		padding: 0;
	}
	.notAnimate h1 img{
		width: 100%;
		float: none;
		height: auto;
	}
}