@charset "utf-8";





#breadcrumb_box,
#introduction_box,
.contact_box {
	background: #fff8ee;
}
#introduction {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 40px;
}
#case_box {
	overflow: hidden;
	margin-bottom: 30px;
}
.case {
	float: left;
	width: 30%;
	margin: 0 5% 30px 0;
	background: #fff;
}
.case:nth-child(3n) {
	margin-right: 0;
}
.case:nth-child(3n+1) {
	clear: left;
}
@media screen and (max-width: 640px) {
	.case {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
}/* 閉じカッコ */
.case img {
	width: 100%;
}
.case_text {
	padding: 30px 20px 20px;
}
.case_name {
	margin-bottom: 20px;
	font-size: 125%;
	font-weight: 700;
}
a.case_details {
	display: block;
	width: 90%;
	max-width: 160px;
	margin: 20px auto 0;
	padding: 10px;
	background: url('../../images/case_arrow.png') no-repeat left 20px center;
	border: 1px solid #039;
	text-align: center;
	text-decoration: none;
	color: #023894;

	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
a.case_details:hover {
	background-color: #eef6ff;
	background-position: left 22px center;
}
#case_list {

}
#case_list a {
	display: block;
	max-width: 360px;
	margin: 0 auto;
	padding: 16px 10px;
	background: #fff;
	border: 1px solid #039;
	text-align: center;
	text-decoration: none;
	color: #023894;
	font-size: 125%;
	font-weight: 400;

	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
#case_list a:hover {
	background-color: #eef6ff;
}