@charset "UTF-8";



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

  sec

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

/* web font
----------------------------------------------------------- */
#contentsTitle .sechead span
										{ font-family: 'Lato', sans-serif;}	


/* bg_color
----------------------------------------------------------- */
.bg_gray 								{ background-color: #f9f9f9;}
.bg_blue								{ background-color: #e7f3ff;}


/* PC タブレット用スタイル */
@media (min-width: 768px) {

/* link move
----------------------------------------------------------- */
.menuMainBlock li,
.menuSubBlock ul li,
.navBlock ul li,
#hTop ul_als li	a,
#hBottom_als ul	li a,
#als .btn a
	{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	cursor: pointer;
	}


.menuMainBlock li:hover,
.menuSubBlock ul li:hover,
.navBlock ul li:hover,
#hTop ul_als li	a:hover,
#hBottom_als ul	li a:hover,
#als .btn a:hover
	{
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}
	

/* width
-----------------------------------------------------------  */	
.menuMainBlock ul,
.menuSubBlock ul,
.menuMainBlock ul
											{ margin: 0 auto; width: 1030px;}

.navBlock ul
											{ margin: 0 auto; width: 1200px;}


/* width アリス事業部
-----------------------------------------------------------  */
#allE_merit .bg .inner,
#solar_merit .bg .inner
											{ margin: 0 auto; width: 960px; padding: 70px 60px 60px 60px; box-sizing: border-box;}

#reforn_flow .bg .inner
											{ margin: 0 auto; width: 833px; padding: 60px 0 50px 0; box-sizing: border-box;}	
#allE_flow .bg .inner,
#solar_flow .bg .inner
											{ margin: 0 auto; width: 770px; padding: 60px 0 50px 0; box-sizing: border-box;}
.contentList .column3
											{ margin: 0 auto; width: 1170px;}
.contentList .column2
											{ margin: 0 auto; width: 770px;}	
	
/* breadcrumb
----------------------------------------------------------- */	
#breadcrumb									{ background-color: #ecf1f6;}
#breadcrumb ul 								{ padding: 10px 20px;}
#breadcrumb li 								{ float: left; padding-right: 10px;}
#breadcrumb li a 							{ color: #333c4e;}
#breadcrumb li a:after						{ content: "/"; padding-left: 10px;}
#breadcrumb li a:hover						{ text-decoration: none; color: #999;}
#breadcrumb li a:hover:after				{ color: #333c4e;}


/* secMainImg
----------------------------------------------------------- */
#secMainImg									{ min-height: 356px; position: relative;}
#secMainImg h1 								{ color: #fff; font-weight: bold; padding: 170px 0 0 20px; display: inline-block;}

#company #secMainImg 						{ background: url(../../img/sec/company/secmain_company.jpg) no-repeat center top; background-size: cover;} 

	
/* contentsTitle 
----------------------------------------------------------- */	
#contentsTitle 								{ background-color: #ecf1f6;}
#contentsTitle .inner 						{ padding: 60px 20px; box-sizing: border-box;}
#contentsTitle .sechead						{ float: left; display: inline-block; border-right: #115fad 4px solid; padding-right: 26px; margin-right: 26px;}
#contentsTitle .sechead h2 					{ color: #333c4e; font-weight: bold; line-height: 1; padding-bottom: 5px;}
#contentsTitle .sechead span 				{ color: #9e9e9e;}


/* menuMainBlock
----------------------------------------------------------- */	
.menuMainBlock ul							{ padding: 86px 0 0 0;}
.menuMainBlock ul li						{ float: left; width: 500px; margin-right: 30px; padding: 0 0 40px 0;}
.menuMainBlock ul li:nth-child(2n) 			{ margin-right: 0;}

.menuMainBlock a .img 						{ position: relative; top: 0; left: 0; display: block; height: 352px;}
.menuMainBlock a .img h3					{ position: absolute; top: 42px; left: 42px; z-index: 2; width: 400px; color: #fff;}
.menuMainBlock a .img:after 				{ content: ""; position: absolute; bottom: -26px; right: 10px; display: block; width: 53px; height: 53px; background: url(../../img/sec/icon_arrow_circle_r.png) no-repeat left top; background-size: cover;}
.menuMainBlock a p							{ color: #333c4e; padding: 16px 0 0 0; width: 440px; box-sizing: border-box;}


/* menuSubBlock
----------------------------------------------------------- */	
.menuSubBlock 								{ background-color: #f9f9f9; padding: 40px 0 5px 0;}
.menuSubBlock ul li a						{ float: left; width: 500px; margin-right: 30px; margin-bottom: 30px; padding: 20px 40px 20px 32px; border: #333c4e 1px solid; box-sizing: border-box; background-color: #fff; display: block;}
.menuSubBlock ul li:nth-child(2n) a			{ margin-right: 0;}
.menuSubBlock ul li a span 					{ background: url(../../img/union/icon_navy_m.png) no-repeat right center; display: block;}
.menuSubBlock ul li a 						{ color: #333c4e; font-weight: bold;}
.menuSubBlock ul li a:hover 				{ text-decoration: none;}


/* navBlock
----------------------------------------------------------- */	
.navBlock .inner 							{ padding: 57px 0 94px 0; box-sizing: border-box;}
.navBlock ul li a 							{ float: left; width: 585px; height: 113px; box-sizing: border-box; margin-right: 30px; margin-bottom: 30px; border: #333c4e 2px solid; color: #333c4e; background-color: #fff; position: relative; background: url(../../img/union/icon_navy_l.png) no-repeat 544px center;}
.navBlock ul li:nth-child(2n) a				{ margin-right: 0;}
.navBlock ul li img							{ float: left;}
.navBlock ul li span						{ line-height: 1.5; font-weight: bold;
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translateY(-50%) translateX(0%);
}


/* 下層ページ company
----------------------------------------------------------- */	
.menuMainBlock a .img .companyMenu01		{ position: absolute; top: 0; left: 0; width: 500px; height: 352px; background: url(../../img/sec/company/company01.jpg) no-repeat left top; background-size: cover;}
.menuMainBlock a .img .companyMenu02		{ position: absolute; top: 0; left: 0; width: 500px; height: 352px; background: url(../../img/sec/company/company02.jpg) no-repeat left top; background-size: cover;}
.menuMainBlock a .img .companyMenu03		{ position: absolute; top: 0; left: 0; width: 500px; height: 352px; background: url(../../img/sec/company/company03.jpg) no-repeat left top; background-size: cover;}
.menuMainBlock a .img .companyMenu04		{ position: absolute; top: 0; left: 0; width: 500px; height: 352px; background: url(../../img/sec/company/company04.jpg) no-repeat left top; background-size: cover;}

	
/* 下層ページ
----------------------------------------------------------- */	

/* ---------------------------------------------------------------------------------------------------------------------
    アリス事業部 als
--------------------------------------------------------------------------------------------------------------------- */

/* pc sp display
----------------------------------------------------------- */
#hTop_als ul.pc 						{}
ul.gM li.sp 							{ display: none !important;}
	
/* text-indent
----------------------------------------------------------- */
#hBottom_als h1.logo a,
#hBottom_als p.logo a 
										{ overflow: hidden; text-indent: 100%; white-space: nowrap;}

/* header
----------------------------------------------------------- */
#hTop_als								{ background-color: #eff7ff; padding: 5px 10px 3px 10px;}
#hTop_als p								{ float: left;}
#hTop_als ul							{ float: right;}
#hTop_als ul li a						{ color: #333c4e;}
#hTop_als ul li a:hover 				{ text-decoration: none;}
	
#hBottom_als 							{ padding: 27px 20px 0px 20px; min-height: 98px; box-sizing: border-box;}
#hBottom_als h1.logo a,
#hBottom_als p.logo a 					{ display: block; float: left; width: 310px; height: 44px; background: url(../../img/union/logo.png) no-repeat left top;}
#hBottom_als ul.gM						{ float: right; width: auto; text-align: right; margin-top: 10px;}
#hBottom_als ul.gM li 					{ display: inline;}
#hBottom_als ul.gM li a					{ padding: 0 0 0 27px; color: #333c4e; box-sizing: border-box;}
#hBottom_als ul.gM li a:hover 			{ text-decoration: none;}


#als 									{}
/* mainImgSec_als */
#mainImgSec_als							{ min-height: 740px; background: url(../../img/sec/als/bg_main2.jpg) no-repeat center top; background-size: cover;}
#mainImgSec_als .inner 					{ padding: 324px 20px 40px 20px;}
#mainImgSec_als .bg 					{ background-color: rgba(255, 255, 255, 0.86); padding: 40px; box-sizing: border-box;}
#mainImgSec_als h1 						{ font-weight: bold; margin-bottom: 8px;}	
#mainImgSec_als p 						{ line-height: 1.8;}	

#mainImgSec_als .red					{ color: #e71647;}
#mainImgSec_als .blue					{ color: #115fad;}
#mainImgSec_als .yellow					{ color: #e08420;}

/* alsService */
#sec_alsService 						{ /*min-height: 620px; background: url(../../img/sec/als/bg_service02.jpg) no-repeat center 10px; background-size: contain;*/ }
#sec_alsService h2 						{ border-radius: 8px; border: #255668 3px solid; color: #255668; margin-top: 40px; padding: 6px 25px; width: 250px; box-sizing: border-box;}

/* column2 */
#allE_about,
#reform_about,
#solar_about							{ position: relative; top: 0;}
#allE_about:before 						{ position: absolute; top: 0; left: 0; 		content:""; display: block; width: 50%; height: 500px; background: url(../../img/sec/als/img_allE_about2.jpg) no-repeat right top; background-size: cover;}
#reform_about:before 					{ position: absolute; top: 0; left: 50%; 	content:""; display: block; width: 50%; height: 500px; background: url(../../img/sec/als/img_reform_about.jpg) no-repeat left top; background-size: cover;}
#solar_about:before 					{ position: absolute; top: 0; left: 0; 		content:""; display: block; width: 50%; height: 500px; background: url(../../img/sec/als/img_solar_about.jpg) no-repeat right top; background-size: cover;}
	
.alsSection .column2 					{ min-height: 500px;}
.alsSection .column2 .right				{ float: right; width: 50%; padding: 70px 84px 0px 94px; box-sizing: border-box; z-index: 2;}
.alsSection .column2 .left				{ float: left;  width: 50%; padding: 70px 45px 0px 35px; box-sizing: border-box; z-index: 2;}
.alsSection .column2 h2 				{ font-weight: bold; margin-bottom: 15px;}	
.alsSection .column2 p 					{ padding-bottom: 34px;}

/* btn */
.alsSection .column2 .btn a 			{ display: inline-block; padding: 15px 25px; box-sizing: border-box; border: #333c4e 1px solid; line-height: 1; font-weight: bold; color: #333c4e;}
.alsSection .column2 .btn a:hover 		{ text-decoration: none;}
.alsSection .column2 .btn a:after 		{ content: ""; float: right; display: inline-block; width: 20px; height: 16px; background: url(../../img/union/icon_navy_m.png) no-repeat right center;}
	
/* h */
.alsSection 							{ clear: both;}
.alsSection .headbox 					{ padding: 70px 0 60px 0; text-align: center;}
.alsSection .headbox h2 				{}

/* allE_merit オール電化のメリット */
/* allE_merit 太陽光発電システム工事のメリット */
#allE_merit .bg							{ background: url(../../img/sec/als/bg_all_merit_2.jpg) no-repeat center top; background-size: cover; color: #fff;}
#solar_merit .bg 						{ background: url(../../img/sec/als/bg_system_merit.jpg) no-repeat center top; background-size: cover; color: #fff;}
#allE_merit .bg .inner h3,
#solar_merit .bg .inner h3 				{ padding-bottom: 16px;}
#allE_merit .bg .inner h3 span,
#solar_merit .bg .inner h3 span 		{ padding-right: 8px; position: relative; top: -2px;}
#allE_merit .bg .inner p,
#solar_merit .bg .inner p 				{ padding-bottom: 50px;}
#allE_merit .bg .inner p span			{ color: #e6e822;}

#solar_merit .bg .inner .notes 			{ border-top: #fff 1px solid; border-bottom: #fff 1px solid; padding: 30px; margin-bottom: 80px;}
#solar_merit .bg .inner .notes p 		{ padding-bottom: 0px;}

/* オール電化の施工事例 */
/* slide */
.slide									{ max-width: 1030px; margin: 0 auto; padding: 60px 0 50px 0;}
.slide li								{ padding: 0 14px;}
.slide li h3 							{ font-weight: bold; padding-bottom: 10px;}
.slide li p								{ padding-bottom: 25px;}
.slide li .img							{ margin-bottom: 30px;}
.slide li h4							{ margin-bottom: 15px; font-weight: bold;}
.slide li .voice 						{ background-color: #fff; padding: 30px;}
.slide li .voice p 						{ padding: 0px;}
.slide li .voice .img 					{ float: left; margin-right: 25px;}

.slick-slider							{ margin-bottom: 0px !important;}
	
button.slick-prev,
button:hover.slick-prev 				{ display: block; width: 30px; height: 66px; background: url(../../img/sec/slide_arrow_left.png) no-repeat left top; background-size: cover; left: -70px;}
button.slick-next,
button:hover.slick-next 				{ display: block; width: 30px; height: 66px; background: url(../../img/sec/slide_arrow_right.png) no-repeat left top; background-size: cover; right: -70px;}
button.slick-prev:before,
button.slick-next:before				{ display: none;}

/* allE_flow オール電化の施工の流れ */
#allE_flow .bg							{ background: url(../../img/sec/als/bg_all_flow_2.jpg) no-repeat center top; background-size: cover;}
/* solar_flow 太陽光発電システムの施工の流れ */
#solar_flow .bg							{ background: url(../../img/sec/als/bg_system_flow.jpg) no-repeat center top; background-size: cover;}
	
/* flowbox */
.flowbox 								{ margin-bottom: 30px;}
.flowbox:after 							{ content: ""; display: block; margin: 0 auto; width: 41px; height: 18px; background: url(../../img/sec/als/arrow_bottom.png) no-repeat center top;}
.flowbox_end:after 						{ content: ""; display: block; margin: 0 auto; width: 0; height: 0;}
.flowbox .step							{ width: 120px; float: left; display: table; background-color: #52718f; color: #fff;}
.flowbox h3 							{ display: table-cell; vertical-align: middle; text-align: center;}
.flowbox .step_cont 					{ width: 650px; float: right; background-color: #fff; padding: 37px 43px 37px 38px; box-sizing: border-box;}

.flowbox dl 							{ float: left; width: 224px;}
.flowbox dt 							{ border: #52718f 2px solid; text-align: center; padding: 10px 5px;}
.flowbox dt h4 							{ font-weight: bold;}
.flowbox dt h4.red 						{ color: #f11717;}
.flowbox dd 							{ padding-top: 30px;}
.flowbox .img,
.flowbox .txt							{ float: right; width: 307px;}


/* reforn_flow リフォーム工事の施工の流れ */
#reforn_flow .bg						{ background: url(../../img/sec/als/bg_reform_flow_2.jpg) no-repeat center top; background-size: cover;}
	
/* flowbox02 */
.flowbox02 								{ margin-bottom: 30px;}
.flowbox02:after 						{ content: ""; display: block; margin: 0 auto; width: 41px; height: 18px; background: url(../../img/sec/als/arrow_bottom.png) no-repeat center top;}
.flowbox02 .step						{ width: 120px; float: left; background-color: #52718f; color: #fff;}
.flowbox02 h3 							{ text-align: center; padding-top: 25px;}
.flowbox02 .step_cont 					{ width: 713px; float: right; background-color: #fff; padding: 33px 36px 34px 33px; box-sizing: border-box;}

.flowbox02 dl 							{ float: left; width: 250px;}
.flowbox02 dt 							{ border: #52718f 2px solid; text-align: center; padding: 10px 5px; box-sizing: border-box;}
.flowbox02 dt h4 						{ font-weight: bold;}
.flowbox02 dt h4.red 					{ color: #f11717;}
.flowbox02 dd 							{ padding-top: 30px;}
.flowbox02 .voice 						{ float: right; width: 365px; padding: 25px; background-color: #fff799; box-sizing: border-box;}
.flowbox02 .voice h5					{ font-weight: bold;}
.flowbox02 .voice p						{ }
.flowbox02 .txt							{ float: right; width: 365px;}

/* reforn_content リフォーム工事内容 */
/* その他 */
#reforn_content,
#als_other 								{ padding: 70px 0 0 0;}
#reforn_content h2,
#als_other h2 							{ margin-bottom: 50px; text-align: center;}
	
.contentList .column3 					{ min-height: 470px;}
.contentList .column3 li 				{ float: left; width: 370px; margin-right: 30px; min-height: 470px;}	
.contentList .column3 li:last-child		{ margin-right: 0px;}	

.contentList .column2 					{ min-height: 470px;}
.contentList .column2 li 				{ float: left; width: 370px; margin-right: 30px; min-height: 470px;}	
.contentList .column2 li:last-child		{ margin-right: 0px;}	

.contentList li span.img img 			{ margin-bottom: 25px;}
.contentList li span.txt 				{ text-align: center; display: inline-block; width: 100%;}
.contentList li span.txt h3 			{ padding-bottom: 20px; font-weight: bold;}	
.contentList li span.txt p				{ text-align: left;}

/* お問い合わせはこちら */
.contectSection  						{ background-color: #f7f8ff; padding: 73px 0 65px 0; text-align: center;}
/* btn */
.contectSection .btn a 					{ display: inline-block; padding: 30px 160px; box-sizing: border-box; border: #52718f 2px solid; line-height: 1; font-weight: bold; color: #333c4e;}
.contectSection .btn a:hover 			{ text-decoration: none;}
.contectSection .btn a:after 			{ content: ""; float: right; display: inline-block; width: 20px; height: 16px; background: url(../../img/union/icon_navy_m.png) no-repeat right center;}

	

/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
#contentsTitle h2
										{ font-size: 28px;}	
#secMainImg h1,
.menuMainBlock h3
										{ font-size: 24px;}
.navBlock ul li span
										{ font-size: 20px;}
.menuMainBlock p,
.menuSubBlock ul li
										{ font-size: 16px;}
	
#contentsTitle .sechead span
										{ font-size: 14px;}
#breadcrumb	li
										{ font-size: 12px;}	
	
/* font アリス事業部
----------------------------------------------------------- */
/* basic font-size: 14px; */ 
#mainImgSec_als h1,
.slide li h3
										{ font-size: 24px;}
.alsSection .column2 h2,
.alsSection .headbox h2,
#reforn_content h2,
#als_other h2 
										{ font-size: 28px;}
#mainImgSec_als p,
#sec_alsService h2
										{ font-size: 22px !important;}


#allE_merit .bg .inner h3,
#solar_merit .bg .inner h3
										{ font-size: 20px;}

.slide li h4,
.flowbox dt h4,
.flowbox02 dt h4,
.flowbox02 .voice h5,
.contectSection .btn a
										{ font-size: 18px;}
#als p,
.flowbox h3,
.flowbox02 h3,
.flowbox dd,
.flowbox02 dd,
.contentList li span.txt h3
										{ font-size: 16px;}

#hBottom_als ul.gM li,
.flowbox02 .voice p,
.contentList li span.txt p
										{ font-size: 15px !important;}
.slide li .voice p
										{ font-size: 14px !important;}
#hTop_als p,
#allE_merit .bg .inner h3 span,
#solar_merit .bg .inner h3 span
										{ font-size: 12px;}
	
}



/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1024px) {

/* width
-----------------------------------------------------------  */
.menuMainBlock ul,
.menuSubBlock ul,
.menuMainBlock ul
											{ margin: 0 auto; width: 700px;}

.navBlock ul
											{ margin: 0 auto; width: 585px;}

/* width アリス事業部
-----------------------------------------------------------  */
#allE_merit .bg .inner,
#solar_merit .bg .inner
											{ margin: 0 auto; width: 740px; padding: 35px 30px 30px 30px; box-sizing: border-box;}

#reforn_flow .bg .inner
											{ margin: 0 auto; width: 740px; padding: 30px 0 25px 0; box-sizing: border-box;}	
#allE_flow .bg .inner,
#solar_flow .bg .inner
											{ margin: 0 auto; width: 740px; padding: 30px 0 25px 0; box-sizing: border-box;}
.contentList .column3
											{ margin: 0 auto; width: 740px;}
.contentList .column2
											{ margin: 0 auto; width: 490px;}
	

/* menuMainBlock
----------------------------------------------------------- */	
.menuMainBlock ul							{ padding: 86px 0 0 0;}
.menuMainBlock ul li						{ float: left; width: 340px; margin-right: 20px; padding: 0 0 40px 0;}
.menuMainBlock ul li:nth-child(2n) 			{ margin-right: 0;}

.menuMainBlock a .img 						{ position: relative; top: 0; left: 0; display: block; height: 239px;}
.menuMainBlock a .img h3					{ position: absolute; top: 30px; left: 30px; z-index: 2; width: 400px; color: #fff;}
.menuMainBlock a .img:after 				{ content: ""; position: absolute; bottom: -26px; right: 10px; display: block; width: 53px; height: 53px; background: url(../../img/sec/icon_arrow_circle_r.png) no-repeat left top; background-size: cover;}
.menuMainBlock a p							{ color: #333c4e; padding: 16px 0 0 0; width: 300px; box-sizing: border-box;}

	
/* menuSubBlock
----------------------------------------------------------- */	
.menuSubBlock 								{ background-color: #f9f9f9; padding: 40px 0 5px 0;}
.menuSubBlock ul li a						{ float: left; width: 340px; margin-right: 20px; margin-bottom: 20px; padding: 20px 40px 20px 32px; border: #333c4e 1px solid; box-sizing: border-box; background-color: #fff; display: block;}
.menuSubBlock ul li:nth-child(2n) a			{ margin-right: 0;}
.menuSubBlock ul li a span 					{ background: url(../../img/union/icon_navy_m.png) no-repeat right center; display: block;}
.menuSubBlock ul li a 						{ color: #333c4e; font-weight: bold;}
.menuSubBlock ul li a:hover 				{ text-decoration: none;}


/* navBlock
----------------------------------------------------------- */	
.navBlock ul li a 							{ margin-right: 0;}
	
	
/* 下層ページ company
----------------------------------------------------------- */	
.menuMainBlock a .img .companyMenu01		{ position: absolute; top: 0; left: 0; width: 340px; height: 239px; background: url(../../img/sec/company/company01.jpg) no-repeat left top; background-size: cover;}
.menuMainBlock a .img .companyMenu02		{ position: absolute; top: 0; left: 0; width: 340px; height: 239px; background: url(../../img/sec/company/company02.jpg) no-repeat left top; background-size: cover;}
.menuMainBlock a .img .companyMenu03		{ position: absolute; top: 0; left: 0; width: 340px; height: 239px; background: url(../../img/sec/company/company03.jpg) no-repeat left top; background-size: cover;}
.menuMainBlock a .img .companyMenu04		{ position: absolute; top: 0; left: 0; width: 340px; height: 239px; background: url(../../img/sec/company/company04.jpg) no-repeat left top; background-size: cover;}


/* ---------------------------------------------------------------------------------------------------------------------
    アリス事業部 als
--------------------------------------------------------------------------------------------------------------------- */
	
/* header
----------------------------------------------------------- */
#hBottom_als 							{ padding: 27px 20px 0px 20px; min-height: 90px; box-sizing: border-box;}
#hBottom_als h1.logo a,
#hBottom_als p.logo a 					{ display: block; float: left; width: 250px; height: 35px; background: url(../../img/union/logo.png) no-repeat left top; background-size: cover;}
#hBottom_als ul.gM						{ float: right; width: 470px; text-align: right; margin-top: 2px; }
#hBottom_als ul.gM li 					{ display: inline;}
#hBottom_als ul.gM li a					{ padding: 0 0 0 8px; color: #333c4e; box-sizing: border-box;}
#hBottom_als ul.gM li a:hover 			{ text-decoration: none;}

/* mainImgSec_als */
#mainImgSec_als							{ min-height: 500px; background: url(../../img/sec/als/bg_main2.jpg) no-repeat center top; background-size: cover;}
#mainImgSec_als .inner 					{ padding: 104px 20px 40px 20px;}

/* alsService */
#sec_alsService 						{ min-height: 400px; background: url(../../img/sec/als/bg_service.jpg) no-repeat center 20px; background-size: contain;}

/* column2 */
.alsSection .column2 					{ min-height: 500px;}
.alsSection .column2 .right				{ float: right; width: 50%; padding: 35px; box-sizing: border-box; z-index: 2;}
.alsSection .column2 .left				{ float: left;  width: 50%; padding: 35px; box-sizing: border-box; z-index: 2;}
.alsSection .column2 h2 				{ font-weight: bold; margin-bottom: 15px;}	
.alsSection .column2 p 					{ padding-bottom: 15px;}

/* オール電化の施工事例 */
/* slide */
button.slick-prev,
button:hover.slick-prev 				{ display: block; width: 30px; height: 66px; background: url(../../img/sec/slide_arrow_left.png) no-repeat left top; background-size: cover; left: 0; z-index: 9999;}
button.slick-next,
button:hover.slick-next 				{ display: block; width: 30px; height: 66px; background: url(../../img/sec/slide_arrow_right.png) no-repeat left top; background-size: cover; right: 0; z-index: 9999;}


/* allE_flow オール電化の施工の流れ */
/* solar_flow 太陽光発電システムの施工の流れ */	
/* flowbox */
.flowbox .step							{ width: 90px; float: left; display: table; background-color: #52718f; color: #fff;}

/* reforn_flow リフォーム工事の施工の流れ */	
/* flowbox02 */
.flowbox02 .step						{ width: 90px; float: left; background-color: #52718f; color: #fff;}
.flowbox02 .step_cont 					{ width: 650px; float: right; background-color: #fff; padding: 33px 36px 34px 33px; box-sizing: border-box;}

.flowbox02 .voice 						{ float: right; width: 302px; padding: 25px; background-color: #fff799; box-sizing: border-box;}
.flowbox02 .txt							{ float: right; width: 302px;}

/* reforn_content リフォーム工事内容 */
/* その他 */
.contentList .column3 					{ min-height: 350px;}
.contentList .column3 li 				{ float: left; width: 240px; margin-right: 10px; min-height: 350px;}	
.contentList .column3 li:last-child		{ margin-right: 0px;}	

.contentList .column2 					{ min-height: 350px;}
.contentList .column2 li 				{ float: left; width: 240px; margin-right: 10px; min-height: 350px;}	
.contentList .column2 li:last-child		{ margin-right: 0px;}	



	
/* font アリス事業部
----------------------------------------------------------- */
/* basic font-size: 14px; */ 
#mainImgSec_als p
										{ font-size: 16px !important;}

#hBottom_als ul.gM li
										{ font-size: 12px !important;}
.flowbox02 .voice p,
.contentList li span.txt p
										{ font-size: 14px !important;}
	

}
	
/* スマホ用スタイル */
@media screen and (max-width: 767px){

			/* pc sp display
			----------------------------------------------------------- */
			#hTop_als ul.pc 						{ display: none;}
			ul.gM li.sp 							{}
	
			/* width
			-----------------------------------------------------------  */
			.menuMainBlock ul,
			.menuSubBlock ul,
			.menuMainBlock ul
														{ margin: 0 auto;}

			.navBlock ul
														{ margin: 0 auto;}

			/* width アリス事業部
			-----------------------------------------------------------  */
			
			#allE_merit .bg .inner,
			#solar_merit .bg .inner
														{ margin: 0 auto; width: 90%; padding: 4rem 0; box-sizing: border-box;}

			#reforn_flow .bg .inner
														{ margin: 0 auto; width: 90%; padding: 4rem 0; box-sizing: border-box;}	
			#allE_flow .bg .inner,
			#solar_flow .bg .inner
														{ margin: 0 auto; width: 90%; padding: 4rem 0; box-sizing: border-box;}
			.contentList .column3
														{ margin: 0 auto;}
			.contentList .column2
														{ margin: 0 auto;}


			/* breadcrumb
			----------------------------------------------------------- */
			#breadcrumb 								{ display: none;}


			/* secMainImg
			----------------------------------------------------------- */
			#secMainImg									{ min-height: 100px; position: relative;}
			#secMainImg h1 								{ color: #fff; font-weight: bold; padding: 34px 0 0 20px; display: inline-block;}

			#company #secMainImg 						{ background: url(../../img/sec/company/secmain_company.jpg) no-repeat center top; background-size: cover;} 


			/* contentsTitle 
			----------------------------------------------------------- */	
			#contentsTitle 								{ background-color: #ecf1f6;}
			#contentsTitle .inner 						{ padding: 30px 20px; box-sizing: border-box;}
			#contentsTitle .sechead						{ display: inline-block; border-right: #115fad 4px solid; padding-right: 26px; margin-right: 26px; margin-bottom: 10px;}
			#contentsTitle .sechead h2 					{ color: #333c4e; font-weight: bold; line-height: 1; padding-bottom: 5px;}
			#contentsTitle .sechead span 				{ color: #9e9e9e;}
			#contentsTitle .sechead p					{ display: block; padding: 20px 20px;}


			/* menuMainBlock
			----------------------------------------------------------- */	
			.menuMainBlock ul							{ padding: 40px 0 0 0;}
			.menuMainBlock ul li						{ margin: 0 auto; width: 300px; padding: 0 0 30px 0;}

			.menuMainBlock a .img 						{ position: relative; top: 0; left: 0; display: block; height: 211px;}
			.menuMainBlock a .img h3					{ position: absolute; top: 15px; left: 15px; z-index: 2; width: 285px; color: #fff;}
			.menuMainBlock a .img:after 				{ content: ""; position: absolute; bottom: -15px; right: 10px; display: block; width: 30px; height: 30px; background: url(../../img/sec/icon_arrow_circle_r.png) no-repeat left top; background-size: cover;}
			.menuMainBlock a p							{ color: #333c4e; padding: 10px 0 0 0; width: 300px; box-sizing: border-box; line-height: 1.6;}


			/* menuSubBlock
			----------------------------------------------------------- */	
			.menuSubBlock 								{ background-color: #f9f9f9; padding: 20px 0 30px 0;}
			.menuSubBlock ul li a 						{ width: 100%; margin-bottom: 10px; padding: 10px 40px 10px 32px; border: #333c4e 1px solid; box-sizing: border-box; background-color: #fff; display: block;}

			.menuSubBlock ul li a span 					{ background: url(../../img/union/icon_navy_m.png) no-repeat right center; display: block;}
			.menuSubBlock ul li a 						{ color: #333c4e; font-weight: bold;}
			.menuSubBlock ul li a:hover 				{ text-decoration: none;}


			/* navBlock
			----------------------------------------------------------- */	
			.navBlock .inner 							{ padding: 20px 0 10px 0; box-sizing: border-box;}
			.navBlock ul 								{ margin-bottom: 20px;}
			.navBlock ul li a 							{ margin: 0 auto; width: 300px; box-sizing: border-box; margin-bottom: 10px; border: #333c4e 2px solid; color: #333c4e; background-color: #fff; display: block;}
	
			.navBlock ul li img							{ width: 100%;}
			.navBlock ul li span						{ line-height: 1.4; display: block; padding: 10px; background: url(../../img/union/icon_navy_l.png) no-repeat 260px center; font-weight: bold;}


			/* 下層ページ company
			----------------------------------------------------------- */	
			.menuMainBlock a .img .companyMenu01		{ position: absolute; top: 0; left: 0; width: 300px; height: 211px; background: url(../../img/sec/company/company01.jpg) no-repeat left top; background-size: cover;}
			.menuMainBlock a .img .companyMenu02		{ position: absolute; top: 0; left: 0; width: 300px; height: 211px; background: url(../../img/sec/company/company02.jpg) no-repeat left top; background-size: cover;}
			.menuMainBlock a .img .companyMenu03		{ position: absolute; top: 0; left: 0; width: 300px; height: 211px; background: url(../../img/sec/company/company03.jpg) no-repeat left top; background-size: cover;}
			.menuMainBlock a .img .companyMenu04		{ position: absolute; top: 0; left: 0; width: 300px; height: 211px; background: url(../../img/sec/company/company04.jpg) no-repeat left top; background-size: cover;}


			/* 下層ページ
			----------------------------------------------------------- */	

			/* ---------------------------------------------------------------------------------------------------------------------
				アリス事業部 als
			--------------------------------------------------------------------------------------------------------------------- */

			/* text-indent
			----------------------------------------------------------- */
			#hBottom_als h1.logo a,
			#hBottom_als p.logo a 
													{ overflow: hidden; text-indent: 100%; white-space: nowrap;}

			/* header
			----------------------------------------------------------- */
			
	
			#hTop_als								{ background-color: #eff7ff; padding: 5px 10px 3px 10px;}
			#hTop_als p								{ float: left; padding-right: 70px;}
			#hTop_als ul							{ float: right;}
			#hTop_als ul li a						{ color: #333c4e;}
			#hTop_als ul li a:hover 				{ text-decoration: none;}
	
			#hBottom_als							{ padding: 27px 20px; min-height: 90px; box-sizing: border-box;}
			#hBottom_als h1.logo a,
			#hBottom_als p.logo a 					{ display: block; margin: 0 auto; width: 250px; height: 35px; background: url(../../img/union/logo.png) no-repeat left top; background-size: cover;}


			#als 									{}
			/* mainImgSec_als */
			#mainImgSec_als							{ /*min-height: 740px;*/ min-height: 400px; background: url(../../img/sec/als/bg_main2.jpg) no-repeat center top; background-size: contain;}
			#mainImgSec_als .inner 					{ padding: 10px; position: relative; top: 50px;}
			#mainImgSec_als .bg 					{ background-color: rgba(255, 255, 255, 0.86); padding: 20px; box-sizing: border-box;}
			#mainImgSec_als h1 						{ font-weight: bold; margin-bottom: 8px;}	
			#mainImgSec_als p 						{ line-height: 1.8;}	

			#mainImgSec_als .red					{ color: #e71647;}
			#mainImgSec_als .blue					{ color: #115fad;}
			#mainImgSec_als .yellow					{ color: #e08420;}

			/* alsService */
			#sec_alsService 						{ /*min-height: 240px; background: url(../../img/sec/als/bg_service02.jpg) no-repeat center 50px; background-size: contain;*/}
			#sec_alsService h2 						{ border-radius: 8px; border: #255668 3px solid; color: #255668; margin: 20px auto 0 auto; padding: 6px 25px; width: 250px; box-sizing: border-box; text-align: center;}

			/* column2 */
			#allE_about,
			#reform_about,
			#solar_about							{ }
			#allE_about:before 						{ content:""; display: block; width: 100%; height: 200px; background: url(../../img/sec/als/img_allE_about2.jpg) no-repeat right top; background-size: cover;}
			#reform_about:before 					{ content:""; display: block; width: 100%; height: 200px; background: url(../../img/sec/als/img_reform_about.jpg) no-repeat left top; background-size: cover;}
			#solar_about:before 					{ content:""; display: block; width: 100%; height: 200px; background: url(../../img/sec/als/img_solar_about.jpg) no-repeat right top; background-size: cover;}

			.alsSection .column2 					{ margin-bottom: 2rem}
			.alsSection .column2 .right				{ padding: 1rem; box-sizing: border-box; z-index: 2;}
			.alsSection .column2 .left				{ padding: 1rem; box-sizing: border-box; z-index: 2;}
			.alsSection .column2 h2 				{ font-weight: bold; margin: 10px 0;}	
			.alsSection .column2 p 					{ padding-bottom: 20px;}

			/* btn */
			.alsSection .column2 .btn a 			{ display: inline-block; padding: 15px 25px; box-sizing: border-box; border: #333c4e 1px solid; line-height: 1; font-weight: bold; color: #333c4e;}
			.alsSection .column2 .btn a:hover 		{ text-decoration: none;}
			.alsSection .column2 .btn a:after 		{ content: ""; float: right; display: inline-block; width: 20px; height: 16px; background: url(../../img/union/icon_navy_m.png) no-repeat right center;}

			/* h */
			.alsSection 							{ clear: both;}
			.alsSection .headbox 					{ padding: 30px 0 30px 0; text-align: center; width: 90%; margin: 0 auto;}
			.alsSection .headbox h2 				{}

			/* allE_merit オール電化のメリット */
			/* allE_merit 太陽光発電システム工事のメリット */
			#allE_merit .bg							{ background: url(../../img/sec/als/bg_all_merit.jpg) no-repeat center top; background-size: cover; color: #fff;}
			#solar_merit .bg 						{ background: url(../../img/sec/als/bg_system_merit.jpg) no-repeat center top; background-size: cover; color: #fff;}
			#allE_merit .bg .inner h3,
			#solar_merit .bg .inner h3 				{ padding-bottom: 16px;}
			#allE_merit .bg .inner h3 span,
			#solar_merit .bg .inner h3 span 		{ padding-right: 8px; position: relative; top: -2px;}
			#allE_merit .bg .inner p,
			#solar_merit .bg .inner p 				{ padding-bottom: 50px;}
			#allE_merit .bg .inner p span			{ color: #e6e822;}

			#solar_merit .bg .inner .notes 			{ border-top: #fff 1px solid; border-bottom: #fff 1px solid; padding: 2rem 1rem; margin-bottom: 2rem;}
			#solar_merit .bg .inner .notes p 		{ padding-bottom: 0px;}

			/* オール電化の施工事例 */
			/* slide */
			.slide									{ margin: 0 auto; padding: 30px 0 30px 0;}
			.slide li								{ padding: 0 14px;}
			.slide li h3 							{ font-weight: bold; padding-bottom: 10px;}
			.slide li p								{ padding-bottom: 15px;}
			.slide li .img							{ margin-bottom: 15px;}
			.slide li h4							{ margin-bottom: 5px; font-weight: bold;}
			.slide li .voice 						{ background-color: #fff; padding: 15px;}
			.slide li .voice p 						{ padding: 0px;}
			.slide li .voice .img 					{ text-align: center;}
			.slide li .voice .img img 				{ max-width: 100%; display: inline;}

			.slick-slider							{ margin-bottom: 0px !important;}

			button.slick-prev,
			button:hover.slick-prev 				{ display: block; width: 20px; height: 44px; background: url(../../img/sec/slide_arrow_left.png) no-repeat left top; background-size: cover; left: 0; z-index: 9999;}
			button.slick-next,
			button:hover.slick-next 				{ display: block; width: 20px; height: 44px; background: url(../../img/sec/slide_arrow_right.png) no-repeat left top; background-size: cover; right: 0; z-index: 9999;}
			button.slick-prev:before,
			button.slick-next:before				{ display: none;}

			/* allE_flow オール電化の施工の流れ */
			#allE_flow .bg							{ background: url(../../img/sec/als/bg_all_flow_2.jpg) no-repeat center top; background-size: cover;}
			/* solar_flow 太陽光発電システムの施工の流れ */
			#solar_flow .bg							{ background: url(../../img/sec/als/bg_system_flow.jpg) no-repeat center top; background-size: cover;}

			/* flowbox */
			.flowbox 								{ margin-bottom: 30px;}
			.flowbox:after 							{ content: ""; display: block; margin: 0 auto; width: 41px; height: 18px; background: url(../../img/sec/als/arrow_bottom.png) no-repeat center top;}
			.flowbox_end:after 						{ content: ""; display: block; margin: 0 auto; width: 0; height: 0;}
			.flowbox .step							{ width: 100%; background-color: #52718f; color: #fff;}
			.flowbox h3 							{ vertical-align: middle; text-align: center;}
			.flowbox .step_cont 					{ width: 100%; background-color: #fff; padding: 10px; box-sizing: border-box;}

			.flowbox dl 							{ }
			.flowbox dt 							{ border: #52718f 2px solid; text-align: center; padding: 10px 5px;}
			.flowbox dt h4 							{ font-weight: bold;}
			.flowbox dt h4.red 						{ color: #f11717;}
			.flowbox dd 							{ padding: 10px 0; line-height: 1.5;}
			.flowbox .img,
			.flowbox .txt							{ width: 100%; padding: 10px 0; line-height: 1.5;}


			/* reforn_flow リフォーム工事の施工の流れ */
			#reforn_flow .bg						{ background: url(../../img/sec/als/bg_reform_flow_2.jpg) no-repeat center top; background-size: cover;}

			/* flowbox02 */
			.flowbox02 								{ margin-bottom: 30px;}
			.flowbox02:after 						{ content: ""; display: block; margin: 0 auto; width: 41px; height: 18px; background: url(../../img/sec/als/arrow_bottom.png) no-repeat center top;}
			.flowbox02 .step						{ width: 100%; background-color: #52718f; color: #fff;}
			.flowbox02 h3 							{ vertical-align: middle; text-align: center;}
			.flowbox02 .step_cont 					{ width: 100%; background-color: #fff; padding: 10px; box-sizing: border-box;}

			.flowbox02 dl 							{ }
			.flowbox02 dt 							{ border: #52718f 2px solid; text-align: center; padding: 10px 5px;}
			.flowbox02 dt h4 						{ font-weight: bold;}
			.flowbox02 dt h4.red 					{ color: #f11717;}
			.flowbox02 dd 							{ padding: 10px 0;}
			.flowbox02 .voice 						{ background-color: #fff799; width: 100%; padding: 10px; line-height: 1.5; box-sizing: border-box;}
			.flowbox02 .voice h5					{ font-weight: bold;}
			.flowbox02 .voice p						{ }
			.flowbox02 .txt							{ width: 100%; padding: 10px; line-height: 1.5;}

			/* reforn_content リフォーム工事内容 */
			/* その他 */
			#reforn_content,
			#als_other 								{ padding: 70px 0 0 0;}
			#reforn_content h2,
			#als_other h2 							{ margin-bottom: 50px; text-align: center;}

			.contentList .column3 					{ margin: 0 auto; width: 300px;}
			.contentList .column3 li 				{ padding-bottom: 40px;}	
			.contentList .column3 li:last-child		{ margin-right: 0px;}	

			.contentList .column2 					{ margin: 0 auto; width: 300px;}
			.contentList .column2 li 				{ padding-bottom: 40px;}	
			.contentList .column2 li:last-child		{ margin-right: 0px;}	

			.contentList li span.img img 			{ margin-bottom: 10px;}
			.contentList li span.txt 				{ text-align: center; display: inline-block; width: 100%;}
			.contentList li span.txt h3 			{ padding-bottom: 5px; font-weight: bold;}	
			.contentList li span.txt p				{ text-align: left;}

			/* お問い合わせはこちら */
			.contectSection  						{ background-color: #f7f8ff; padding: 30px 0 30px 0; text-align: center;}
			/* btn */
			.contectSection .btn a 					{ display: inline-block; width: 300px; padding: 20px 40px; margin: 0 auto; box-sizing: border-box; border: #52718f 2px solid; line-height: 1; font-weight: bold; color: #333c4e;}
			.contectSection .btn a:hover 			{ text-decoration: none;}
			.contectSection .btn a:after 			{ content: ""; float: right; display: inline-block; width: 20px; height: 16px; background: url(../../img/union/icon_navy_m.png) no-repeat right center;}


			/* font
			----------------------------------------------------------- */
			/* basic font-size: 14px; */

			#contentsTitle h2
													{ font-size: 2.2rem;}
			#secMainImg h1,
			.menuMainBlock h3
													{ font-size: 2.0rem;}
			.navBlock ul li span
													{ font-size: 1.8rem;}
			.menuMainBlock p
													{ font-size: 1.4rem;}
			.menuSubBlock ul li
													{ font-size: 1.6rem;}

			#contentsTitle .sechead span
													{ font-size: 1.3rem;}


			/* font アリス事業部
			----------------------------------------------------------- */
			/* basic font-size: 14px; */ 
			#mainImgSec_als h1
													{ font-size: 1.8rem;}
			.slide li h3
													{ font-size: 2.0rem;}
			.alsSection .column2 h2,
			.alsSection .headbox h2,
			#reforn_content h2,
			#als_other h2 
													{ font-size: 2.2rem;}
			#mainImgSec_als p
													{ font-size: 1.3rem !important;}
			#sec_alsService h2
													{ font-size: 2.0rem !important;}


			#allE_merit .bg .inner h3,
			#solar_merit .bg .inner h3
													{ font-size: 1.8rem;}

			.slide li h4,
			.flowbox dt h4,
			.flowbox02 dt h4,
			.flowbox02 .voice h5,
			.contectSection .btn a
													{ font-size: 1.6rem;}
			#als p
													{ font-size: 1.4rem;}
			.flowbox h3,
			.flowbox02 h3,
			.flowbox dd,
			.flowbox02 dd
													{ font-size: 1.4rem;}
			.contentList li span.txt h3
													{ font-size: 1.8rem;}

			#hBottom_als ul.gM li,
			.flowbox02 .voice p,
			.contentList li span.txt p
													{ font-size: 1.4rem !important;}
			.slide li .voice p
													{ font-size: 1.3rem !important;}
			#hTop_als p
													{ font-size: 1.0rem;}
			#allE_merit .bg .inner h3 span,
			#solar_merit .bg .inner h3 span
													{ font-size: 1.2rem;}


}