@charset "utf-8";
/* CSS Document */

.gray-back{
	padding-left: 7%;
	padding-right: 7%;
}

div#contents h2{
	margin: 0 0 20px 0;
	font-size: 25px;
}

p.description{
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 20px;
}

div.exterior-sample{
	width: 98%;
	margin: 0 auto 30px auto;
}

div.exterior-sample:nth-child(7){
	margin-bottom: 0;
}

h3{
	width: 120px;
	margin: 0 0 15px 0;
	padding: 3px 0;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	background-color: #005e5b;
}

div.exterior-sample p{
	margin: 0 0 15px 0;
}

div.exterior-picture{
	max-width: 560px;
	max-height: 392px;
	width: 75.4%;
	margin: 0 auto;
}

@media screen and (min-width: 751px){
	.gray-back{
		padding-left: 7.41%;
		padding-right: 7.41%;
	}
	
	h2{
		font-size: 20px;
	}
	
	p.description{
		width: 84.7%;
		margin: 15px auto;
		font-size: 14px;
	}
	
	div.exterior-sample{
		width: 100%;
		margin-bottom: 50px;
	}
	
	h3{
		width: 103px;
		margin-right: 15px;
		font-size: 16px;
		float: left;
	}
	
	div.exterior-sample p{
		margin: 5px 0 25px;
		font-size: 14px;
		float: left;
	}
	
	div.exterior-picture{
		width: 73.5%;
		clear: both;
	}
}