@charset "utf-8";
/* v.1.0.0 update.2015.08.27
 * 建築金物
 */
 /* header */
.header {
	padding-bottom:30px;
}
.header .title {
	background:#5BB531;
}
/* main */
.main .center .article {
	padding-bottom:20px;
}
.main .center .article .section{
	margin:30px 10px 0;
	padding:20px;
	position:relative;
}
.main .center .article .section.br {
	margin-top:150px;
	border:3px solid #5BB531;
	background:#fff;
	padding:100px 20px 20px;
}
.main .center .article .section > .title {
	width:50%;
}
.main .center .article .facility > .title {
	position:absolute;
	left:-50px;
	top:-130px;
}
.main .center .article .map > .title {
	padding-bottom:10px;
}
.list{
	display:table;
	width:100%;
}
.list .title ,
.list .text {
	font-size:200%;
	line-height:1.4;
	
	display:table-cell;
	vertical-align:middle;
}
.list .title{
	width:20%;
	padding:20px;
}
.list .text{
	width:71%;
	padding:15px 20px;
}
.list .text p{
	padding:5px 0;
}
.list .title.c1{
	background:#E6F3EC;
}
.list .text.c1{
	background:#F9F9F9;
}
.list .title.c2{
	background:#BFE0C3;
}
.list .text.c2{
	background:#EFEFEF;
}
.main .center .article .section .image{
	width:100%;
}

@media screen and (max-width: 800px){
	.header {
		padding-bottom:20px;
	}
	.main .center .article .fl,
	.main .center .article .fr{
		width:auto !important;
		float:none;
	}
	.main .center .article .section {
		margin:3% 0 0;
	}
	.main .center .article .section.br {
		margin:3% 0 0;
		padding-top:3%;
	}
	.main .center .article .facility > .title {
		position:relative;
		left:0;
		top:0;
		padding-bottom:20px;
	}
	.list {
		display:block;
	}
	.list .title,
	.list .text {
		display:block;
		font-size:160%;
		width:auto;
	}
	.list .text {
		padding-left:10px;
		padding-right:10px;
	}
	.list .title.c1 ,
	.list .title.c2 {
		background:#BFE0C3;
	}
	.list .text.c1 ,
	.list .text.c2 {
		background:#fff;
	}
}