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

/*プリントアウト用（PCと同じ）*/
.main{
	width:1000px;
	height:500px;
	margin:140px auto 60px;
	background:url(../images/ttl_bg.jpg) no-repeat;
	text-align:center;
}
	.main img{
		margin-top:100px;
		width:auto;
	}
	
.section01{
	width:720px;
	margin:0 auto 70px;
}
	.section01 h2{
		background:url(../images/icon_01.gif) no-repeat;
		background-size:auto;
		padding-left:45px;
		margin-bottom:15px;
	}
	.section01 h2:first-letter{
		color:#F6B100;
	}

.section02{
	background:#EFEFEF;
	width:100%;
	text-align:center;
	padding-bottom:60px;
	margin-bottom:60px;
}
	.section02 .container{
		width:1000px;
		margin:0 auto;
		background:url(../images/house_bg.png) no-repeat right top;
	}	
	.section02 h3{
		padding-top:50px;
		margin:0 0 40px;
	}
	.section02 p{
		width:720px;
		margin:0 auto 2em;
		text-align:left;
	}
	.section02 .bp{
		width:660px;
		margin:0 auto;
		padding:30px 30px 5px 30px;
		border:4px solid #CCC;
		background:#FFF;
	}
		.section02 .bp h4{
			font-size:24px;
			margin-bottom:20px;
		}
		.section02 .bp p{
			width:100%;
			font-size:14px;
		}
	
		

.section03{
	text-align:center;
	margin-bottom:150px;
}
	.section03 h3{
		margin-bottom:30px;
	}
	.section03 .container{
		width:720px;
		margin:0 auto;
	}
	.section03 p{
		text-align:left;
		margin-bottom:2em;
	}
	.section03 .block01{
		margin-bottom:60px;
	}
	.section03 .block02{
		margin-bottom:30px;
	}
	.section03 .block03{
		margin-bottom:40px;
	}
	.section03 .block04{
		text-align:left;
	}
		.section03 .block04 h4{
			background:url(../images/icon_02.png) no-repeat;
			padding-left:30px;
			border-bottom:1px solid #CCC;
			font-size:20px;
			padding:30px 0 10px 50px;
			margin-bottom:20px;
		}
		.section03 .block04 li{
			font-size:14px;
			margin-bottom:0.5em;
			letter-spacing:0.05em;
		}



/*  スマホ向けのスタイル：0px以上-------------------------------------------------*/
@media only screen and (min-width: 0px) {
.main{
	width:100%;
	height:220px;
	margin:40px auto 30px;
	background:url(../images/ttl_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
	.main img{
		margin-top:30px;
		width:200px;
	}

.section01{
	width:96%;
	margin:0 auto 40px;
}
	.section01 h2{
		background:url(../images/icon_01.gif) no-repeat;
		background-size:auto;
		padding-left:45px;
		margin-bottom:15px;
		font-size:16px;
	}
	

.section02{
	background:#EFEFEF;
	width:100%;
	text-align:center;
	padding-bottom:30px;
	margin-bottom:30px;
}
	.section02 .container{
		width:100%;
		margin:0 auto;
		background:url(../images/house_bg.png) no-repeat right top;
		background-size:20%;
	}	
	.section02 h3{
		padding-top:10px;
		margin:0 0 20px;
	}
	.section02 p{
		width:96%;
		margin:0 auto 1.5em;
		text-align:left;
	}
	.section02 .bp{
		width:80%;
		margin:0 auto;
		padding:30px 5% 5px 5%;
		border:4px solid #CCC;
		background:#FFF;
	}
		.section02 .bp h4{
			font-size:16px;
			margin-bottom:20px;
		}
		.section02 .bp p{
			width:100%;
			font-size:12px;
		}
	
		

.section03{
	text-align:center;
	margin-bottom:70px;
}
	.section03 h3{
		margin-bottom:20px;
	}
	.section03 .container{
		width:96%;
		margin:0 auto;
	}
	.section03 p{
		text-align:left;
		margin-bottom:2em;
	}
	.section03 .block01{
		margin-bottom:30px;
	}
	.section03 .block02{
		margin-bottom:30px;
	}
	.section03 .block03{
		margin-bottom:20px;
	}
	.section03 .block04{
		text-align:left;
	}
		.section03 .block04 h4{
			background:url(../images/icon_02.png) no-repeat;
			padding-left:30px;
			border-bottom:1px solid #CCC;
			font-size:16px;
			padding:30px 0 10px 50px;
			margin-bottom:20px;
			
		}
		.section03 .block04 li{
			font-size:12px;
			margin-bottom:1em;
			letter-spacing:0.05em;
		}


}


/*  タブレット向けのスタイル：768px以上-------------------------------------------------*/
@media only screen and (min-width: 768px) {
.main{
	width:100%;
	height:500px;
	margin:140px auto 60px;
	background:url(../images/ttl_bg.jpg) no-repeat center;
	text-align:center;
}
	.main img{
		margin-top:100px;
		width:auto;
	}
	
.section01{
	width:720px;
	margin:0 auto 70px;
}
	.section01 h2{
		background:url(../images/icon_01.gif) no-repeat;
		background-size:auto;
		padding-left:45px;
		margin-bottom:15px;
		font-size:24px;
	}

.section02{
	background:#EFEFEF;
	width:100%;
	text-align:center;
	padding-bottom:60px;
	margin-bottom:60px;
}
	.section02 .container{
		width:100%;
		margin:0 auto;
		background:url(../images/house_bg.png) no-repeat right top;
	}	
	.section02 h3{
		padding-top:50px;
		margin:0 0 40px;
	}
	.section02 p{
		width:720px;
		margin:0 auto 2em;
		text-align:left;
	}
	.section02 .bp{
		width:660px;
		margin:0 auto;
		padding:30px 30px 5px 30px;
		border:4px solid #CCC;
		background:#FFF;
	}
		.section02 .bp h4{
			font-size:24px;
			margin-bottom:20px;
		}
		.section02 .bp p{
			width:100%;
			font-size:14px;
		}
	
		

.section03{
	text-align:center;
	margin-bottom:150px;
}
	.section03 h3{
		margin-bottom:30px;
	}
	.section03 .container{
		width:720px;
		margin:0 auto;
	}
	.section03 p{
		text-align:left;
		margin-bottom:2em;
	}
	.section03 .block01{
		margin-bottom:60px;
	}
	.section03 .block02{
		margin-bottom:30px;
	}
	.section03 .block03{
		margin-bottom:40px;
	}
	.section03 .block04{
		text-align:left;
	}
		.section03 .block04 h4{
			background:url(../images/icon_02.png) no-repeat;
			padding-left:30px;
			border-bottom:1px solid #CCC;
			font-size:20px;
			padding:30px 0 10px 50px;
			margin-bottom:20px;
		}
		.section03 .block04 li{
			font-size:14px;
			margin-bottom:0.5em;
			letter-spacing:0.05em;
		}


}


/*  PC向けのスタイル：1000px以上-------------------------------------------------*/
@media only screen and (min-width: 1000px) {
.main{
	width:1000px;
	height:500px;
	margin:140px auto 60px;
	background:url(../images/ttl_bg.jpg) no-repeat;
	text-align:center;
}
	.main img{
		margin-top:100px;
		width:auto;
	}
	
.section01{
	width:720px;
	margin:0 auto 70px;
}
	.section01 h2{
		background:url(../images/icon_01.gif) no-repeat;
		background-size:auto;
		padding-left:45px;
		margin-bottom:15px;
	}
	.section01 h2:first-letter{
		color:#F6B100;
	}

.section02{
	background:#EFEFEF;
	width:100%;
	text-align:center;
	padding-bottom:60px;
	margin-bottom:60px;
}
	.section02 .container{
		width:1000px;
		margin:0 auto;
		background:url(../images/house_bg.png) no-repeat right 80px top;
	}	
	.section02 h3{
		padding-top:50px;
		margin:0 0 40px;
	}
	.section02 p{
		width:720px;
		margin:0 auto 2em;
		text-align:left;
	}
	.section02 .bp{
		width:660px;
		margin:0 auto;
		padding:30px 30px 5px 30px;
		border:4px solid #CCC;
		background:#FFF;
	}
		.section02 .bp h4{
			font-size:24px;
			margin-bottom:20px;
		}
		.section02 .bp p{
			width:100%;
			font-size:14px;
		}
	
		

.section03{
	text-align:center;
	margin-bottom:150px;
}
	.section03 h3{
		margin-bottom:30px;
	}
	.section03 .container{
		width:720px;
		margin:0 auto;
	}
	.section03 p{
		text-align:left;
		margin-bottom:2em;
	}
	.section03 .block01{
		margin-bottom:60px;
	}
	.section03 .block02{
		margin-bottom:30px;
	}
	.section03 .block03{
		margin-bottom:40px;
	}
	.section03 .block04{
		text-align:left;
	}
		.section03 .block04 h4{
			background:url(../images/icon_02.png) no-repeat;
			padding-left:30px;
			border-bottom:1px solid #CCC;
			font-size:20px;
			padding:30px 0 10px 50px;
			margin-bottom:20px;
		}
		.section03 .block04 li{
			font-size:14px;
			margin-bottom:0.5em;
			letter-spacing:0.05em;
		}
	
	

	

	
	
}