@charset "utf-8";

/*==========================================================================================

共通

==========================================================================================*/
.Main img{
	vertical-align:bottom;
}


/*==========================================================================================================

プリントアウト用（PC用CSSと同内容）

=============================================================================================================*/
.mainVisual{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
.inpage_link{
	width:1000px;
	margin:0 auto;
}
	.inpage_link li{
		float:left;
		width:240px;
		padding-right:12px;
	}
	.inpage_link li.last{
		padding-right:0;
	}
.Main{
	text-align:center;
}
.lead{
	
}
.section01{
	
}
	.section01 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F4F8;
	}
	.section01 .block01{
	}
	.section01 .block02{
		padding:40px 0 40px;
	}
	.section01 .block03{
		padding-bottom:40px;
	}
	.section01 .block04{
		margin-left:40px;
	}
		.section01 .block04 li{
			float:left;
			width:440px;
			padding-right:38px;
			padding-bottom:40px;
		}
		
.section02{
	
}
	.section02 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFF7DD;
	}
	.section02 .block01{
	}
	.section02 .block02{
		padding:40px 0 40px;
	}
	
	
.section03{
	
}
	.section03 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFEAEC;
	}
	.section03 .block01{
	}
	.section03 .block02{
		padding:40px 0 0;
		width:920px;
		margin:0 auto;
	}
		.section03 .block02 .bunkyo{
			float:left;
			width:440px;
			padding-bottom:40px;
		}
		.section03 .block02 .hachi{
			float:right;
			width:440px;
			padding-bottom:40px;
		}
		
.section04{
	margin-bottom:60px;
}
	.section04 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F6F0;
	}
	.section04 .block01{
	}
	.section04 .block02{
		padding:40px 0 40px;
	}


	
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* スマホ向けのスタイル：0px〜720px（基準は320px）*/
@media only screen and (min-width: 0px) {
.mainVisual{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
.inpage_link{
	width:100%;
	margin:0 auto;
}
	.inpage_link li{
		float:left;
		width:24%;
		padding-right:1.2%;
	}
	.inpage_link li.last{
		padding-right:0;
	}
.Main{
	text-align:center;
}
.lead{
	
}
.section01{
	
}
	.section01 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F4F8;
	}
	.section01 .block01{
	}
	.section01 .block02{
		padding:20px 0 20px;
	}
	.section01 .block03{
		padding-bottom:40px;
	}
	.section01 .block04{
		margin-left:40px;
	}
		.section01 .block04 li{
			float:left;
			width:90%;
			padding-right:5%;
			padding-bottom:20px;
		}
		
.section02{
	
}
	.section02 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFF7DD;
	}
	.section02 .block01{
	}
	.section02 .block02{
		padding:40px 0 40px;
	}
	
	
.section03{
	
}
	.section03 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFEAEC;
	}
	.section03 .block01{
	}
	.section03 .block02{
		padding:40px 0 0;
		width:92%;
		margin:0 auto;
	}
		.section03 .block02 .bunkyo{
			float:left;
			width:47%;
			padding-bottom:40px;
			padding-right:0;
		}
		.section03 .block02 .hachi{
			float:right;
			width:47%;
			padding-bottom:40px;
			
		}
		
.section04{
	margin-bottom:60px;
}
	.section04 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F6F0;
	}
	.section04 .block01{
	}
	.section04 .block02{
		padding:40px 0 40px;
	}
		
}
	
/* タブレット向けのスタイル：721px ～ 949px */
@media only screen and (min-width: 721px) {
.mainVisual{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
.inpage_link{
	width:100%;
	margin:0 auto;
}
	.inpage_link li{
		float:left;
		width:24%;
		padding-right:1.2%;
	}
	.inpage_link li.last{
		padding-right:0;
	}
.Main{
	margin-top:0;
	text-align:center;
}
.lead{
	width:100%;
}
.section01{
	
}
	.section01 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F4F8;
	}
	.section01 .block01{
	}
	.section01 .block02{
		padding:40px 0 40px;
	}
	.section01 .block03{
		padding-bottom:40px;
	}
	.section01 .block04{
		margin-left:40px;
	}
		.section01 .block04 li{
			float:left;
			width:45%;
			padding-right:5%;
			padding-bottom:40px;
		}
		
.section02{
	
}
	.section02 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFF7DD;
	}
	.section02 .block01{
	}
	.section02 .block02{
		padding:40px 0 40px;
	}
	
	
.section03{
	
}
	.section03 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFEAEC;
	}
	.section03 .block01{
	}
	.section03 .block02{
		padding:40px 0 0;
		width:92%;
		margin:0 auto;
	}
		.section03 .block02 .bunkyo{
			float:left;
			width:47%;
			padding-bottom:40px;
			padding-right:0;
		}
		.section03 .block02 .hachi{
			float:right;
			width:47%;
			padding-bottom:40px;
			
		}
		
.section04{
	margin-bottom:60px;
}
	.section04 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F6F0;
	}
	.section04 .block01{
	}
	.section04 .block02{
		padding:40px 0 40px;
	}
	

}

/*  PC向けのスタイル：950px以上*/
@media only screen and (min-width: 950px) {

.mainVisual{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
.inpage_link{
	width:1000px;
	margin:0 auto;
}
	.inpage_link li{
		float:left;
		width:240px;
		padding-right:12px;
	}
	.inpage_link li.last{
		padding-right:0;
	}
.Main{
	text-align:center;
}
.lead{
	
}
.section01{
	
}
	.section01 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F4F8;
	}
	.section01 .block01{
	}
	.section01 .block02{
		padding:40px 0 40px;
	}
	.section01 .block03{
		padding-bottom:40px;
	}
	.section01 .block04{
		margin-left:40px;
	}
		.section01 .block04 li{
			float:left;
			width:440px;
			padding-right:38px;
			padding-bottom:40px;
		}
		
.section02{
	
}
	.section02 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFF7DD;
	}
	.section02 .block01{
	}
	.section02 .block02{
		padding:40px 0 40px;
	}
	
	
.section03{
	
}
	.section03 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#FFEAEC;
	}
	.section03 .block01{
	}
	.section03 .block02{
		padding:40px 0 0;
		width:920px;
		margin:0 auto;
	}
		.section03 .block02 .bunkyo{
			float:left;
			width:440px;
			padding-bottom:40px;
		}
		.section03 .block02 .hachi{
			float:right;
			width:440px;
			padding-bottom:40px;
		}
		
.section04{
	margin-bottom:60px;
}
	.section04 .inner{
		border-width:0 2px 2px 2px;
		border-color:#000;
		border-style:solid;
		background-color:#E8F6F0;
	}
	.section04 .block01{
	}
	.section04 .block02{
		padding:40px 0 40px;
	}
	
}