@charset "utf-8";
#works #pagetitle {
	background:url(/asset/img/bg_works_mainimg.jpg) center top no-repeat;
}
/* 稲妻の見出し */
#works h2 {
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	margin:30px 0 20px 0;
	}

#elec_const ul.elec_const_facility > li h3,
#elec_shop ul.elec_shop_service > li h3 {
	font-size:1.4em;
	font-weight:bold;
	}
	
/* 折り返し */
#elec_const ul.elec_const_service,
#elec_const ul.elec_const_machine,
#elec_shop ul.elec_shop_consult {
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	}


/* 電気工事 ------------------------------------------------------------------- */
#elec_const { 
	padding-bottom:40px;
	margin-top: -120px;
	padding-top: 120px;
}

#elec_const .read_txt { width:660px;}

/* サービス内容 */
#elec_const ul.elec_const_service > li {
	width: 300px;
    height: 293px;
	background:url(/asset/img/bg_works_service.png) no-repeat;
	text-align:center;
	margin-bottom:20px;
	padding:193px 10px 0;
	}
#elec_const ul.elec_const_service > li:nth-of-type(2) { background-position:-321px 0;}
#elec_const ul.elec_const_service > li:nth-of-type(3) { background-position:-640px 0;}
#elec_const ul.elec_const_service > li:nth-of-type(4) { background-position:0 -308px;}
#elec_const ul.elec_const_service > li:nth-of-type(5) { background-position:-321px -308px;}
#elec_const ul.elec_const_service > li:last-of-type { background-position:-640px -308px;}
#elec_const ul.elec_const_service > li h3 {
	font-size:1.5em;
	font-weight:bold;
	}
	
/* 施工対応事例 */
#elec_const ul.elec_const_facility > li {
	width: 220px;
    height: 203px;
	background:url(/asset/img/bg_works_facility.png) no-repeat;
	text-align:center;
	margin-bottom:20px;
	padding-top:160px;
	}
#elec_const ul.elec_const_facility > li:nth-of-type(2){ background-position:-241px 0;}
#elec_const ul.elec_const_facility > li:nth-of-type(3){ background-position:-480px 0;}
#elec_const ul.elec_const_facility > li:last-of-type { background-position:-719px 0;}

/* 所有重機・機器一覧 */
#elec_const ul.elec_const_machine > li {
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
	text-align:center;
	margin-bottom:3px;
	}
#elec_const ul.elec_const_machine > li:last-of-type {
	width:100%;
	text-align:center;
	}

/* 街の電気屋さん ------------------------------------------------------------------- */

#elec_shop {
	padding-bottom:40px;
	margin-top: -120px;
	padding-top: 120px;
	}

/* サービス内容 */
#elec_shop .read_txt { width:710px;}
#elec_shop .elec_shop_service > li {
	width:300px;
	height:283px;
	background:url(/asset/img/bg_works_service2.png) no-repeat;
	text-align:center;
	padding-top:200px;
	}
#elec_shop .elec_shop_service > li:nth-of-type(2) { background-position:-321px 0;}
#elec_shop .elec_shop_service > li:last-of-type { background-position:-640px 0;}

/* 相談できること */
#elec_shop ul.elec_shop_consult {
	justify-content:flex-start;
	}
#elec_shop ul.elec_shop_consult li {
	width : -webkit-calc(100% / 5) ;
    width : calc(100% / 5) ;
	text-align:center;
	margin-bottom:50px;
	}
	
/* 研究開発・商品企画 ------------------------------------------------------------------- */

/* 例えばこんなもの */
#elec_plan .read_txt { 
	width:710px;
	margin-top: -120px;
	padding-top: 120px;
}
a.anchor{
	display: block;
	padding-top: 100px;
	margin-top: -100px;
	}

a:link {color: initial;}
a:visited {color: initial;}
a:hover {color:#285b9e;}
a:active {color: initial;}