@charset "Shift_JIS";
/* CSS Document */


/**************************************************************************************/
/*土木業・建築業　業務実績詳細*/
/**************************************************************************************/

.civil_build_de .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_de .box_8 {
/*各案件の高さ揃える*/
    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;
/*各案件の高さ揃えるここまで*/
}


/*---------------------------------------------------------------------------------*/

/*ベベル／年度の帯*/

/*平成22年度・令和3年度・令和14年度*/
.civil_build_de .bevel_22,
.civil_build_de .bevel_3,
.civil_build_de .bevel_14 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #5faaa2 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #5faaa2 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #5faaa2 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #5faaa2 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成23年度・令和4年度・令和15年度*/
.civil_build_de .bevel_23,
.civil_build_de .bevel_4,
.civil_build_de .bevel_15 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #9d9253 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #9d9253 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #9d9253 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #9d9253 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成24年度・令和5年度・令和16年度*/
.civil_build_de .bevel_24,
.civil_build_de .bevel_5,
.civil_build_de .bevel_16 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #77ba40 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #77ba40 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #77ba40 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #77ba40 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成25年度・令和6年度・令和17年度*/
.civil_build_de .bevel_25,
.civil_build_de .bevel_6,
.civil_build_de .bevel_17 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #4274a1 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #4274a1 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #4274a1 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #4274a1 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成26年度・令和7年度・令和18年度*/
.civil_build_de .bevel_26,
.civil_build_de .bevel_7,
.civil_build_de .bevel_18 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #894ca2 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #894ca2 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #894ca2 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #894ca2 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成27年度・令和8年度・令和19年度*/
.civil_build_de .bevel_27,
.civil_build_de .bevel_8,
.civil_build_de .bevel_19 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px,#c57824 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #c57824 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #c57824 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #c57824 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成28年度・令和9年度・令和20年度*/
.civil_build_de .bevel_28,
.civil_build_de .bevel_9,
.civil_build_de .bevel_20 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #b53787 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #b53787 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #b53787 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #b53787 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成29年度・令和10年度・令和21年度*/
.civil_build_de .bevel_29,
.civil_build_de .bevel_10,
.civil_build_de .bevel_21 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #4c8619 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #4c8619 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #4c8619 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #4c8619 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*平成30年度・令和11年度*/
.civil_build_de .bevel_30,
.civil_build_de .bevel_11 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #898989 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #898989 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #898989 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #898989 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*令和元年度・令和12年度*/
.civil_build_de .bevel_1,
.civil_build_de .bevel_12 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #e2ca25 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #e2ca25 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #e2ca25 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #e2ca25 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #555;
}

/*令和2年度・令和13年度*/
.civil_build_de .bevel_2,
.civil_build_de .bevel_13 {
	background: #000; /* fallback */
	background:
		-webkit-linear-gradient(135deg, transparent 3px, #bd3e49 3px);/*右下*/
	background:
		-moz-linear-gradient(135deg, transparent 3px, #bd3e49 3px);/*右下*/
	background:
		-o-linear-gradient(135deg, transparent 3px, #bd3e49 3px);/*右下*/
	background:
		-ms-linear-gradient(135deg, transparent 4px, #bd3e49 4px);/*右下*/
	background-position: bottom left, bottom right, top right, top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #FFF;
}

/*---------------------------------------------------------------------------------*/

/*表組左の背景色*/
.civil_build_de .hyou_22 {background-color: #c7e1df;}

.civil_build_de .hyou_23 {background-color: #ddd9c3;}

.civil_build_de .hyou_24 {background-color: #d0e7b3;}

.civil_build_de .hyou_25 {background-color: #bdcede;}

.civil_build_de .hyou_26 {background-color: #d6c1df;}

.civil_build_de .hyou_27 {background-color: #ebd0b3;}

.civil_build_de .hyou_28 {background-color: #e5b9d5;}

.civil_build_de .hyou_29 {background-color: #c1d5af;}

.civil_build_de .hyou_30 {background-color: #d6d6d6;}

.civil_build_de .hyou_31 {background-color: #f5edb3;}

.civil_build_de .hyou_32 {background-color: #e8bcbf;}


/*---------------------------------------------------------------------------------*/


@media (min-width: 751px) {/*ビューエリアの最小幅。このサイズより大きい場合に適用//PC用*/

.civil_build_de .box_2 {
	width: 792px;
	padding-left: 25px;
	overflow:auto;/*float対策*/
}

/**/
	* html .civil_build_de div.box_2 {overflow: visible;}/*float対策*/
/**/


.civil_build_de .box_3 {
	margin-bottom: 15px;
}

.civil_build_de .box_4 {
	width: 410px;
	float: left;
}

.civil_build_de .box_5 {
	width: 380px;
	float: right;
	border-top: 1px solid #898989;
}

.civil_build_de .box_6 {
	text-align: center;
	width: 90px;
	border-bottom: 1px solid #898989;
	padding-top: 8px;
	padding-bottom: 8px;
}

.civil_build_de .box_7 {
	border-bottom: 1px solid #898989;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.civil_build_de .box_8 {
	margin-bottom: 0px;
}

.civil_build_de .box_9 {
	border-top: 1px solid #898989;
	clear: both;
	width: 792px;
	margin-top: 25px;
	margin-left: 25px;
	padding-top: 25px;
	padding-bottom: 15px;
}

.civil_build_de .box_9 li {
	width: 213px;
	margin-right: auto;
	margin-left: auto;
}

.civil_build_de .nendo {
	font-size: 15px;
	font-weight: 800 !important;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 4px;
}

.civil_build_de .anken {
	font-size: 23px;
	text-align: center;
	line-height: 1.3em;
	font-weight: 700 !important;
	padding-top: 10px;
	padding-bottom: 15px;
}

.civil_build_de .pic_1 {
	width: 390px;
	margin-bottom: 10px;
}

.civil_build_de .pic_2 {
	width: 190px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.civil_build_de .movie {
width: 792px;
padding: 3em 0 0 0;
margin: 0 auto;
}

}



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

.civil_build_de .box_1 {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

.civil_build_de .box_2 {
	padding-left: 5%;
}

.civil_build_de .box_3 {
	margin-bottom: 15px;
}

.civil_build_de .box_4 {
	width: 95%;
}

.civil_build_de .box_5 {
	width: 95%;
	border-top: 1px solid #898989;
	font-size: 3.5vw;
	line-height: 1.5em;
	margin-top: 20px;
}

.civil_build_de .box_6 {
	text-align: center;
	width: 23%;
	border-bottom: 1px solid #898989;
	padding-top: 8px;
	padding-bottom: 8px;
}

.civil_build_de .box_7 {
	border-bottom: 1px solid #898989;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.civil_build_de .box_8 {
	width: 95%;
	margin-left: 5%;
	margin-bottom: 10px;
}

.civil_build_de .box_9 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 15px;
}

.civil_build_de .box_9 li {
}

.civil_build_de .nendo {
	width: 95%;
/*	font-size: 15px;*/
	font-weight: 800 !important;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 4px;
}

.civil_build_de .anken {
	font-size: 4.5vw;
	line-height: 1.3em;
	text-align: center;
	font-weight: 700 !important;
	padding-top: 10px;
	padding-bottom: 15px;
}

.civil_build_de .pic_1 {
	margin-bottom: 10px;
}

.civil_build_de .pic_2 {
	width: 45%;
	margin-bottom: 10px;
	margin-right: 5%;
}

.civil_build_de .movie {
position: relative;
width: 90%;
height: 0;
/*padding: 3em 0 0 0;*/
padding: 56.25% 0 0 0;
margin: 0 auto;
overflow: hidden;
}

.civil_build_de .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}