@charset "UTF-8";
/* CSS Document */
/*content-layout*/
	
	#container {
		width: 100%;
		height: auto;
		margin: 0px auto;
		}
	
	#content-container {
		width: 1200px;
		height: auto;
		margin: 0px auto;
		}
	
	#container02 {
		width:auto;
		height: auto;
		margin: 0px auto;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 10px 10px 20px 10px;
		float:left;
		border-top: 1px solid #0c3388;
		border-left: 1px solid #0c3388;
		border-right: 1px solid #0c3388;
		border-bottom: 1px solid #0c3388;
		}
	
	#container02-1 {
		width: 1180px;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		}
	
	.content04-1 {
		width: 100%;
		height: auto;
		margin-top: 0px;
		padding: 0px;
		float:left;
		}
	
	.content04-2 {
		width: 58%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 5px;
		float:left;
		}
	.content04-3 {
		width: 39%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float: right;
		}

.content01-1 {
		width: 100%;
		height: auto;
		margin-top: 0px;
		padding: 0px;
		float:left;
		}
	
	.content01-2 {
		width: 70%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 5px;
		float:left;
		}
	.content01-3 {
		width: 29%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float: right;
		}

.content01-4 {
		width: 55%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 5px;
		float:left;
		}
	.content01-5 {
		width: 40%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float: right;
		}
	
	.cell-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 5px;
	}
	
	.photo-container {
		padding: 5px 5px 5px 5px;
	}
	
	#content02-1 {
		width: 58%;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		float:left;
		}
	
	.content02-2 {
		width: 100%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		float:left;
		}
	
	.content02-3 {
		width: 60%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float:left;
		}
	
	#content03-1 {
		width: 38%;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		float:right;
		}
.content03-2 {
		width: 100%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		float:left;
		}
	
	.content03-3 {
		width: 50%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float:left;
		}
	
	.calendar01 {
		position: relative;
		width: 100%;
		padding-top: 66.7%;
			margin-bottom: 10px;
	}
	.calendar01 iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 95%!important;
		height: 95%!important;
	}
	
	.fb-container {
		padding: 20px 0px 20px 0px;
	}

.map01 {
		position: relative;
		width: 100%;
		padding-top: 80%
	}
	.map01 iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%!important;
		height: 100%!important;
	}
	
	@media screen and (max-width: 1200px) {
		
		#content-container {
		width: 99%;
		height: auto;
		margin: 0px auto;
		}
		
		#container02 {
		width: 99%;
		height: auto;
		margin: 0px auto;
		margin-top: 30px;
		margin-left: 5px;
		margin-bottom: 30px;
		padding: 10px 10px 20px 10px;
		float:left;
		border-top: 1px solid #0c3388;
		border-left: 0px solid #0c3388;
		border-right: 0px solid #0c3388;
		border-bottom: 0px solid #0c3388;
		}
		
		.content04-2 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		float:left;
		}
	.content04-3 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float:left;
		}
		
		.content01-2 {
		width: 45%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		float:left;
		}
		
	.content01-3 {
		width: 53%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float:left;
		}
		
.content01-4 {
		width: 45%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 5px;
		float:left;
		}
	.content01-5 {
		width: 53%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float: right;
		}
		
		.cell-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 5px;
	}
	}
	
	@media screen and (max-width: 1042px) {
		
		#content02-1 {
		width: 46%;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		float:left;
		}
		
		#content03-1 {
		width: 46%;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		float:left;
		}
		
		.content02-2 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		float:left;
			display: flex;
			flex-wrap: wrap;
		}
		
		.content02-3 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float:left;
		}
	}
	
	@media screen and (max-width: 550px) {
		
		#content02-1 {
		width: 99%;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		float:left;
		}
		
		#content03-1 {
		width: 99%;
		height: auto;
		margin: 0px auto;
		margin-top: 0px;
		padding: 10px;
		float:left;
		}
		
		.content01-2 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		float:left;
		}
		
	.content01-3 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float:left;
		}
		.content01-4 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 5px;
		float:left;
		}
	.content01-5 {
		width: 99%;
		height: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		float: right;
		}
		.cell-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 5px;
	}
	}