@charset "utf-8";

/*---------------------------------------------------------------
各ページの独自CSS
---------------------------------------------------------------*/
/**
 * 目次
 *
 * 01. 業務案内
 * 02. 主な施工実績
 * 03. 会社情報
 * 04. 
 *
 *（PC-1024px SP-896px以下） 
 *（★の箇所は未使用）
 */



/*****************************************************************
 01. 業務案内 
*****************************************************************/
#project_stage{
	position: relative;
	width: 100%;
	padding: 0px 0px 80px 0px;
}

#project_stage_electric_A {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_L.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 150px left;
}

#project_stage_electric_B {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_R.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 700px right;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.pts_project{background-position: center right !important;}

#project_stage{
	padding: 0px 0px 0px 0px;
}

}
/***---- ▲SP-896px以下----***/


/* ●各種業務
=================================================*/
#project_all_FIELD {
	position: relative;
	width: 100%;
}

#project_BOX {
	float:left;
	position: relative;
	width: 100%;
	margin: 0px 0px 40px 0px;
}

.project_BOX_border_A {border-top:4px solid #1c2088;}
.project_BOX_border_B {border-top:4px solid #80a8ff;}

.project_photo_ZONE {
	position: relative;
	float:left;
	width: 49%;
	height:280px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   background-size: cover;
}

.project_copy_ZONE {
	position: relative;
	float:right;
	width: 49%;
	font-size: 16px;
	line-height: 1.8;
	text-align:left;
	padding: 40px 0px 0px 0px;
}

.ppz_ippan{background-image: url(../images/project/project_ippan.jpg);}
.ppz_keisou{background-image: url(../images/project/project_keisou.jpg);}
.ppz_hatsuden{background-image: url(../images/project/project_hatsuden.jpg);}
.ppz_jyakuden{background-image: url(../images/project/project_jakuden.jpg);}
.ppz_jouhou{background-image: url(../images/project/project_tsusin.jpg);}

.project_photo_ZONE p.ppZ_title {
	float:left;
	width: 100%;
	font-size: 24px;
	line-height: 1.2;
	color:#fff;
	text-align:center;
	padding: 15px 0px 15px 0px;
	margin: 45px 0px 0px 0px;
}

.project_photo_ZONE p.ppZ_title_coler_A {
	background-color:rgba(22,16,117,0.8);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC161075,EndColorStr=#CC161075);
}
.project_photo_ZONE p.ppZ_title_coler_B {
	background-color:rgba(128,168,225,0.8);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC80a8ff,EndColorStr=#CC80a8ff);
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#project_all_FIELD {
	padding: 0px 0px 20px 0px;
}

.project_photo_ZONE {
	float:none;
	width: 440px;
	border:2px solid #fff;
	border-top:none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-o-border-bottom-left-radius: 6px;
	-o-border-bottom-right-radius: 6px;
	-ms-border-bottom-left-radius: 6px;
	-ms-border-bottom-right-radius: 6px;
	margin: 0px auto 0px auto;
}

.project_copy_ZONE {
	width: 100%;
	line-height: 1.6;
	padding: 20px 0px 0px 0px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.project_photo_ZONE {
	width: 100%;
	height:230px;
	border:none;
}

}
/***---- ▲SP-640px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.project_photo_ZONE p.ppZ_title {
	font-size: 20px;
}

.project_copy_ZONE {
	font-size: 15px;
}

}
/***---- ▲SP-480px以下----***/




/*****************************************************************
 02. 主な施工実績
*****************************************************************/
#construction_stage{
	position: relative;
	width: 100%;
	padding: 0px 0px 80px 0px;
}

#construction_stage_electric_A {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_L.png);
	background-size: 1000px auto;
	background-repeat: no-repeat;
	background-position: top 350px left;
}

#construction_stage_electric_B {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_R.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 100px right;
}

#construction_stage_electric_C {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_R.png);
	background-size: 900px auto;
	background-repeat: no-repeat;
	background-position: top 1300px right;
}


/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.pts_works{background-position: center right !important;}

#construction_stage{
	padding: 0px 0px 0px 0px;
}

}
/***---- ▲SP-896px以下----***/


/* ●施工実例フィールド
=================================================*/
#construction_case_FIELD {
	position: relative;
	width: 100%;
	text-align:center;
}

.const_case_BOX {
	position: relative;
	display:inline-block;
	vertical-align: top;
	width: 24%;
	border: 2px solid #1c2088;
	background:#fff;
	padding: 0px 0px 20px 0px;
	margin: 0px 0.3% 10px 0.3%;
}

p.c_case_title {
	width: 100%;
	text-align:center;
	font-size:16px;
	line-height:1.2;
	color:#fff;
	background:#1c2088;
	padding: 10px 0px 10px 0px;
}

p.c_case_photo{
	width: 100%;
	margin: 0px auto 0px auto;
}

p.c_case_photo img {
	width: 100%;
}

p.c_case_name {
	width: 92%;
	text-align:center;
	font-size:17px;
	line-height:1.2;
	color:#1c2088;
	border-bottom: 1px solid #1c2088;
	padding: 0px 0px 8px 0px;
	margin: 15px auto 0px auto;
}

p.c_case_copy {
	width: 92%;
	text-align:left;
	margin: 10px auto 0px auto;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.const_case_BOX {
	width: 32%;
	margin: 0px 0.3% 7px 0.3%;
}

p.c_case_name {
	font-size:16px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.const_case_BOX {
	width: 49%;
	margin: 0px 0.1% 5px 0.1%;
}

p.c_case_title {
	font-size:14px;
}

p.c_case_name {
	font-size:14px;
}

}
/***---- ▲SP-640px以下----***/

/***---- ▼SP-360px以下----***/
@media screen and (max-width:360px){

.const_case_BOX {
	width: 100%;
	margin: 0px 0% 5px 0%;
}

p.c_case_title {
	font-size:14px;
}

p.c_case_name {
	font-size:14px;
}

}
/***---- ▲SP-360px以下----***/

/* ●その他施工実績　工事履歴
=================================================*/
.const_case_etc_BOX {
	position: relative;
	width: 100%;
	border: 6px solid #80a8ff;
	background:#f9f9f9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.3);
	padding: 60px 30px 20px 30px;
	margin-top:60px;
}

.const_case_etc_BOX_TITLE {
	position: absolute;
	top:-25px;
	left:0;
	right:0;
	margin:auto;
	width: 90%;
	text-align:center;
	font-size:20px;
	line-height:1.2;
	color:#fff;
	background:#80a8ff;
	border: 2px solid #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.3);
	padding: 10px 10px 10px 10px;
}

.const_case_etc_ZONE {
	position: relative;
	width: 100%;
	line-height:1.2;
	margin: 20px 0px 40px 0px;
}

.cceZ_title {/***未使用中-***/
	position: relative;
	width: 100%;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#1c2088;
	border-bottom: 1px dotted #1c2088;
	padding: 0px 0px 5px 0px;
}

.cceZ_copy {/***未使用中-***/
	position: relative;
	width: 100%;
	font-size:16px;
	text-align:center;
	margin: 5px 0px 0px 0px;
}

.cceZ_copy p {/***未使用中-***/
	display:inline-block;
	vertical-align: top;
	margin: 2px 8px 2px 8px;
}

.cceZ_cate_title {
	position: relative;
	width: 100%;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#1c2088;
	border-bottom: 1px solid #1c2088;
	padding: 0px 0px 5px 0px;
}

.cceZ_copy_AREA {
	position: relative;
	width: 100%;
	font-size:16px;
	text-align:center;
	margin: 20px 0px 0px 0px;
}

.cceZ_copy_contractor {
	position: relative;
	width: 100%;
	font-size:16px;
	text-align:center;
	margin: 30px 0px 0px 0px;
}

.cceZ_contractor_name {
	position: relative;
	width: 350px;
	font-size:16px;
	text-align:center;
	border: 1px dotted #1c2088;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	padding: 5px 5px 5px 5px;
	margin: 0px auto 5px auto;
}

.cceZ_copy_contractor p {
	display:inline-block;
	vertical-align: top;
	margin: 2px 8px 2px 8px;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.cceZ_contractor_name {
	width: 80%;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.const_case_etc_BOX {
	padding: 60px 20px 10px 20px;
}

.const_case_etc_BOX_TITLE {
	font-size:18px;
}

.const_case_etc_ZONE {
	position: relative;
	width: 100%;
	line-height:1.2;
	margin: 0px 0px 30px 0px;
}

.cceZ_title {
	font-size:17px;
}

.cceZ_copy {
	font-size:14px;
}

}
/***---- ▲SP-640px以下----***/



/*****************************************************************
 03. 会社情報 
*****************************************************************/
#company_stage{
	position: relative;
	width: 100%;
	padding: 0px 0px 80px 0px;
}

#company_stage_electric_A {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_L.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 150px left;
}

#company_stage_electric_B {
	position: relative;
	width: 100%;
	background-image: url(../images/bg_electric_R.png);
	background-size: 750px auto;
	background-repeat: no-repeat;
	background-position: top 700px right;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.pts_project{background-position: center center !important;}

#company_stage{
	padding: 0px 0px 0px 0px;
}

}
/***---- ▲SP-896px以下----***/


/* ●概要・マップ
=================================================*/
#outline_FIELD {
	position: relative;
	color:#20264c;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.outline_profile_AREA {
	float:left;
	position: relative;
	width: 50%;
	height:520px;
	border-bottom: 2px solid #1c2088;
}

.outline_photo_AREA {
	float:right;
	position: relative;
	width: 50%;
	height:520px;
	background-image: url(../images/company/company_exterior.jpg);
	background-repeat: no-repeat;
	background-size:141%;
	background-position: top center;
}


/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#outline_FIELD {
	padding: 0px 0px 0px 0px;
}

.outline_profile_AREA {
	height:auto;
	border-bottom: none;
}

.outline_profile_AREA,
.outline_photo_AREA{
	width: 100%;
}

.outline_photo_AREA {
	height:500px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.outline_photo_AREA {
	height:450px;
}

}
/***---- ▲SP-640px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.outline_photo_AREA {
	height:300px;
}

}
/***---- ▲SP-480px以下----***/


/*-------------------------------------------------------
　概要
-------------------------------------------------------*/
.outline_pro_BOX{
	float:left;
	width: 100%;
	border-top: 2px solid #1c2088;
	margin: 0px 0px 5px 0px;
}
.outline_pro_BOX:last-child{
	
}

.outline_pro_cate{
	float:left;
	width: 30%;
	text-align:center;
	font-size: 15px;
	line-height: 1.4;
	border-right: 1px solid #1c2088;
	padding: 10px 0px 10px 0px;
}

.outline_pro_list{
	float:right;
	width: 70%;
	font-size: 14px;
	line-height: 1.4;
	padding: 10px 0px 10px 25px;
}

.outline_pro_list p{
	float:left;
	margin-right:10px;
}

/* ◎会社概要=レスポンシブ対応
------------------------------------*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.outline_pro_BOX{
	margin: 0px 0px 20px 0px;
}

.outline_pro_cate{
	width: 20%;
	font-size: 15px;
}

.outline_pro_list{
	width: 80%;
	font-size: 14px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.outline_pro_cate{
	width: 30%;
	font-size: 14px;
}

.outline_pro_list{
	width: 70%;
	font-size: 13px;
	padding: 15px 0px 15px 20px;
}

}
/***---- ▲SP-480px以下----***/


/*-------------------------------------------------------
　主な取引先
-------------------------------------------------------*/
#client_FIELD {
	position: relative;
	float:left;
	width: 100%;
	color:#20264c;
	border: 2px solid #1c2088;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 0px 0px;
}

.clientF_title{
	font-size:17px;
	font-weight:bold;
	border-bottom: 1px dotted #1c2088;
	padding: 0px 10px 5px 0px;
	margin: 10px 0px 10px 0px;
}

#client_FIELD p{
	float:left;
	margin: 0px 20px 10px 0px;
}


/*-------------------------------------------------------
　マップ
-------------------------------------------------------*/
#Gmap_FIELD {
	margin: 50px auto 0px auto;
	border: 1px solid #80a8ff;
}

.google_BOX {
	position: relative;
}

.googlemap_link {
	position: absolute;
	z-index: 10;
	top: 50px;
	left: 0%;
	padding: 5px 20px 5px 20px;
	border: 1px solid #fff;
	border-left: none;
	background-color:rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E6ffffff,EndColorStr=#E6ffffff);/*IE8以下用*/
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-o-border-top-right-radius: 1em;
	-o-border-bottom-right-radius: 1em;
	-ms-border-top-right-radius: 1em;
	-ms-border-bottom-right-radius: 1em;
}

.googlemap_link:hover {
	border: 2px solid #fff;
	border-left: none;
	background-color:rgba(22,16,127,0.3);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4D161075,EndColorStr=#4D161075);
}

/* ◎レスポンシブ対応
------------------------------------*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#Gmap_FIELD {
	width: 100%;
	border-left: none;
	border-right: none;
	margin: 20px auto 0px auto;
}

.google_wrapper {
	padding: 0px 0px 0px 0px;
}

}
/***---- ▲SP-896px以下----***/