@charset "utf-8";
/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#pagePath {
    margin-bottom: 45px;
}

#main .comTag {
	margin:  0 0 25px -11px;
}

#main .imgBox {
	margin: 0 17px 43px 20px;
}

#main .imgBox .photoBox {
	margin-top: 5px;
	float: right;
}

#main .imgBox .textBox {
	width: 720px;
	float: left;
}

#main .imgBox .textBox p {
	line-height: 1.71;
	font-weight: bold;
}

#main dl {
	margin: -14px 20px 50px;
	font-weight: bold;
}

#main dt {
	padding: 16px 0 0 8px;
	float: left;
	color: #2e8b57;
}

#main dd {
	padding: 16px 5px 16px 12.2em;
	border-bottom: 2px solid #422611;
}

#main dd .text {
	margin: 7px 0 15px;
}

#main dd .text a {
	margin-right: 31px;
}

#main dd .txt {
	margin-right: 10px;
	padding: 3px 11px 2px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	color: #fff;
	background-color: #422611;
	border-radius: 20px;
}

#main dd .mail .txt {
	margin-top: -3px;
}

#main dd .mail a:hover {
	text-decoration: underline;
}

#main .photoUl {
	margin: 42px 0 0 18px;
}

#main .photoUl li {
	width: 350px;
	margin-right: 27px;
	float: left;
	line-height: 1.71;
	font-weight: bold;
}

#main .photoUl li:last-child {
	margin-right: 0;
}

#main .photoUl li .photo {
	margin-bottom: 40px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#main .imgBox {
		margin: 0 0 30px;
	}

	#main .imgBox .photoBox {
		margin: 0 0 10px;
		float: none;
		text-align: center;
	}
	
	#main .imgBox .photoBox img {
		max-width: 100%;
	}

	#main .imgBox .textBox {
		width: auto;
		float: none;
	}

	#main .imgBox .textBox p {
		line-height: 1.5;
	}

	#main dl {
		margin: 0 0 30px;
	}

	#main dt {
		padding: 10px 0 5px;
		float: none;
	}

	#main dd {
		padding: 0 0 10px;
	}

	#main dd .text {
		margin: 7px 0;
	}

	#main dd .text a {
		margin-right: 10px;
	}

	#main dd .txt {
		margin-right: 5px;
		padding: 3px 8px 2px;
	}

	#main dd .mail a:hover {
		text-decoration: none;
	}

	#main .photoUl {
		margin: 0;
	}

	#main .photoUl li {
		width: 48%;
		margin: 15px 0 0;
		line-height: 1.5;
	}
	
	#main .photoUl li:nth-child(2n) {
		float: right;
	}

	#main .photoUl li .photo {
		margin-bottom: 10px;
	}
	
	#main .photoUl li .photo img {
		max-width: 90%;
	}
	
}

@media all and (-ms-high-contrast:none){	
	#main dd .txt {
		padding: 4px 11px 1px;
	}
}