@charset "utf-8";
/* idea.css */


/* =====================================
	 idea 
===================================== */

.idea section p {
	line-height: 2;
	margin-bottom: 20px;
}
.idea section h2.building_title {
	margin-bottom: 30px;
}
.idea .making_content {
	margin-bottom: 50px;
}
.idea ul.making_image {
	overflow: hidden;
	margin-bottom: 15px;
}
.idea ul.making_image li {
	float: left;
}
.idea ul.making_image li.imgM {
	margin: 0 0 1px 1px;
}
.idea ul.making_image li.imgS {
	margin-left: 1px;
}
.idea .history_content .rever_image {
	float: right;
	margin: 0 0 20px 30px;
}
.idea .history_content .building_image {
	float: left;
	margin: 0 30px 20px 0;
}


/***************** Media Queries *****************/

@media only screen and (max-width: 480px) {
	
	/* =====================================
		～ 480px 
	===================================== */

	.idea ul.making_image li {
		float: none;
	}
	.idea ul.making_image li.imgL,
	.idea ul.making_image li.imgM {
		margin-bottom: 10px;
	}
	.idea ul.making_image li.imgS {
		float: left;
		width: 48.5%;
	}
	.idea ul.making_image li.imgS:last-child {
		float: right;
	}
	.idea ul.making_image li img {
		width: 100%;
	}
	.idea .history_content {
		margin-bottom: 50px;
	}
	.idea .history_content .rever_image,
	.idea .history_content .building_image {
		float: none;
		margin: 0 0 20px;
	}
	.idea .history_content .rever_image img,
	.idea .history_content .building_image img {
		width: 100%;
	}	

}