@charset "utf-8";
/* CSS Document */

header .local_branding_area {
	background:url(../facility/img/local_brarding.jpg) no-repeat;
}
main .img_box {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 80px;
}
main .img_box figure {
	text-align:center;
	width:calc(100% / 3);
	margin:0 0 40px;
}
main .img_box figure img {
	margin:0 0 10px;
}
main .project_table {
	width:900px;
	margin:auto;
	border-collapse:collapse;
}
main .project_table th {
	border:1px solid #cccccc;
	background:#f3f3f3;
	padding:12px;
	text-align:left;
	width:200px;
}
main .project_table td {
	padding:12px;
	border:1px solid #cccccc;
}
main .project_table td span {
	padding:0 0 0 1em;
}
main .project_table td span.in_indent {
	padding:0 0 0 2em;
}

@media screen and (min-width: 0px) and (max-width: 980px) {
main .img_box figure {
	padding:0 15px;
}
}
@media screen and (min-width: 0px) and (max-width: 945px) {
main .project_table {
	width:100%;
}
}
@media screen and (min-width: 0px) and (max-width: 680px) {
main .project_table {
	border-bottom:1px solid #cccccc;
}
main .project_table th {
	display:block;
	width:100%;
	border-bottom:none;
}
main .project_table td {
	display:block;
	width:100%;
	border-bottom:none;
}
}
@media screen and (min-width: 0px) and (max-width: 600px) {
main .img_box figure {
	width:calc(100% / 2);
}
}
@media screen and (min-width: 0px) and (max-width: 400px) {
header .local_branding_area {
	background:url(../facility/img/local_brarding.jpg) no-repeat left -200px center;
	background-size:1400px;
}
}