@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);


/*-------------------------------------------------------------------
	information
-------------------------------------------------------------------*/

#information {
	width:960px;
	margin:0 auto;
}

#container #information h3 {
	margin:0 0 70px;
}

#information .box {
	overflow:hidden;
	zoom:1;
	margin:0 0 120px;
}

#information .box.spc {
	margin:0 0 50px;
}

#information .box.last {
	margin:0;
}

#information .box .photo {
	float:left;
}

#information .box .texts {
	margin-left:475px;
}

#information .box .texts p {
	margin:0 0 30px;
}

#information .box .texts dl dt {
	color:#c5b776;
}

#information .box .texts p:last-child {
	margin:0;
}


/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	#information {
		width:94%;
	}
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	#container #information h3 {
		margin:0 0 50px;
	}
	
	
	#information .box {
		margin:0 0 60px;
	}


	#information .box .photo {
		float:none;
		text-align:center;
	}

	#information .box .texts {
		margin:30px 0 0;
	}

	#information .box .texts p {
		margin:0 0 20px;
	}

	#information .box .texts p:last-child {
		margin:0;
	}
	

}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
	
}