@charset "UTF-8";

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	height: 550px;
	overflow: hidden;
}
	#pageHeader .sliderBox {
		position: absolute;
		z-index: -1;
		top: 0;
		height: 550px;
		overflow: hidden;
	}
		#pageHeader .sliderBox .slider li {
			width: 100%;
			height: auto;
		}
		.flexslider .slides > li {
			height: 550px;
		}
	

/* -------------------------- */
/* content */
/* -------------------------- */

#content {
	position: relative;
	padding-top: 50px;
}


/* btn */
.btnTop {
	clear: both;
	width: 290px;
	margin: 65px auto 0;
	text-align: center;
}
	.btnTop a {
		display: block;
		padding: 17px 20px;
		background-color: #debb43;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
	}
		.btnTop a span {
			padding: 3px 30px 3px 0;
			background: url(../images/ico/icon_arrow01.png) no-repeat;
			background-position: right center;
			color: #fff;
			font-size: 1.6em;
		}
	.btnTop a:hover {
		background-color: #de4343;
		text-decoration: none;
	}
		.btnTop a:hover span {
			background: url(../images/ico/icon_arrow02.png) no-repeat;
			background-position: right center;
		}


/* checkEvent */
#checkEvent {
	margin-bottom: 80px;
}
	#checkEvent .contentInner {
		display: table;
		padding: 5px;
		background-color: #d27652;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		#checkEvent .contentInner h2 {
			display: table-cell;
			width: 145px;
			padding: 0 0 0 50px;
			background: url(../images/ico/icon_pen.png) no-repeat;
			background-position: 15px 50%;
			color: #fff;
			font-size: 1.6em;
			vertical-align: middle;
		}
		#checkEvent .contentInner .checkEventInner {
			display: table-cell;
			padding: 18px 20px;
			background-color: #fff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
			#checkEvent .contentInner .checkEventInner ul li:not(:last-child) {
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px dashed #ddd;
			}
				#checkEvent .contentInner .checkEventInner ul li span {
					display: table-cell;
					font-size: 1.6em;
				}
				#checkEvent .contentInner .checkEventInner ul li span.date {
					width: 180px;
				}


/* introduction */
#introduction {
	margin-bottom: 80px;
}
	#introduction figure {
		float: right;
		margin-left: 70px;
		line-height: 0;
	}
	#introduction h2 {
		margin: 30px 0 25px 0;
		color: #a1b876;
		font-size: 2.4em;
		letter-spacing: 0.2em;
		text-align: justify;
	}
	#introduction .normalTxt {
		text-align: justify;
	}


/* underContent */
#underContent {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 75px;
}
	#underContent .contentList {
		display: table-cell;
		vertical-align: top;
	}
		#underContent .contentList a {
			display: block;
			padding: 45px 25px 25px 25px;
			text-align: center;
		}
		#underContent .bgConcept01 a { background-color: #8fc43d;}
		#underContent .bgConcept02 a { background-color: #debb43;}
		#underContent .bgConcept03 a { background-color: #d27652;}
			
			#underContent .contentList a .number {
				margin-bottom: 25px;
				color: #fff;
				font-size: 1.4em;
				font-family: 'Roboto', sans-serif;
			}
				#underContent .contentList a .number strong {
					display: block;
					font-size: 3.0em;
					font-family: 'Source Sans Pro', sans-serif;
					font-weight: normal;
				}
			#underContent .contentList a h3 {
				margin-bottom: 35px;
				color: #fff;
				font-size: 1.8em;
				font-weight: normal;
			}
			#underContent .contentList a figure ,
			#underContent .contentList a figure img {
				width: 100%;
				height: auto;
			}
			#underContent .contentList a figure {
				line-height: 0;
			}
				#underContent .contentList a figure img {
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}
		#underContent .contentList a:hover {
			text-decoration: none;
			opacity: 0.8;
		}

/* gallery */
#gallery {
	overflow: hidden;
	margin-bottom: 68px;
}
	#gallery .galleryInner {
		overflow: hidden;
	}


/* information */
#information {
	overflow: hidden;
	padding: 75px 0;
	background-color: #f4f7f0;
}
	#information .infoList li:not(:last-child) {
		display: table;
		width: 100%;
		margin-bottom: 10px;
	}
		#information .infoList li a {
			display: block;
			background-color: #fff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
			#information .infoList li a span {
				display: table-cell;
				padding: 15px 15px;
				font-size: 1.6em;
				vertical-align: middle;
			}
			#information .infoList li a span:not(:last-child) {
				border-right: 1px dashed #dce9ca;
			}
			#information .infoList li a .date {
				width: 180px;
				color: #323232;
			}
			#information .infoList li a .category {
				width: 120px;
				text-align: center;
				color: #323232;
			}
		#information .infoList li a:hover {
			text-decoration: none;
			background-color: #ebf1e4;
		}

.blogparts {
	width: 500px;
	margin: 70px auto;
}

				


/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:481px) and (max-width:768px) {

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	height: 340px;
	overflow: hidden;
}
	#pageHeader .sliderBox {
		height: 340px;
		overflow: hidden;
	}
	.flexslider .slides > li {
		height: 340px;
	}
	

/* -------------------------- */
/* content */
/* -------------------------- */

#content {
}

/* btn */
.btnTop {
	clear: both;
	width: 80%;
	margin: 35px auto 0;
	text-align: center;
}


/* checkEvent */
#checkEvent {
	margin-bottom: 50px;
}
	#checkEvent .contentInner {
		margin: 0 25px;
	}
		#checkEvent .contentInner h2 {
			vertical-align: middle;
		}
			#checkEvent .contentInner .checkEventInner {
				padding: 12px 15px;
			}
				#checkEvent .contentInner .checkEventInner ul li span {
					display: block;
				}
				#checkEvent .contentInner .checkEventInner ul li span.date {
					width: auto;
					margin-bottom: 10px;
				}

/* introduction */
#introduction {
	margin-bottom: 50px;
}
	#introduction figure {
		float: right;
		width: 450px;
		margin-left: 30px;
	}
		#introduction figure img {
			width: 100%;
			height: auto;
		}
	#introduction h2 {
		margin: 10px 0 25px 0;
	}


/* underContent */
#underContent {
	margin-bottom: 50px;
}
	#underContent .contentList {
	}
		#underContent .contentList a {
			padding: 30px 15px 15px 15px;
		}
			#underContent .contentList a .number {
				margin-bottom: 15px;
			}
			#underContent .contentList a h3 {
				margin-bottom: 25px;
			}
			#underContent .contentList a figure ,
			#underContent .contentList a figure img {
				width: 100%;
				height: auto;
			}
		

/* gallery */
#gallery {
	margin-bottom: 50px;
}
	#gallery .galleryInner {
	}


/* information */
#information {
	padding: 50px 0;
}


}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	height: auto;
	overflow: hidden;
}
	#pageHeader .sliderBox {
		position: relative;
		z-index: 0;
		top: auto;
		height: 170px;
		margin-top: 0;
		overflow: hidden;
	}
	.flexslider .slides > li {
		height: 170px;
	}


/* -------------------------- */
/* content */
/* -------------------------- */

#content {
	padding-top: 30px;
}

/* btn */
.btnTop {
	width: 80%;
	margin: 30px auto 0;
}

/* checkEvent */
#checkEvent {
	margin-bottom: 40px;
}
	#checkEvent .contentInner {
		display: block;
		margin: 0 10px;
	}
		#checkEvent .contentInner h2 {
			display: block;
			width: auto;
			margin: 5px 0 10px 0;
			padding: 5px 0 5px 45px;
			background-position: 10px 50%;
		}
		#checkEvent .contentInner .checkEventInner {
			display: block;
			padding: 12px 10px 10px 10px;
		}
			#checkEvent .contentInner .checkEventInner ul li span {
				display: block;
				font-size: 1.4em;
			}
			#checkEvent .contentInner .checkEventInner ul li span.date {
				width: auto;
				margin-bottom: 10px;
			}


/* introduction */
#introduction {
	margin-bottom: 40px;
}
	#introduction figure {
		float: none;
		margin-left: 0;
	}
		#introduction figure img {
			width: 100%;
			height: auto;
		}
	#introduction h2 {
		margin: 25px 0 10px 0;
		font-size: 2.2em;
		letter-spacing: 0;
	}


/* underContent */
#underContent {
	display: block;
	width: 100%;
	margin-bottom: 40px;
}
	#underContent .contentList {
		display: block;
	}
		#underContent .contentList a {
			padding: 25px 15px 15px 15px;
		}
			
			#underContent .contentList a .number {
				margin-bottom: 10px;
			}
			#underContent .contentList a h3 {
				margin-bottom: 25px;
				font-size: 1.6em;
			}


/* news */
#gallery {
	margin-bottom: 40px;
}
	#gallery .galleryInner {
	}


/* information */
#information {
	overflow: hidden;
	padding: 40px 0;
	background-color: #f4f7f0;
}
	#information .infoList li:not(:last-child) {
		display: block;
	}
		#information .infoList li a {
		}
			#information .infoList li a span {
				display: block;
				padding: 10px;
				font-size: 1.4em;
			}
			#information .infoList li a span:not(:last-child) {
				border-right: 0;
			}
			#information .infoList li a .date {
				display: block;
				width: 100%;
				border-bottom: 1px dashed #dce9ca;
				box-sizing: padding-box
			}
			#information .infoList li a .category {
				display: block;
				width: 100%;
				border-bottom: 1px dashed #dce9ca;
				text-align: left;
			}

}