@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 900px) {
/*ここにPC用スタイルを記述*/

	.content {
		max-width: 1600px;
		width: 100%;
		margin: 0 auto;
		padding: 6% 0 0 0;
	}
	.main img {
		width: 100%;
	}
	.sub_content {
		max-width: 1600px;
		width: 100%;
		margin: 0 auto;
	}
	.photo01 img,.photo02 img,.photo03 img,.photo04 img {
		width: 100%;
	}
	.photo01,.photo02,.photo03,.photo04 {
		width: 25%;
		float: left;
	}
	
}
 
@media screen and (max-width: 899px) {
/*ここにipad（タブレット）以下のスタイルを記述*/
	img {
		width: 100%;
	}
	.content_sp {
		width: 100%;
		padding: 15% 0 0 0;
	}	
	.sub_content_sp {
		width: 100%;
	}
	.photo01,.photo02,.photo03,.photo04 {
		width: 50%;
		float: left;
	}


}