@charset "utf-8";








/*--- 共通設定 ------------------------------------------------------*/

div.sectionWrap{
	width:100%;
	float:left;
}


div.sectionWrap section{
	width:1000px;
	margin:0 auto;
}

div.sectionWrap section h3{
	width:100%;
	padding:65px 0 0;
	text-align:center;
	float:left;
}

p.intro{
	width:82%;
	padding-top:50px;
	padding-left:18%;
	font-size:14px;
	line-height:2em;
	float:left;
}

div.info{
	width:100%;
	padding-top:90px;
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	float:left;
}

/*--- トップ画像設定 ------------------------------------------------------*/

h2#p_tit{
	width:100%;
	float:left;
}

h2#p_tit img{
	width:100%;
	max-width: 100%;
	height: auto;
	float:left;
}



/*--- 施工事例リスト設定 ------------------------------------------------------*/

div.caseListArea{
	width:950px;
	padding:90px 0 90px 50px;
	float:left;
}

div.caseListBox{
	width:270px;
	height:180px;
	margin: 0 45px 40px 0;
	overflow:hidden;
	position:relative;
	float:left;
}

div.caseListBox img{
	max-width:100%;
	height:auto;
}


div.caseListHover{
	width:100%;
	height:100%;
	background:rgba(0,105,183,0.5);
	color:#fff;
	text-align:center;
	opacity:0;
}

div.caseListHover h4{
	width:100%;
	padding-top:53px;
	padding-bottom:25px;
	font-size:14px;
	font-weight:bold;
	float:left;
}

div.caseListHover p{
	width:100%;
	font-size:12px;
	padding:10px 0 25px;
	float:left;
}

div.caseListHover a{
	display:block;
	width:140px;
	padding:5px 0 5px;
	margin:0 auto 0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #fff;
}

div.caseListHover a:hover{
	text-decoration:underline;
}


/*--- ポップアップ設定 ------------------------------------------------------*/

div.inline_content{
	width:600px;
	float:left;
}

div.inline_content h5{
	width:100%;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	float:left;
}

div.case_pic{
	width:100%;
	padding:20px 0;
	text-align:center;
	float:left;
}

div.case_pic img{
	max-width:100%;
	height:auto;
}

div.case_date,
div.case_info,
div.case_text{
	width:100%;
	text-align:left;
	font-size:14px;
	padding-bottom:8px;
	float:left;
}



ul.case_pager{
	width:100%;
	padding-bottom:10px;
	float:left;
}

ul.case_pager li{
	width:15%;
	margin-left:5%;
	float:left;
}

ul.case_pager li img{
	max-width:100%;
	height:auto;
	cursor:pointer;
}

ul.case_pager li img:hover{
	cursor:pointer;
}