@charset "utf-8";

#title {
	background:url(../images/title_bg.jpg) center center no-repeat;
	background-size:cover;
}

.photo > h2 {
	font-size:30px;
	padding:5px 0 5px 50px;
	background:url(../images/title_icon.png) left bottom no-repeat;
	background-size:37px 40px;
	border-bottom:1px solid #000;
	margin-bottom:50px;
}

.photo {
	margin-bottom:60px;
}
.photo > ul > li {
	width:45%;
	float:left;
	margin:0 2.5% 70px 2.5%;
}
	@media(max-width:767px) {
		.photo > ul > li {
			width:100%;
			margin:0 0 70px 0;
			float:none;
		}
	}

.photo > ul > li > img {
	width:100%;
	margin-bottom:10px;
}
.photo > ul > li > strong {
	font-size:22px;
	margin-bottom:8px;
	display:block;
}
.photo > ul > li > p {
	font-size:13px;
	line-height:1.6;
}


.text {
	padding:0 0 5px 0;
	background:url(../images/title_icon.png) left bottom no-repeat;
	background-size:37px 40px;
	border-bottom:1px solid #000;
	margin-bottom:60px;
	display:table;
	width:100%;
}
	@media(max-width:767px) {
		.text {
			padding:0;
			background:none;
			border-bottom:none;
			margin-bottom:60px;
			display:block;
		}
	}

.text > h2 {
	text-indent:50px;
	display:table-cell;
	width:38%;
	font-size:30px;
	vertical-align:bottom;
}
	@media(max-width:767px) {
		.text > h2 {
			width:auto;
			display:block;
			padding:5px 0;
			background:url(../images/title_icon.png) left bottom no-repeat;
			background-size:37px 40px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
	}

.text > p {
	display:table-cell;
	width:54%;
	vertical-align:bottom;
	line-height:1.8;
}

#staff {
	margin-bottom:50px;
	padding-top:120px;
}
#staff > h2 {
	padding-left:2.5%;
	margin-bottom:5px;
	font-size:24px;
	letter-spacing:10px;
}
#staff > ul {
}
#staff > ul > li {
	float:left;
	width:20%;
	margin:0 2.5% 100px 2.5%;
}
	@media(max-width:979px) {
		#staff > ul > li {
			width:40%;
			margin:0 5% 60px 5%;
		}
	}
	@media(max-width:479px) {
		#staff > ul > li {
			width:auto;
			float:none;
			margin:0 0 60px 0;
		}
	}

#staff > ul > li > figure > img {
	width:100%;
	display:block;
	max-width:200px;
	margin:0 auto 12px auto;
}
#staff > ul > li > figure > figcaption {
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
#staff > ul > li > figure > figcaption > span {
	display:block;
	font-size:15px;
	font-weight:normal;
	padding-top:8px;
}
#staff > ul > li > p.profile {
	border-bottom:1px solid #000;
	padding:10px 0;
}
#staff > ul > li > p > span {
	font-size:14px;
	display:block;
	line-height:1.6;
	padding-left:20px;
	background:url(../images/icon1.gif) left 3px no-repeat;
}
#staff > ul > li > p.message {
	font-size:14px;
	padding:10px 0;
	line-height:1.6;
}