.construction_tab_box { width :100%; height: auto; }
.construction_tab_box .construction_tab_item { width: 16.6%; height: auto; cursor: pointer; }
.construction_tab_box .construction_tab_item .construction_tab_item_img { width: 100%; height: 90px; text-align: center; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div {
	width: 90px; height: 90px;
	border-radius: 100%;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	
	
}
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_01 { background-image: url(../images/construction_icon_01.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_02 { background-image: url(../images/construction_icon_02.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_03 { background-image: url(../images/construction_icon_03.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_04 { background-image: url(../images/construction_icon_04.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_05 { background-image: url(../images/construction_icon_05.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_06 { background-image: url(../images/construction_icon_06.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_07 { background-image: url(../images/construction_icon_07.svg); background-color: #fafafa; }
.construction_tab_box .construction_tab_item .construction_tab_item_img > div.type_08 { background-image: url(../images/construction_icon_08.svg); background-color: #fafafa; }


.construction_tab_box .construction_tab_item .construction_tab_item_txt {
	width: 100%; height: auto; line-height: 20px;
	font-size: 18px; color: #2a2a2a; text-align: center;
	margin-top: 15px; 
}



.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_01 { background-image: url(../images/w_construction_icon_01.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_02 { background-image: url(../images/w_construction_icon_02.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_03 { background-image: url(../images/w_construction_icon_03.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_04 { background-image: url(../images/w_construction_icon_04.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_05 { background-image: url(../images/w_construction_icon_05.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_06 { background-image: url(../images/w_construction_icon_06.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_07 { background-image: url(../images/w_construction_icon_07.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_img > div.type_08 { background-image: url(../images/w_construction_icon_08.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item.active .construction_tab_item_txt { color: #574d9f; }


.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_01 { background-image: url(../images/construction_icon_01.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_02 { background-image: url(../images/construction_icon_02.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_03 { background-image: url(../images/construction_icon_03.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_04 { background-image: url(../images/construction_icon_04.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_05 { background-image: url(../images/construction_icon_05.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_06 { background-image: url(../images/construction_icon_06.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_07 { background-image: url(../images/construction_icon_07.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_img > div.type_08 { background-image: url(../images/construction_icon_08.svg); background-color: #574d9f; }
.construction_tab_box .construction_tab_item:hover .construction_tab_item_txt { color: #574d9f; }



.construction_contents_box { width: 100%; height: auto; margin-top: 90px;  }
.construction_contents_box .bus_img {
	width: 100%; height: auto;
	margin-bottom: 30px;
}
.construction_contents_box .business_item { width: 100%; height: auto; }
.construction_contents_box .business_item .business_item_list {
	width: 33.333%; height: 400px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border: 1px solid #fff;
	box-sizing: border-box;
}

.construction_contents_box .business_item .business_item_list:first-child { margin-left: 0px; }


.construction_contents_box .business_item .business_item_list .box_bg { 
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #574d9f;
	opacity: 0;
}

.construction_contents_box .business_item .business_item_list:hover .box_bg { opacity: 0.9; }

.construction_contents_box .business_item .business_item_list .txt_box {
	top: 50%; left: 50%;
	width: 240px; height: auto; min-height: 187px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 30px 0px;
	z-index: 2;
	box-sizing: border-box;
}

.construction_contents_box .business_item .business_item_list .txt_box .bg {
	top: 0px; left: 0px; 
	width: 100%; height: 100%;
	background-color: #000;
	opacity: 0.6;
	z-index: 1;
}

.construction_contents_box .business_item .business_item_list .txt_box .txt {
	width: 100%; height: auto; line-height: 1.5;
	text-align: center; font-size: 26px; color: #fff;
	z-index: 2;
}
 
.construction_contents_box .business_item .business_item_list .txt_box .desc {
	width: 100%; height: auto; line-height: 1.5;
	text-align: center; font-size: 14px; color: #fff;
	margin-top: 15px;
	z-index: 2;	
}




@media (max-width: 479px){ 
	.construction_tab_box .construction_tab_item { width: 33.3333%; margin-top: 15px; }
	.construction_tab_box .construction_tab_item:nth-child(1){ margin-top: 0px; }
	.construction_tab_box .construction_tab_item:nth-child(2){ margin-top: 0px; }
	.construction_tab_box .construction_tab_item:nth-child(3){ margin-top: 0px; }


	.construction_tab_box .construction_tab_item .construction_tab_item_txt { font-size: 12px; }
	.construction_tab_box .construction_tab_item .construction_tab_item_img { height: 80px; }
	.construction_tab_box .construction_tab_item .construction_tab_item_img > div { width: 80px; height: 80px; }
	.construction_contents_box { margin-top: 45px; }
	.construction_contents_box .business_item .business_item_list { width: 50%; height: 180px; }
	.construction_contents_box .business_item .business_item_list .txt_box { width: 80%; min-height: 120px; }
	.construction_contents_box .business_item .business_item_list .txt_box .txt { font-size: 16px; }
	.construction_contents_box .business_item .business_item_list .txt_box .desc { font-size: 12px; }
}  

@media (max-width: 749px) and (min-width: 480px) { 
	.construction_tab_box .construction_tab_item { width: 33.3333%; margin-top: 15px; }
	.construction_tab_box .construction_tab_item:nth-child(1){ margin-top: 0px; }
	.construction_tab_box .construction_tab_item:nth-child(2){ margin-top: 0px; }
	.construction_tab_box .construction_tab_item:nth-child(3){ margin-top: 0px; }


	.construction_tab_box .construction_tab_item .construction_tab_item_txt { font-size: 14px; }
	.construction_tab_box .construction_tab_item .construction_tab_item_img { height: 80px; }
	.construction_tab_box .construction_tab_item .construction_tab_item_img > div { width: 80px; height: 80px; }
	.construction_contents_box { margin-top: 45px; }
	.construction_contents_box .business_item .business_item_list { width: 50%; height: 250px; }
	.construction_contents_box .business_item .business_item_list .txt_box { width: 200px; min-height: 150px; }
	.construction_contents_box .business_item .business_item_list .txt_box .txt { font-size: 18px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.construction_tab_box .construction_tab_item .construction_tab_item_txt { font-size: 14px; }
	.construction_tab_box .construction_tab_item .construction_tab_item_img { height: 80px; }
	.construction_tab_box .construction_tab_item .construction_tab_item_img > div { width: 80px; height: 80px; }
	.construction_contents_box { margin-top: 45px; }
	.construction_contents_box .business_item .business_item_list { height: 300px; }
	.construction_contents_box .business_item .business_item_list .txt_box { width: 200px; min-height: 150px; }
	.construction_contents_box .business_item .business_item_list .txt_box .txt { font-size: 20px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.construction_contents_box { margin-top: 60px; }
}





/*
@media (max-width: 479px){ 

}

@media (max-width: 749px) and (min-width: 480px) { 

}

@media (max-width: 1023px) and (min-width: 750px) { 

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	
}
*/