@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:10px 0 10px 40px;
		margin-bottom:15px;
		font-size:24px;
	}
	.section01 h2:first-letter{
		color:#5C68FF;
	}
	.section01 .block01{
		margin-bottom:50px;
	}
	.section01 .block02{
		margin-bottom:50px;
	}
	.section01 .block03{
		margin-bottom:50px;
	}
	

.section02{
	width:720px;
	margin:0 auto 100px;
	background:#EFEFEF;
	text-align:left;
	padding-top:25px;
}
	.section02 .block01{
		float:left;
		width:225px;
		padding-left:30px;
		padding-bottom:25px;
	}
	.section02 .block02{
		float:left;
		width:405px;
		padding:0 30px;
		padding-top:1em;
		padding-bottom:25px;
	}
		.section02 .block02 h3{
			font-size:110%;
			margin-bottom:10px;
		}
		.section02 .block02 p{
			font-size:85%;
		}
	
		

.section03{
	width:720px;
	margin:0 auto 120px;
}
	.section03 h2{
		background:url(../images/icon_02.gif) no-repeat;
		background-size:auto;
		padding:0 0 5px 55px;
		margin-bottom:15px;
		font-size:24px;
	}
	.section03 h2:first-letter{
		color:#5B67FF;
	}
	.section03 .block01{
		margin-bottom:40px;
	}
	



/*  スマホ向けのスタイル：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:10px 0 10px 40px;
		margin-bottom:15px;
		font-size:16px;
	}
	.section01 h2:first-letter{
		color:#5C68FF;
	}
	.section01 .block01{
		margin-bottom:30px;
	}
	.section01 .block02{
		margin-bottom:30px;
	}
	.section01 .block03{
		margin-bottom:30px;
	}
	

.section02{
	width:100%;
	margin:0 auto 60px;
	background:#EFEFEF;
	text-align:left;
	padding-top:25px;
}
	.section02 .block01{
		float:none;
		width:50%;
		margin:0 auto;
		padding-left:30px;
		padding-bottom:25px;
	}
	.section02 .block02{
		float:none;
		width:90%;
		padding:0;
		margin:0 auto;
		padding-top:0;
		padding-bottom:25px;
	}
		.section02 .block02 h3{
			font-size:110%;
			margin-bottom:10px;
		}
		.section02 .block02 p{
			font-size:85%;
		}
	
		

.section03{
	width:96%;
	margin:0 auto 70px;
}
	.section03 h2{
		background:url(../images/icon_02.gif) no-repeat;
		background-size:auto;
		padding:0 0 5px 55px;
		margin-bottom:15px;
		font-size:16px;
	}
	.section03 h2:first-letter{
		color:#5C68FF;
	}
	.section03 .block01{
		margin-bottom:30px;
	}
	




}


/*  タブレット向けのスタイル：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:10px 0 10px 40px;
		margin-bottom:15px;
		font-size:24px;
	}
	.section01 h2:first-letter{
		color:#5C68FF;
	}
	.section01 .block01{
		margin-bottom:50px;
	}
	.section01 .block02{
		margin-bottom:50px;
	}
	.section01 .block03{
		margin-bottom:50px;
	}
	

.section02{
	width:720px;
	margin:0 auto 100px;
	background:#EFEFEF;
	text-align:left;
	padding-top:25px;
}
	.section02 .block01{
		float:left;
		width:225px;
		padding-left:30px;
		padding-bottom:25px;
	}
	.section02 .block02{
		float:left;
		width:405px;
		padding:0 30px;
		padding-top:1em;
		padding-bottom:25px;
	}
		.section02 .block02 h3{
			font-size:110%;
			margin-bottom:10px;
		}
		.section02 .block02 p{
			font-size:85%;
		}
	
		

.section03{
	width:720px;
	margin:0 auto 120px;
}
	.section03 h2{
		background:url(../images/icon_02.gif) no-repeat;
		background-size:auto;
		padding:0 0 5px 55px;
		margin-bottom:15px;
		font-size:24px;
	}
	.section03 h2:first-letter{
		color:#5C68FF;
	}
	.section03 .block01{
		margin-bottom:40px;
	}



}


/*  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:10px 0 10px 40px;
		margin-bottom:15px;
		font-size:24px;
	}
	.section01 h2:first-letter{
		color:#5C68FF;
	}
	.section01 .block01{
		margin-bottom:50px;
	}
	.section01 .block02{
		margin-bottom:50px;
	}
	.section01 .block03{
		margin-bottom:50px;
	}
	

.section02{
	width:720px;
	margin:0 auto 100px;
	background:#EFEFEF;
	text-align:left;
	padding-top:25px;
}
	.section02 .block01{
		float:left;
		width:225px;
		padding-left:30px;
		padding-bottom:25px;
	}
	.section02 .block02{
		float:left;
		width:405px;
		padding:0 30px;
		padding-top:1em;
		padding-bottom:25px;
	}
		.section02 .block02 h3{
			font-size:110%;
			margin-bottom:10px;
		}
		.section02 .block02 p{
			font-size:85%;
		}
	
		

.section03{
	width:720px;
	margin:0 auto 120px;
}
	.section03 h2{
		background:url(../images/icon_02.gif) no-repeat;
		background-size:auto;
		padding:0 0 5px 55px;
		margin-bottom:15px;
		font-size:24px;
	}
	.section03 h2:first-letter{
		color:#5C68FF;
	}
	.section03 .block01{
		margin-bottom:40px;
	}
	
	
	

	

	
	
}