@charset "Shift_JIS";

.civil_build_li .box_1 {
	border-radius: 10px; /*角丸 CSS3草案 */
	-webkit-border-radius: 10px; /*角丸 Safari,Google Chrome用 */
	-moz-border-radius: 10px; /*角丸 Firefox用 */
	border: 4px solid #6fb23a;
	padding-bottom: 25px;
}

.civil_build_li .box_2 {
/*各案件の高さ揃える*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
/*各案件の高さ揃えるここまで*/
}
.civil_build_li .box_1 {
	border-radius: 10px; /*角丸 CSS3草案 */
	-webkit-border-radius: 10px; /*角丸 Safari,Google Chrome用 */
	-moz-border-radius: 10px; /*角丸 Firefox用 */
	border: 4px solid #6fb23a;
	padding-bottom: 25px;
}

.civil_build_li .box_2 {
/*各案件の高さ揃える*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
/*各案件の高さ揃えるここまで*/
}
.civil_build_li .box_1 {
	border-radius: 10px; /*角丸 CSS3草案 */
	-webkit-border-radius: 10px; /*角丸 Safari,Google Chrome用 */
	-moz-border-radius: 10px; /*角丸 Firefox用 */
	border: 4px solid #6fb23a;
	padding-bottom: 25px;
}

.civil_build_li .box_2 {
/*各案件の高さ揃える*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
/*各案件の高さ揃えるここまで*/
}

/* CSS Document */


/**************************************************************************************/
/*土木業・建築業*/
/**************************************************************************************/

@media (min-width: 751px) {/*ビューエリアの最小幅。このサイズより大きい場合に適用//PC用*/
.civil_build .read_c {
	text-align: center;
	font-size: 14px;
	font-weight: 700;/*Bold*/
	line-height: 2em;
	margin-bottom: 50px;
	padding-top: 10px;
}

.civil_build .box_2 {
	width: 852px;
}

.civil_build .box_2 div {
	width: 264px;
	float: left;
}

.civil_build .box_2 .box_3 {
	margin-right: 30px;
}


.civil_build .box_2 div img {
	margin-bottom: 5px;
	width: 264px;
	height: 196px;
}

.civil_build .txt_1 {
	font-weight: 800;/*E_Bold*/
	font-size: 18px;
	color: #6fb23a;
	text-align: center;
	line-height: 1.8em;
}

.civil_build .box_4 {
	height: 65px;
	clear: both;
}

.civil_build .box_4_2 {
	height: 80px;
	clear: both;
}

/*実績一覧---------------------------------------*/
.civil_build .box_5 {
	border-top: 5px solid #6fb23a;
	padding-bottom: 25px;
}

.civil_build .box_6 {
/*各案件の高さ揃える*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
/*    justify-content:space-between;*/
    gap:15px;
/*各案件の高さ揃えるここまで*/
}

.civil_build .box_6 {
/*	padding-left: 25px;*/
}

/*各案件*/
.civil_build .box_7 {
/*	width: 185px;*/
/*	width: 200px;*/
/*	margin-right: 18px;*/
/*	margin-bottom: 15px;*/
	width: calc((100% - 45px)/4);/*45px（15px×3）の隙間を引いて4分割*/
}

.civil_build .nendo {
	font-weight: 800 !important;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
/*	height: 23px;*/
	margin-bottom: 4px;
}

.civil_build .pic {
	margin-bottom: 5px;
}

.civil_build .anken {
	text-align: center;
	line-height: 1.3em;
}
/*各案件ここまで*/

.civil_build .txt_2 {
	text-align: center;
	margin-bottom: 25px;
}
/*実績一覧ここまで---------------------------------------*/

}



@media (max-width: 750px) {/*ビューエリアの最大幅。このサイズより小さい場合に適用//SP用*/
.civil_build .read_c {
}

.civil_build .box_2 {
	width: 100%;
}

.civil_build .box_2 div {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

.civil_build .box_2 .box_3 {}

.civil_build .box_2 div img {
	margin-bottom: 5px;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.civil_build .txt_1 {
	font-weight: 800;/*E_Bold*/
	font-size: 5vw;
	color: #6fb23a;
	text-align: center;
	line-height: 1.8em;
}

.civil_build .box_4 {
	height: 13vh;
}

/*実績一覧---------------------------------------*/
.civil_build .box_5 {
	width: 95%;
	border-top: 5px solid #6fb23a;
	padding-bottom: 25px;
    margin: 0 auto;
}

.civil_build .box_6 {
/*各案件の高さ揃える*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:4%;
/*各案件の高さ揃えるここまで*/
}

/*各案件*/
.civil_build .box_7 {
	width: calc((100% - 4%)/2);/*4%の隙間を引いて2分割*/
    margin: 0 0 4vh 0;
}

.civil_build .nendo {
	font-weight: 800 !important;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
/*	height: 23px;*/
	margin-bottom: 4px;
}

.civil_build .pic {
	margin-bottom: 5px;
}

.civil_build .anken {
	text-align: center;
    font-size: 90%;
	line-height: 1.3em;
}
/*各案件ここまで*/

.civil_build .txt_2 {
	text-align: center;
	line-height: 1.3em;
	margin-bottom: 3vh;
}
/*実績一覧ここまで---------------------------------------*/


}