@charset "UTF-8";



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

  sec

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

/* web font
----------------------------------------------------------- */
#mainImgSec span,
#mainImgSec02 span,
#mainImgSec_person span
										{ font-family: 'Lato', sans-serif;}	

/* bg_color
----------------------------------------------------------- */
.bg_gray 								{ background-color: #f7f7f7;}
.bg_blue								{ background-color: #eef6ff;}
.bg_triangle_blue 						{ background: #eef6ff url(../../img/sec/recruit/bg_triangle_blue.png) no-repeat right top;}


.alignright{float:right;margin-left:3%;margin-bottom:7%; }
.alignleft{ float: left;margin-right:3%;margin-bottom:7%;}
.aligncenter{margin:0 auto;display:block;text-align:center;}


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

/* link move
----------------------------------------------------------- */
#nav_history .btn a,
#nav_companyinfo .btn a,
#nav_branchoffice .btn a,
#nav_trainingsystem .btn a,
#nav_salarywelfare .btn a,
#nav_faq .btn a,
.entryList .column2 li a,
.workList .column2 li ul.btn li a
	{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	cursor: pointer;
	}

#nav_history .btn a:hover,
#nav_companyinfo .btn a:hover,
#nav_branchoffice .btn a:hover,
#nav_trainingsystem .btn a:hover,
#nav_salarywelfare .btn a:hover,
#nav_faq .btn a:hover,
.entryList .column2 li a:hover,
.workList .column2 li ul.btn li a:hover
	{
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

	
/* width
-----------------------------------------------------------  */
.cateImg,
.cateImg_ts
										{ margin: 0 auto 50px auto; width: 1200px;}
#sec_messageCont .column2,
#sec_historyCont .historyLine
										{ margin: 0 auto; width: 1030px;}


#sec_businessCont .businessList .column3,
.sec_businessCategory .column1,
.sec_businessCategory .column2,
.sec_businessCategory .column3,
.sec_businessCategory .column2_ts,
.sec_businessCategory .column1_ts,
.sec_branchOffice .column2
										{ margin: 0 auto; width: 1170px;}

#sec_personCont .person,
#recruit table.table01,
#companyInfo table.table01,
#welfare table.table01,
.sec_faq .inner
										{ margin: 0 auto; width: 970px;}

#sec_businessCont .businessList .column2
										{ margin: 0 auto; width: 770px;}	

	
/* margin
----------------------------------------------------------- */
.mb170 									{ margin-bottom: 170px;}


/* mainImgSec 下層共通
----------------------------------------------------------- */
.secContent								{ /*margin-top: 82px;*/ position: relative !important;}


/* mainImgSec 下層共通
----------------------------------------------------------- */
#mainImgSec 							{ min-height: 346px; background: url(../../img/sec/recruit/bg_mainimg01.jpg) no-repeat center top; background-size: cover;}
#mainImgSec02 							{ min-height: 346px; background: url(../../img/sec/recruit/bg_mainimg02.jpg) no-repeat center top; background-size: cover;}
#mainImgSec_person
										{ min-height: 346px; background: url(../../img/sec/recruit/bg_mainimg_person.jpg) no-repeat center top; background-size: cover;}

#mainImgSec,
#mainImgSec02
										{ position: relative; top: 0; left: 0; color: #fff;}
#mainImgSec_person 						{ position: relative; top: 0; left: 0; }

#mainImgSec span,
#mainImgSec02 span,
#mainImgSec_person span 
	{ display: block; font-weight: bold; letter-spacing: 0.1em;
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width: 100%;
	text-align: center;
	}
#mainImgSec h1,
#mainImgSec02 h1,
#mainImgSec_person h1
	{ display: block; font-weight: bold; letter-spacing: 0.2em;
	position: absolute;
	top: 57%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	}


/* contentsHead 下層共通
----------------------------------------------------------- */
.contentsHead 							{ min-height: 300px; position: relative; top: 0; left: 0;}
.contentsHead h2						{ display: block; font-weight: bold; letter-spacing: 0.1em; line-height: 1;
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width: 100%;
	text-align: center;
	}
.contentsHead h2:after 					{ content: ""; width: 60px; margin: 0 auto; border-bottom: #115fad 1px solid; display: block; position: relative; bottom: -25px;}

.contentsHead span						{ display: block; font-weight: bold;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width: 100%;
	text-align: center;
	}

.head h3 { margin: 30px auto 30px;
    font-size: 20px;
    width: auto;
    border-bottom: 2px solid #cce5ff;
    padding: 10px; background-color: #EEEEEE;}
.head p {font-size: 18px;}

/* ---------------------------------------------------------------------------------------------------------------------
    三桜電気工業を知る aboutus
--------------------------------------------------------------------------------------------------------------------- */
#aboutus 								{}

/* #sec_messageCont MESSAGE 代表メッセージ */
#sec_messageCont 						{ margin-bottom: 170px;}
#sec_messageCont .column2 				{ padding: 60px 0;}
#sec_messageCont .column2 .img			{ float: right; width: 500px;}
#sec_messageCont .column2 .txt			{ float: left;  width: 500px;}
#sec_messageCont .column2 .txt p		{ padding-bottom: 35px; line-height: 2.2;}


/* #aboutCont ABOUT top.css共通 */
#aboutus #aboutCont 					{ margin-bottom: 170px;}

/* #sec_businessCont BUSINESS 事業内容 */
#sec_businessCont						{ min-height: 854px; position: relative;}	
#sec_businessCont:before 				{ content: ""; position: absolute; top: 0; display: block; height: 854px; width: 100%; background: url(../../img/sec/recruit/aboutus/bg_business01_2.jpg) no-repeat center top; background-size: cover;}	

#sec_businessCont .businessList 		{ /*position: absolute;*/}
.businessList .column3 li 				{ float: left; width: 370px; margin-right: 30px; margin-bottom: 36px; min-height: 325px; background-color: #fff;}	
.businessList .column3 li:last-child	{ margin-right: 0px;}	

.businessList .column2 li 				{ float: left; width: 370px; margin-right: 30px; margin-bottom: 36px; min-height: 325px; background-color: #fff;}	
.businessList .column2 li:last-child	{ margin-right: 0px;}	
	
.businessList .column3 li span.txt,
.businessList .column2 li span.txt 		{ text-align: center; display: inline-block; width: 100%; padding: 22px 0 0 0;}


/* 幅広 イメージエリア */
/* #nav_history HISTORY 三桜電気工業の歴史 */
#nav_history 							{ min-height: 400px; position: relative; width: 100%;}	
#nav_history:before 					{ content: ""; position: absolute; top: 0; display: block; height: 400px; width: 100%; background: url(../../img/sec/recruit/bg_history.jpg) no-repeat center top; background-size: cover;}	

/* #nav_companyinfo COMPANY INFO 三桜電気工業の企業情報 */
#nav_companyinfo 						{ min-height: 400px; position: relative;}	
#nav_companyinfo:before 				{ content: ""; position: absolute; top: 0; display: block; height: 400px; width: 100%; background: url(../../img/sec/recruit/bg_companyinfo.jpg) no-repeat center top; background-size: cover;}	

/* #nav_branchoffice BRANCH OFFICE 三桜電気工業の全支店紹介 */
#nav_branchoffice	 					{ min-height: 400px; position: relative;}	
#nav_branchoffice:before 				{ content: ""; position: absolute; top: 0; display: block; height: 400px; width: 100%; background: url(../../img/sec/recruit/bg_branchoffice.jpg) no-repeat center top; background-size: cover;}

/* recruite 採用情報より */
/* #nav_traningsystem TRAINING SYSTEM 研修制度 */
#nav_trainingsystem						{ min-height: 400px; position: relative; width: 100%;}	
#nav_trainingsystem:before 				{ content: ""; position: absolute; top: 0; display: block; height: 400px; width: 100%; background: url(../../img/sec/recruit/bg_trainingsystem_2.jpg) no-repeat center top; background-size: cover;}	

/* #nav_salarywelfare SALARY・WELFARE 待遇福利厚生 */
#nav_salarywelfare 						{ min-height: 400px; position: relative;}	
#nav_salarywelfare:before 				{ content: ""; position: absolute; top: 0; display: block; height: 400px; width: 100%; background: url(../../img/sec/recruit/bg_salarywelfare_2.jpg) no-repeat center top; background-size: cover;}	

/* #nav_faq FAQ よくある質問 */
#nav_faq	 							{ min-height: 400px; position: relative;}	
#nav_faq:before 						{ content: ""; position: absolute; top: 0; display: block; height: 400px; width: 100%; background: url(../../img/sec/recruit/bg_faq.jpg) no-repeat center top; background-size: cover;}


/* head 共通  */
#nav_history .inner,
#nav_companyinfo .inner,
#nav_branchoffice .inner,
#nav_trainingsystem	.inner,
#nav_salarywelfare .inner,
#nav_faq .inner
										{ position: relative; top: 0px;}
#nav_history .head,
#nav_companyinfo .head,
#nav_branchoffice .head,
#nav_trainingsystem	.head,
#nav_salarywelfare .head,
#nav_faq .head
										{ text-align: left; position: absolute; top: 150px; left: 70px; color: #fff; display: inline-block;}
#nav_history .head span,
#nav_companyinfo .head span,
#nav_branchoffice .head span,
#nav_trainingsystem .head span,
#nav_salarywelfare .head span,
#nav_faq .head span
										{ line-height: 0.8; font-weight: bold; letter-spacing: 0.1em; display: inline-block; padding-bottom: 0px; margin-bottom: 40px;}
#nav_history .head span:after,
#nav_companyinfo .head span:after,
#nav_branchoffice .head span:after,
#nav_trainingsystem .head span:after,
#nav_salarywelfare .head span:after,
#nav_faq .head span:after
										{ content: ""; width: 60px; border-bottom: #fff 1px solid; display: block; position: relative; bottom: -25px;}
#nav_history .head h2,
#nav_companyinfo .head h2,
#nav_branchoffice .head h2,
#nav_trainingsystem .head h2,
#nav_salarywelfare .head h2,
#nav_faq .head h2
										{ font-weight: bold; letter-spacing: 0.15em;}

/* btn 共通  */
#nav_history .btn a,
#nav_companyinfo .btn a,
#nav_branchoffice .btn a,
#nav_trainingsystem .btn a,
#nav_salarywelfare .btn a,
#nav_faq .btn a
										{ position: absolute; top: 180px; right: 215px; color: #fff; text-align: center; display: inline-block; border: #fff 1px solid; width: 170px; height: 50px; padding-right: 10px; line-height: 50px; box-sizing: border-box; background: url(../../img/union/icon_white_m.png) no-repeat 125px 17px;}
#nav_history .btn a:hover,
#nav_companyinfo .btn a:hover,
#nav_branchoffice .btn a:hover,
#nav_trainingsystem .btn a:hover,
#nav_salarywelfare  .btn a:hover,
#nav_faq .btn a:hover
										{ text-decoration: none;}
	

/* ---------------------------------------------------------------------------------------------------------------------
    事業内容 business
--------------------------------------------------------------------------------------------------------------------- */
.businessCategory_first 				{ padding-top: 108px;}
.sec_businessCategory 					{ padding-bottom: 20px;}

.cateImg 			{ }
.cateImg .txt 	{ background-color:rgba(255, 255, 255,0.68); width: 430px; padding: 20px 25px 25px 25px; /*min-height: 155px;*/ position: relative; top: 40px; left: 40px; box-sizing: border-box;}
	
.cateImg01 		{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/business/bg_head_business01_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg02 		{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/business/bg_head_business02.jpg) no-repeat center top; background-size: cover;}	
.cateImg03 		{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/business/bg_head_business03_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg04 		{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/business/bg_head_business04_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg05 		{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/business/bg_head_business05_2.jpg) no-repeat center top; background-size: cover;}
.cateImg06 		{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/business/bg_head_business06_2.jpg) no-repeat center top; background-size: cover;}

.sec_businessCategory .cateImg h3 		{ font-weight: bold; padding-bottom: 0px;}
.sec_businessCategory .cateImg p		{ line-height: 1.8;}

.sec_businessCategory .column1,
.sec_businessCategory .column2,
.sec_businessCategory .column3 			{ padding-bottom: 50px;}

/* column2 */
.sec_businessCategory .column2 dl 		{ float: left; width: 570px; margin-right: 30px;}
/* column3 */
.sec_businessCategory .column3 dl 		{ float: left; width: 370px; margin-right: 30px;}

.sec_businessCategory .column2 dl:last-child,
.sec_businessCategory .column3 dl:last-child
										{ margin-right: 0px;}
	
.sec_businessCategory dl dt h4 			{ font-weight: bold; margin-bottom: 40px;}
.sec_businessCategory dl dt h4:after 	{ content: ""; width: 70px; border-bottom: #115fad 1px solid; display: block; position: relative; bottom: -20px;}
.sec_businessCategory dl dd				{ line-height: 1.8;}


/* ---------------------------------------------------------------------------------------------------------------------
    仕事を知る work
--------------------------------------------------------------------------------------------------------------------- */
#sec_workCont				 		{ padding: 90px 0;}
#sec_workCont .workList		 		{ /*position: absolute;*/}

.workList .column2 li 				{ float: left; margin-right: 70px; width: 585px; margin-bottom: 76px;}
.workList .column2 li:nth-child(even) { margin-right: 0; }
.workList .column2 li:last-child	{ margin-right: 0px;}	

.workList .column2 li ul.btn 		{ margin-top: 20px; }
.workList .column2 li ul.btn li		{ float: left; margin-right: 2%; width: 48%;margin-bottom: 0;}
.workList .column2 li ul.btn li:nth-child(even)		{ margin-right: 0;}
.workList .column2 li ul.btn li a 	{ background-color: #105fad; padding: 10px; color: #FFF; display: block; border-radius: 5px; font-weight: bold;}
.workList .column2 li ul.btn li a:after {content: ""; float: right; display: inline-block; width: 20px; height: 22px; background: url(../../img/union/icon_white_m.png) no-repeat right center;}
.workList .column2 li ul.btn li a:hover { text-decoration: none; }

.tab-area 									{ max-width: 1240px; margin:0 auto 30px; display: flex; justify-content: space-around; cursor: pointer; border-bottom: #c7c7c7 1px solid;}
.tab-area .tab 								{ width: 100%; text-align: center; box-sizing: border-box; background-color: #def2ff; font-size: 18px; font-weight: bold; margin:0 3px;}
.tab-area .tab span 						{ display: block; padding: 12px 0 10px;}
.tab-area .tab span.icon 	{}
.tab-area .tab span.icon img	{ display: inline; text-align: center; }

.tab-area .tab.active 						{ background-color: #aadaf8; }
.tab-area .tab.active:after 				{ content: ""; display: block; height: 4px; background-color: #266db4;}
.content-area 								{ max-width: 1240px; margin:55px auto 55px; }
.content-area .content 						{ display: none; padding: 0 0 20px 0;}
.content-area .content.show 				{  display: block;}
.content-area img { width: 100%; height: auto; }
.content-area ul.m30 { margin-bottom: 30px; }
.content-area .imageList li:last-child img { width: 85%; height: auto; }


/* ---------------------------------------------------------------------------------------------------------------------
    三桜電気工業の歴史 history
--------------------------------------------------------------------------------------------------------------------- */
#sec_historyCont 						{ padding: 60px 0 75px 0;}
#sec_historyCont .historyLine:before 	{ content: ""; display: block; margin: 0 auto; width: 30px; height: 30px; background: url(../../img/sec/recruit/history/dot_blue.png) no-repeat center top;}
#sec_historyCont .historyLine:after 	{ content: ""; display: block; margin: 0 auto; width: 30px; height: 30px; background: url(../../img/sec/recruit/history/dot_blue.png) no-repeat center top;}
#sec_historyCont .historyLine 			{ background: url(../../img/sec/recruit/history/line_v_gray.png) repeat-y center top;}

.historyLine .left 						{ float: left; width: 515px;}
.historyLine .right 					{ float: right; width: 515px;}
.historyLine .left dl 					{ float: left; width: 430px; background-color: #fff; padding: 23px 26px 23px 26px; margin-bottom: 60px; box-sizing: border-box;}
.historyLine .right dl 					{ float:right; width: 430px; background-color: #fff; padding: 23px 26px 23px 26px; margin-bottom: 60px; box-sizing: border-box;}
.historyLine .left dl.mb01 				{ margin-bottom: 107px;}
.historyLine .right.mt01 				{ margin-top: 38px;}

.historyLine .left:after 				{ content: ""; float: right; width: 85px; height: 50px; border-bottom: #b5b5b5 1px solid;}
.historyLine .right:after 				{ content: ""; float:  left; width: 85px; height: 50px; border-bottom: #b5b5b5 1px solid;}

.historyLine dl dt 						{ color: #115fad; font-weight: bold;}
.historyLine dl dd img 					{ margin-top: 15px;}
	
	
/* ---------------------------------------------------------------------------------------------------------------------
    社員紹介 person
--------------------------------------------------------------------------------------------------------------------- */
#sec_personCont 						{ padding: 108px 0 28px 0;}
.person 								{ min-height: 508px; background-color: #fff; margin-bottom: 60px !important;}
.person:nth-child(odd) .img				{ float: left; width: 50%;}
.person:nth-child(odd) .txt				{ float:right; width: 50%;}
.person:nth-child(even) .img			{ float:right; width: 50%;}
.person:nth-child(even) .txt			{ float: left; width: 50%;}

.person .txt .name 						{ min-height: 150px; background-color: #115fad; color: #fff; text-align: center; padding-top: 40px; box-sizing: border-box;}
.person .txt .name span 				{ line-height: 1.3;}
.person .txt .name h3					{ font-weight: bold;}
.person .txt p 							{ padding: 30px 45px 20px 45px; line-height: 2.2;}

/* ---------------------------------------------------------------------------------------------------------------------
    企業情報 companyInfo
--------------------------------------------------------------------------------------------------------------------- */
.sec_companyInfo 							{ padding: 90px 0;}

/* ---------------------------------------------------------------------------------------------------------------------
    待遇・福利厚生 welfare
--------------------------------------------------------------------------------------------------------------------- */
.sec_welfare 							{ padding: 90px 0;}


/* ---------------------------------------------------------------------------------------------------------------------
    全支店紹介 branchOffice
--------------------------------------------------------------------------------------------------------------------- */
.sec_branchOffice					{ padding-top: 90px;}

.sec_branchOffice .cateImg 				{ }
.sec_branchOffice .cateImg .txt 		{ background-color:rgba(255, 255, 255,0.68); width: 430px; padding: 20px 25px 25px 25px; /*min-height: 155px;*/ position: relative; top: 40px; left: 40px; box-sizing: border-box;}
	
.sec_branchOffice .cateImg01 			{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office01.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg02 			{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office02.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg03 			{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office03.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg04 			{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office04_2.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg05 			{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office05.jpg) no-repeat center top; background-size: cover;}
.sec_branchOffice .cateImg06 			{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office06.jpg) no-repeat center top; background-size: cover;}

.sec_branchOffice .cateImg h3 		{ font-weight: bold; padding-bottom: 0px;}
.sec_branchOffice .cateImg p		{ line-height: 1.8;}

.sec_branchOffice .column1,
.sec_branchOffice .column2,
.sec_branchOffice .column3 			{ padding-bottom: 50px;}

/* column2 */
.sec_branchOffice .column2 dl 		{ float: left; width: 570px; margin-right: 30px;}
/* column3 */
.sec_branchOffice .column3 dl 		{ float: left; width: 370px; margin-right: 30px;}

.sec_branchOffice .column2 dl:last-child,
.sec_branchOffice .column3 dl:last-child
										{ margin-right: 0px;}
	
.sec_branchOffice dl dt h4 			{ font-weight: bold; margin-bottom: 40px;}
.sec_branchOffice dl dt h4:after 	{ content: ""; width: 70px; border-bottom: #115fad 1px solid; display: block; position: relative; bottom: -20px;}
.sec_branchOffice dl dd				{ line-height: 1.8;}


/* ---------------------------------------------------------------------------------------------------------------------
    採用情報 recruit
--------------------------------------------------------------------------------------------------------------------- */
#recruit .contentsHead 					{ margin-bottom: 355px;}
#recruit .contentsHead span 			{ line-height: 3;}

.sec_recruit 							{ padding: 0 0 90px 0;}
	
/* table */
table.table01 							{ border: 0; border-spacing: 0px; padding-bottom: 80px !important;}
table.table01 th						{ border-top: 0; border-left: 0; border-right: 0; border-bottom: #f9f9f9 1px solid; background-color: #cce5ff; padding: 24px; font-weight: bold; display: table-cell; width: 270px;}
table.table01 td						{ border-top: 0; border-left: 0; border-right: 0; border-bottom: #f9f9f9 1px solid; background-color: #ffffff; padding: 24px;}

/* btn */
.btnbox  						
.btnbox 								{ position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	}
.btnbox a 								{ display: block; margin: 0 auto; width: 226px; padding: 20px 34px; box-sizing: border-box; background-color: #115fad; line-height: 1; font-weight: bold; color: #fff; text-align: center;}
.btnbox a:hover 						{ text-decoration: none;}
.btnbox a:after 						{ content: ""; float: right; display: inline-block; width: 20px; height: 16px; background: url(../../img/union/icon_white_m.png) no-repeat right center;}

/* aboutus に記述 */
/* #nav_traningsystem TRAINING SYSTEM 研修制度 */
/* #nav_salarywelfare SALARY・WELFARE 待遇福利厚生 */
/* #nav_faq FAQ よくある質問 */


/* ---------------------------------------------------------------------------------------------------------------------
    研修制度 training system
--------------------------------------------------------------------------------------------------------------------- */
#trainingsystem .sec_businessCategory 	{ padding-bottom: 50px;}
#trainingsystem .sec_businessCategory:last-child
										{ padding-bottom: 170px;}
	
/* 一部レイアウト 事業内容 business より */
.trainingSystem_first					{ padding-top: 60px; margin-top: 100px;}

.cateImg_ts 							{ }
.cateImg_ts .txt 						{ background-color:rgba(255, 255, 255,0.68); width: 812px; padding: 20px 25px 25px 25px; /*min-height: 155px;*/ position: relative; top: 40px; left: 40px; box-sizing: border-box;}

.cateImg01_ts 							{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem01_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg02_ts							{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem02_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg03_ts 							{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem03_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg04_ts 							{ width: 1200px; height: 369px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem04_2.jpg) no-repeat center top; background-size: cover;}	

.sec_businessCategory .cateImg_ts h3 	{ font-weight: bold; padding-bottom: 0px;}
.sec_businessCategory .cateImg_ts p		{ line-height: 1.8;}

/* column2_ts */
.sec_businessCategory .column2_ts 		{ padding-bottom: 25px;}
.sec_businessCategory .column2_ts dl 	{ float: left; width: 570px; margin-right: 30px;}
.sec_businessCategory .column2_ts dl:last-child
										{ margin-right: 0px;}	

/* column1_ts */
.sec_businessCategory .column2_ts h4,
.sec_businessCategory .column1_ts h4
										{ padding: 0; margin: 0 0 10px 0; border: 0;}
.sec_businessCategory .column2_ts h4:after,
.sec_businessCategory .column1_ts h4:after
										{ padding: 0; margin: 0; border: 0;}
.sec_businessCategory .column2_ts h4 span
										{ color: #ce3319; font-weight: bold;}
.sec_businessCategory .column2_ts dd,
.sec_businessCategory .column1_ts dd
										{ padding-bottom: 25px;}

.sec_businessCategory .column1_ts dd.box_blue
										{ padding: 24px; margin-bottom: 25px; background-color: #e8eff5; font-weight: bold;}
.sec_businessCategory .column1_ts dd.box_blue span
										{ display: block;}


/* ---------------------------------------------------------------------------------------------------------------------
    FAQ faq
--------------------------------------------------------------------------------------------------------------------- */
.sec_faq { padding: 90px 0;}
.sec_faq .inner {}
.faqList { margin-bottom: 10px; }
.faqList h3 { padding: 30px; background-color: #FFF; }
.faqList .aBox { padding: 30px; background-color: #f1f4f8; }


/* ---------------------------------------------------------------------------------------------------------------------
    エントリー entry
--------------------------------------------------------------------------------------------------------------------- */
#entry .contentsHead 					{ margin-bottom: 300px;}
#entry .contentsHead span 			{ line-height: 3;}

.entryList .column2 li a 			{ color: #333c4e; float: left; display: block; width: 605px; height: 144px; margin-right: 30px; border: #333c4e 2px solid; background: #fff url(../../img/union/icon_navy_m.png) no-repeat 530px 63px; box-sizing: border-box;}
.entryList .column2 li:last-child a	{ margin-right: 0px;}
.entryList .column2 li a:hover 		{ text-decoration: none;}
.entryList .column2 li .txt 			{ padding: 45px 0 0 30px; font-size:15px;}
.entryList .column2 li span 			{ font-weight: bold; letter-spacing: 0.1em; line-height: 1.2;}
.entryList .column2 li h3 			{ font-weight: bold; letter-spacing: 0.15em; line-height: 1.3;}



/* ---------------------------------------------------------------------------------------------------------------------
    Archive
--------------------------------------------------------------------------------------------------------------------- */
.sec_archive { padding: 90px 0; background-color: #e1ecf7; }
.sec_archive #infoCont { margin-bottom: 0; background-color: #e1ecf7; }
.sec_archive .infoList { padding-bottom: 80px; }

/* ---------------------------------------------------------------------------------------------------------------------
    Single
--------------------------------------------------------------------------------------------------------------------- */
.sec_single { padding: 90px 0; background-color: #FFFFFF; }
#singleCont { }
#singleCont .inner { width: 1170px; padding-bottom: 40px; }
#singleCont h2 { margin-bottom: 30px; border-bottom: 2px solid #105ead; }
#singleCont p { margin-bottom: 30px; font-size: 16px; }
#singleCont img {}

.prev, .next{ margin-bottom:8%; }
.prev{ float: left; }
.next{ float: right; }
.prev a, .next a{padding:15px;background-color: #105ead;color: #FFF;font-size: 12px; font-size: 1.4rem;font-weight:bold;border-radius: 5px;text-decoration: none;text-align: center;display:inline-block;}
.prev a:hover, .next a:hover{background-color: rgba(17, 95, 173, 0.8); color: #FFF;filter: alpha(opacity=100);-webkit-opacity: 1.0;-moz-opacity: 1.0;opacity: 1.0;}


/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
#mainImgSec span,
#mainImgSec02 span,
#mainImgSec_person span,
#nav_history .head span,
#nav_companyinfo .head span,
#nav_branchoffice .head span,
#nav_trainingsystem .head span,
#nav_salarywelfare .head span,
#nav_faq .head span
										{ font-size: 48px;}
	
.contentsHead h2 						{ font-size: 32px;}
	
.sec_businessCategory .cateImg h3,
.sec_businessCategory .cateImg_ts h3,
.sec_branchOffice .cateImg h3
										{ font-size: 24px;}
.person .txt .name h3
										{ font-size: 28px;}	
.businessList .column3 li span.txt h3,
.businessList .column2 li span.txt h3,
.sec_businessCategory dl dt h4,
.person .txt .name span,
.sec_businessCategory .column2_ts h4,
.sec_businessCategory .column1_ts h4,
.sec_branchOffice dl dt h4
										{ font-size: 20px;}

#mainImgSec h1,
#mainImgSec02 h1,
#mainImgSec_person h1,
.sec_businessCategory .cateImg p,
.sec_businessCategory .cateImg_ts p,
.faqList h3
										{ font-size: 18px;}
.contentsHead span,
#sec_messageCont .column2 .txt p,
.historyLine dl dt,
.historyLine dl dd,
table.table01 th,
table.table01 td,
.faqList .aBox
										{ font-size: 16px;}
	
.person .txt p
										{ font-size: 15px;}


	
}

/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1024px) {
	
/* width
-----------------------------------------------------------  */
#sec_businessCategory .cateImg,
#sec_businessCategory .cateImg_ts,
.sec_branchOffice .cateImg,
.sec_faq .inner
										{ margin: 0 auto; width: 740px;}
#sec_messageCont .column2,
#sec_historyCont .historyLine
										{ margin: 0 auto; width: 700px;}


#sec_businessCont .businessList .column3,
.sec_businessCategory .column1,
.sec_businessCategory .column2,
.sec_businessCategory .column3,
.sec_businessCategory .column2_ts,
.sec_businessCategory .column1_ts,
.sec_branchOffice .column2
										{ margin: 0 auto; width: 740px;}

#sec_personCont .person,
#recruit table.table01
										{ margin: 0 auto; width: 740px;}

#sec_businessCont .businessList .column2
										{ margin: 0 auto; width: 490px;}
	

/* ---------------------------------------------------------------------------------------------------------------------
    三桜電気工業を知る aboutus
--------------------------------------------------------------------------------------------------------------------- */

/* #sec_messageCont MESSAGE 代表メッセージ */
#sec_messageCont .column2 .img			{ float: right; width: 340px;}
#sec_messageCont .column2 .txt			{ float: left; width: 340px;}


/* #aboutCont ABOUT top.css共通 */

/* #sec_businessCont BUSINESS 事業内容 */
#sec_businessCont						{ min-height: 654px; position: relative;}	
#sec_businessCont:before 				{ content: ""; position: absolute; top: 0; display: block; /*height: 854px;*/ min-height: 654px; width: 100%; background: url(../../img/sec/recruit/aboutus/bg_business01.jpg) no-repeat center top; background-size: cover;}	

#sec_businessCont .businessList 		{ }
.businessList .column3 li 				{ float: left; width: 240px; margin-right: 10px; margin-bottom: 36px; min-height: 225px; background-color: #fff;}	
.businessList .column3 li:last-child	{ margin-right: 0px;}	

.businessList .column2 li 				{ float: left; width: 240px; margin-right: 10px; margin-bottom: 36px; min-height: 225px; background-color: #fff;}	
.businessList .column2 li:last-child	{ margin-right: 0px;}	
	
.businessList .column3 li span.txt,
.businessList .column2 li span.txt 		{ text-align: center; display: inline-block; width: 100%; padding: 15px 0;}


/* #nav_history HISTORY 三桜電気工業の歴史 */
/* #nav_companyinfo COMPANY INFO 三桜電気工業の企業情報 */
/* #nav_branchoffice BRANCH OFFICE 三桜電気工業の全支店紹介 */
	
/* head 共通  */
#nav_history .head,
#nav_companyinfo .head,
#nav_branchoffice .head,
#nav_trainingsystem .head,
#nav_salarywelfare .head,
#nav_faq .head
										{ text-align: left; position: absolute; top: 150px; left: 35px; color: #fff; display: inline-block;}
	
#nav_history .head span,
#nav_companyinfo .head span,
#nav_branchoffice .head span,
#nav_trainingsystem .head span,
#nav_salarywelfare .head span,
#nav_faq .head span
										{ line-height: 0.8; font-weight: bold; letter-spacing: 0.0em; display: inline-block; padding-bottom: 0px; margin-bottom: 40px;}

/* btn 共通  */
#nav_history .btn a,
#nav_companyinfo .btn a,
#nav_branchoffice .btn a,
#nav_trainingsystem .btn a,
#nav_salarywelfare .btn a,
#nav_faq .btn a
										{ position: absolute; top: 180px; right: 35px; color: #fff; text-align: center; display: inline-block; border: #fff 1px solid; width: 170px; height: 50px; padding-right: 10px; line-height: 50px; box-sizing: border-box; background: url(../../img/union/icon_white_m.png) no-repeat 125px 17px;}


/* ---------------------------------------------------------------------------------------------------------------------
    事業内容 business
--------------------------------------------------------------------------------------------------------------------- */

.cateImg .txt 							{ background-color:rgba(255, 255, 255,0.68); width: 430px; padding: 20px 25px 25px 25px; /*min-height: 155px;*/ position: relative; top: 20px; left: 20px; box-sizing: border-box;}
	
.cateImg01 								{ width: 740px; height: 227px; background: url(../../img/sec/recruit/business/bg_head_business01_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg02 								{ width: 740px; height: 227px; background: url(../../img/sec/recruit/business/bg_head_business02.jpg) no-repeat center top; background-size: cover;}	
.cateImg03 								{ width: 740px; height: 227px; background: url(../../img/sec/recruit/business/bg_head_business03_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg04 								{ width: 740px; height: 227px; background: url(../../img/sec/recruit/business/bg_head_business04_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg05 								{ width: 740px; height: 227px; background: url(../../img/sec/recruit/business/bg_head_business05_2.jpg) no-repeat center top; background-size: cover;}
.cateImg06 								{ width: 740px; height: 227px; background: url(../../img/sec/recruit/business/bg_head_business06_2.jpg) no-repeat center top; background-size: cover;}

/* column2 */
.sec_businessCategory .column2 dl 		{ float: left; width: 360px; margin-right: 20px;}
/* column3 */
.sec_businessCategory .column3 dl 		{ float: left; width: 233px; margin-right: 20px;}

	
/* ---------------------------------------------------------------------------------------------------------------------
    三桜電気工業の歴史 history
--------------------------------------------------------------------------------------------------------------------- */
.historyLine .left 						{ float: left; width: 350px;}
.historyLine .right 					{ float: right; width: 350px;}
.historyLine .left dl 					{ float: left; width: 330px; background-color: #fff; padding: 23px 26px 23px 26px; margin-bottom: 30px; box-sizing: border-box;}
.historyLine .right dl 					{ float:right; width: 330px; background-color: #fff; padding: 23px 26px 23px 26px; margin-bottom: 30px; box-sizing: border-box;}
.historyLine .left dl.mb01 				{ margin-bottom: 200px;}
.historyLine .right.mt01 				{ margin-top: 15px;}

.historyLine .left:after 				{ content: ""; float: right; width: 20px; height: 50px; border-bottom: #b5b5b5 1px solid;}
.historyLine .right:after 				{ content: ""; float:  left; width: 20px; height: 50px; border-bottom: #b5b5b5 1px solid;}


/* ---------------------------------------------------------------------------------------------------------------------
    社員紹介 person
--------------------------------------------------------------------------------------------------------------------- */
.person 								{ min-height: auto; background-color: #fff; margin-bottom: 60px !important;}
.person:nth-child(odd) .img				{ float: left; width: 40%;}
.person:nth-child(odd) .txt				{ float:right; width: 60%;}
.person:nth-child(even) .img			{ float:right; width: 40%;}
.person:nth-child(even) .txt			{ float: left; width: 60%;}

.person .txt p 							{ padding: 25px 25px 25px 25px; line-height: 2;}


/* ---------------------------------------------------------------------------------------------------------------------
    研修制度 training system
--------------------------------------------------------------------------------------------------------------------- */
	
/* 一部レイアウト 事業内容 business より */
.cateImg_ts .txt 						{ background-color:rgba(255, 255, 255,0.68); width: 700px; padding: 20px 25px 25px 25px; position: relative; top: 20px; left: 20px; box-sizing: border-box;}

.cateImg01_ts 							{ width: 740px; height: 227px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem01_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg02_ts							{ width: 740px; height: 227px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem02_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg03_ts 							{ width: 740px; height: 227px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem03_2.jpg) no-repeat center top; background-size: cover;}	
.cateImg04_ts 							{ width: 740px; height: 227px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem04_2.jpg) no-repeat center top; background-size: cover;}	

/* column2_ts */
.sec_businessCategory .column2_ts dl 	{ float: left; width: 360px; margin-right: 20px;}

.sec_businessCategory .column1_ts dd.box_blue span
										{ display: inline;}

/* ---------------------------------------------------------------------------------------------------------------------
    全支店紹介 branchOffice
--------------------------------------------------------------------------------------------------------------------- */
.sec_branchOffice .cateImg { margin-bottom: 50px; }
.sec_branchOffice .cateImg .txt 		{ background-color:rgba(255, 255, 255,0.68); width: 430px; padding: 20px 25px 25px 25px; /*min-height: 155px;*/ position: relative; top: 20px; left: 20px; box-sizing: border-box;}
	
.sec_branchOffice .cateImg01 			{ width: 740px; height: 227px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office01.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg02 			{ width: 740px; height: 227px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office02.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg03 			{ width: 740px; height: 227px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office03.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg04 			{ width: 740px; height: 227px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office04_2.jpg) no-repeat center top; background-size: cover;}	
.sec_branchOffice .cateImg05 			{ width: 740px; height: 227px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office05.jpg) no-repeat center top; background-size: cover;}
.sec_branchOffice .cateImg06 			{ width: 740px; height: 227px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office06.jpg) no-repeat center top; background-size: cover;}

/* column2 */
.sec_branchOffice .column2 dl 		{ float: left; width: 360px; margin-right: 20px;}
/* column3 */
.sec_branchOffice .column3 dl 		{ float: left; width: 233px; margin-right: 20px;}


/* ---------------------------------------------------------------------------------------------------------------------
    仕事を知る work
--------------------------------------------------------------------------------------------------------------------- */
#sec_workCont				 		{ padding: 60px 0;}
#sec_workCont .workList		 		{ /*position: absolute;*/}

.workList .column2 li 				{ width: 47%; margin-bottom: 56px;}
.workList .column2 li:nth-child(even) { margin-right: 0; }
.workList .column2 li:last-child	{ margin-right: 0px;}	
.workList .column2 li ul.btn li a { font-size: 12px; }

.tab-area 	{ width: 96%; }
.tab-area .tab {font-size: 15px;}
.content-area {width: 96%;}

/* ---------------------------------------------------------------------------------------------------------------------
    エントリー entry
--------------------------------------------------------------------------------------------------------------------- */
.entryList .column2 li a 			{ color: #333c4e; float: left; display: block; width: 355px; height: 144px; margin-right: 30px; border: #333c4e 2px solid; background: #fff url(../../img/union/icon_navy_m.png) no-repeat 530px 63px; box-sizing: border-box;}
.entryList .column2 li:last-child a	{ margin-right: 0px;}
.entryList .column2 li a:hover 		{ text-decoration: none;}
.entryList .column2 li .txt 			{ padding: 45px 0 0 30px; font-size:15px;}
.entryList .column2 li span 			{ font-weight: bold; letter-spacing: 0.1em; line-height: 1.2;}
.entryList .column2 li h3 			{ font-weight: bold; letter-spacing: 0.15em; line-height: 1.3;}



/* ---------------------------------------------------------------------------------------------------------------------
    Single
--------------------------------------------------------------------------------------------------------------------- */
.sec_single { padding: 90px 0; background-color: #FFFFFF; }
#singleCont { }
#singleCont .inner { width: 740px; padding-bottom: 40px; }
#singleCont h2 { margin-bottom: 30px; border-bottom: 2px solid #105ead; }
#singleCont p { margin-bottom: 30px; font-size: 16px; }
#singleCont img {}

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

			/* mainImgSec 下層共通
			----------------------------------------------------------- */
			.secContent								{ position: relative !important;}


			/* mainImgSec 下層共通
			----------------------------------------------------------- */
			#mainImgSec 							{ min-height: 100px; background: url(../../img/sec/recruit/bg_mainimg01.jpg) no-repeat center top; background-size: cover;}
			#mainImgSec02 							{ min-height: 100px; background: url(../../img/sec/recruit/bg_mainimg02.jpg) no-repeat center top; background-size: cover;}
			#mainImgSec_person
													{ min-height: 100px; background: url(../../img/sec/recruit/bg_mainimg_person.jpg) no-repeat center top; background-size: cover;}

			#mainImgSec,
			#mainImgSec02
													{ position: relative; top: 0; left: 0; color: #fff;}
			#mainImgSec_person 						{ position: relative; top: 0; left: 0; }

			#mainImgSec span,
			#mainImgSec02 span,
			#mainImgSec_person span 
				{ display: block; font-weight: bold; letter-spacing: 0.1em;
				position: absolute;
				top: 15%;
				left: 50%;
				-webkit-transform: translate(-50%, 0%);
				-moz-transform: translate(-50%, 0%);
				-ms-transform: translate(-50%, 0%);
				-o-transform: translate(-50%, 0%);
				transform: translate(-50%, 0%);
				width: 90%;
				text-align: center;
				}
	
			#mainImgSec02 span.long 				{ letter-spacing: 0em;}

			#mainImgSec h1,
			#mainImgSec02 h1,
			#mainImgSec_person h1
				{ display: block; font-weight: bold; letter-spacing: 0.2em;
				position: absolute;
				top: 52%;
				left: 50%;
				-webkit-transform: translate(-50%, 0%);
				-moz-transform: translate(-50%, 0%);
				-ms-transform: translate(-50%, 0%);
				-o-transform: translate(-50%, 0%);
				transform: translate(-50%, 0%);
				width: 90%;
				text-align: center;
				}


			/* contentsHead 下層共通
			----------------------------------------------------------- */
			.contentsHead 							{ padding: 50px 0 20px 0;}
			.contentsHead h2						{ display: block; font-weight: bold; letter-spacing: 0.1em; line-height: 1.2;
				width: 90%;
				margin: 0 auto 30px auto;
				text-align: center;
				}
			.contentsHead h2:after 					{ content: ""; width: 60px; margin: 0 auto; border-bottom: #115fad 1px solid; display: block; position: relative; bottom: -10px;}

			.contentsHead span						{ display: block; font-weight: bold;
				width: 90%;
				margin: 0 auto;
				text-align: center;
				}
			.head h3 { margin: 30px auto 30px;
			    font-size: 2.0rem;
			    width: auto;
			    border-bottom: 2px solid #cce5ff;
			    padding: 10px; background-color: #EEEEEE;}
			.head p {font-size: 1.7rem;}

			/* ---------------------------------------------------------------------------------------------------------------------
				三桜電気工業を知る aboutus
			--------------------------------------------------------------------------------------------------------------------- */
			#aboutus 								{}

			/* #sec_messageCont MESSAGE 代表メッセージ */
			#sec_messageCont 						{ margin-bottom: 90px;}
			#sec_messageCont .column2 				{ padding: 60px 0;}
			#sec_messageCont .column2 .txt p		{ line-height: 1.9; padding: 20px;}


			/* #aboutCont ABOUT top.css共通 */
			#aboutus #aboutCont 					{ margin-bottom: 90px;}

			/* #sec_businessCont BUSINESS 事業内容 */
			#sec_businessCont						{ margin-bottom: 90px; background: url(../../img/sec/recruit/aboutus/bg_business01_2.jpg) no-repeat center top; background-size: cover;}


			.businessList .column3 li 				{ width: 90%; margin: 0 auto 10px auto; padding-bottom: 20px; background-color: #fff;}	

			.businessList .column2 					{ padding-bottom: 20px;}
			.businessList .column2 li 				{ width: 90%; margin: 0 auto 10px auto; padding-bottom: 20px; background-color: #fff;}	

			.businessList .column3 li span.txt,
			.businessList .column2 li span.txt 		{ text-align: center; display: inline-block; width: 100%; padding: 20px 0 0 0;}
	

			/* #nav_history HISTORY 三桜電気工業の歴史 */
			#nav_history 							{ min-height: 280px; position: relative; width: 100%;}	
			#nav_history:before 					{ content: ""; position: absolute; top: 0; display: block; height: 280px; width: 100%; background: url(../../img/sec/recruit/bg_history.jpg) no-repeat center top; background-size: cover;}	

			/* #nav_companyinfo COMPANY INFO 三桜電気工業の企業情報 */
			#nav_companyinfo 						{ min-height: 280px; position: relative;}	
			#nav_companyinfo:before 				{ content: ""; position: absolute; top: 0; display: block; height: 280px; width: 100%; background: url(../../img/sec/recruit/bg_companyinfo.jpg) no-repeat center top; background-size: cover;}	

			/* #nav_branchoffice BRANCH OFFICE 三桜電気工業の全支店紹介 */
			#nav_branchoffice	 					{ min-height: 280px; position: relative;}	
			#nav_branchoffice:before 				{ content: ""; position: absolute; top: 0; display: block; height: 280px; width: 100%; background: url(../../img/sec/recruit/bg_branchoffice.jpg) no-repeat center top; background-size: cover;}
			
			/* recruite 採用情報より */
			/* #nav_traningsystem TRAINING SYSTEM 研修制度 */
			#nav_trainingsystem						{ min-height: 280px; position: relative; width: 100%;}	
			#nav_trainingsystem:before 				{ content: ""; position: absolute; top: 0; display: block; height: 280px; width: 100%; background: url(../../img/sec/recruit/bg_trainingsystem_2.jpg) no-repeat center top; background-size: cover;}		

			/* #nav_salarywelfare SALARY・WELFARE 待遇福利厚生 */
			#nav_salarywelfare 						{ min-height: 280px; position: relative;}	
			#nav_salarywelfare:before 				{ content: ""; position: absolute; top: 0; display: block; height: 280px; width: 100%; background: url(../../img/sec/recruit/bg_salarywelfare_2.jpg) no-repeat center top; background-size: cover;}		

			/* #nav_faq FAQ よくある質問 */
			#nav_faq	 							{ min-height: 280px; position: relative;}	
			#nav_faq:before 						{ content: ""; position: absolute; top: 0; display: block; height: 280px; width: 100%; background: url(../../img/sec/recruit/bg_faq.jpg) no-repeat center top; background-size: cover;}	
	

			/* head 共通  */
			#nav_history .inner,
			#nav_companyinfo .inner,
			#nav_branchoffice .inner,
			#nav_trainingsystem .inner,
			#nav_salarywelfare .inner,
			#nav_faq .inner
													{ text-align: center;}
			#nav_history .head,
			#nav_companyinfo .head,
			#nav_branchoffice .head,
			#nav_trainingsystem .head,
			#nav_salarywelfare .head,
			#nav_faq .head
													{ top: auto; color: #fff; display: inline-block; padding: 40px 0 30px 0;}
	
			#nav_history .head span,
			#nav_companyinfo .head span,
			#nav_branchoffice .head span,
			#nav_trainingsystem .head span,
			#nav_salarywelfare .head span,
			#nav_faq .head span
													{ line-height: 0.8; font-weight: bold; letter-spacing: 0em; display: inline-block; padding-bottom: 0px; margin-bottom: 40px; width: 100%;}
			#nav_history .head span:after,
			#nav_companyinfo .head span:after,
			#nav_branchoffice .head span:after,
			#nav_trainingsystem .head span:after,
			#nav_salarywelfare .head span:after,
			#nav_faq .head span:after
													{ content: ""; width: 60px; margin: 0 auto; border-bottom: #fff 1px solid; display: block; position: relative; bottom: -25px;}
			#nav_history .head h2,
			#nav_companyinfo .head h2,
			#nav_branchoffice .head h2,
			#nav_trainingsystem .head h2,
			#nav_salarywelfare .head h2,
			#nav_faq .head h2
													{ font-weight: bold; letter-spacing: 0.1em; width: 100%;}

			/* btn 共通  */
			#nav_history .btn a,
			#nav_companyinfo .btn a,
			#nav_branchoffice .btn a,
			#nav_trainingsystem .btn a,
			#nav_salarywelfare .btn a,
			#nav_faq .btn a
													{ position: relative; top: auto; color: #fff; text-align: center; display: inline-block; border: #fff 1px solid; width: 170px; margin: 0 auto; height: 50px; padding-right: 10px; line-height: 50px; box-sizing: border-box; background: url(../../img/union/icon_white_m.png) no-repeat 125px 17px;}
			#nav_history .btn a:hover,
			#nav_companyinfo .btn a:hover,
			#nav_branchoffice .btn a:hover,
			#nav_trainingsystem .btn a:hover,
			#nav_salarywelfare .btn a:hover,
			#nav_faq .btn a:hover
													{ text-decoration: none;}


			/* ---------------------------------------------------------------------------------------------------------------------
				事業内容 business
			--------------------------------------------------------------------------------------------------------------------- */
			.businessCategory_first 				{ padding-top: 50px;}
			.sec_businessCategory 					{ padding-bottom: 20px;}

			.cateImg 								{ margin-bottom: 30px; padding: 10px;}
			.cateImg .txt 							{ background-color:rgba(255, 255, 255,0.68); padding: 20px; width: 100%; box-sizing: border-box;}

			.cateImg01 								{ height: 300px; background: url(../../img/sec/recruit/business/bg_head_business01_2.jpg) no-repeat center top; background-size: cover;}	
			.cateImg02 								{ height: 300px; background: url(../../img/sec/recruit/business/bg_head_business02.jpg) no-repeat center top; background-size: cover;}	
			.cateImg03 								{ height: 300px; background: url(../../img/sec/recruit/business/bg_head_business03_2.jpg) no-repeat center top; background-size: cover;}	
			.cateImg04 								{ height: 300px; background: url(../../img/sec/recruit/business/bg_head_business04_2.jpg) no-repeat center top; background-size: cover;}	
			.cateImg05 								{ height: 300px; background: url(../../img/sec/recruit/business/bg_head_business05_2.jpg) no-repeat center top; background-size: cover;}
			.cateImg06 								{ height: 300px; background: url(../../img/sec/recruit/business/bg_head_business06_2.jpg) no-repeat center top; background-size: cover;}

			.sec_businessCategory .cateImg h3 		{ font-weight: bold; padding-bottom: 0px;}
			.sec_businessCategory .cateImg p		{ line-height: 1.8; letter-spacing: -0.05em;}

			.sec_businessCategory .column1,
			.sec_businessCategory .column2,
			.sec_businessCategory .column3 			{ padding-bottom: 50px;}

			/* column1 */
			.sec_businessCategory .column1 dl,
			/* column2 */
			.sec_businessCategory .column2 dl 		{ margin: 0 auto 30px auto; width: 90%;}
			/* column3 */
			.sec_businessCategory .column3 dl 		{ margin: 0 auto 30px auto; width: 90%;}
			
			.sec_businessCategory .column1 dl:last-child,
			.sec_businessCategory .column2 dl:last-child,
			.sec_businessCategory .column3 dl:last-child
													{ margin-bottom: 0px;}

			.sec_businessCategory dl dt h4 			{ font-weight: bold; margin-bottom: 20px;}
			.sec_businessCategory dl dt h4:after 	{ content: ""; width: 70px; border-bottom: #115fad 1px solid; display: block; position: relative; bottom: -10px;}
			.sec_businessCategory dl dd				{ line-height: 1.8;}


			/* ---------------------------------------------------------------------------------------------------------------------
				三桜電気工業の歴史 history
			--------------------------------------------------------------------------------------------------------------------- */
			#sec_historyCont 						{ padding: 60px 0 75px 0;}
			#sec_historyCont .historyLine:before 	{ content: ""; display: block; width: 30px; height: 30px; background: url(../../img/sec/recruit/history/dot_blue.png) no-repeat -12px top; position: relative; top: -3px;}
			#sec_historyCont .historyLine:after 	{ content: ""; display: block; width: 30px; height: 30px; background: url(../../img/sec/recruit/history/dot_blue.png) no-repeat -12px top;}
			#sec_historyCont .historyLine 			{ background: url(../../img/sec/recruit/history/line_v_gray.png) repeat-y left top;}

			.historyLine .left 						{ }
			.historyLine .right 					{ }
			.historyLine .left dl 					{ float: right; width: 90%; background-color: #fff; padding: 23px 26px 23px 26px; margin-bottom: 30px; box-sizing: border-box;}
			.historyLine .right dl 					{ float: right; width: 90%; background-color: #fff; padding: 23px 26px 23px 26px; margin-bottom: 30px; box-sizing: border-box;}

			.historyLine .left dl.mb01 				{ }
			.historyLine .right.mt01 				{ }


			.historyLine .left:after 				{ content: ""; float: left; width: 10%; height: 50px; border-bottom: #b5b5b5 1px solid;}
			.historyLine .right:after 				{ content: ""; float: left; width: 10%; height: 50px; border-bottom: #b5b5b5 1px solid;}

			.historyLine dl dt 						{ color: #115fad; font-weight: bold;}
			.historyLine dl dd 						{ line-height: 1.5;}
			.historyLine dl dd img 					{ margin-top: 15px;}
	

			/* ---------------------------------------------------------------------------------------------------------------------
				社員紹介 person
			--------------------------------------------------------------------------------------------------------------------- */
			#sec_personCont 						{ padding: 50px 0 0 0;}
			.person 								{ background-color: #fff; margin-bottom: 30px !important;}

			.person .txt .name 						{ background-color: #115fad; color: #fff; text-align: center; padding: 20px 10px; box-sizing: border-box;}
			.person .txt .name span 				{ line-height: 1.3;}
			.person .txt .name h3					{ font-weight: bold;}
			.person .txt p 							{ padding: 20px 10px; line-height:1.8;}


			/* ---------------------------------------------------------------------------------------------------------------------
				採用情報 recruit
			--------------------------------------------------------------------------------------------------------------------- */
			#recruit .contentsHead 					{ margin-bottom: 30px;}
			#recruit .contentsHead span 			{ line-height: 2; text-align: left; font-weight: normal; }

			.sec_recruit 							{ padding: 0 0 90px 0;}

			/* table */
			table.table01 							{ border: 0; border-spacing: 0px; padding-bottom: 80px !important;}
			table.table01 th						{ border-top: 0; border-left: 0; border-right: 0; border-bottom: #f9f9f9 1px solid; background-color: #cce5ff; padding: 10px; font-weight: bold; display: table-cell; display: block;}
			table.table01 td						{ border-top: 0; border-left: 0; border-right: 0; border-bottom: #f9f9f9 1px solid; background-color: #ffffff; padding: 10px; display: block;}

			/* btn */
			.btnbox  						
			.btnbox 								{ position: relative;
				left: 50%;
				-webkit-transform: translate(-50%, 0%);
				-moz-transform: translate(-50%, 0%);
				-ms-transform: translate(-50%, 0%);
				-o-transform: translate(-50%, 0%);
				transform: translate(-50%, 0%);
				}
			.btnbox a 								{ display: block; margin: 0 auto; width: 226px; padding: 20px 34px; box-sizing: border-box; background-color: #115fad; line-height: 1; font-weight: bold; color: #fff; text-align: center;}
			.btnbox a:hover 						{ text-decoration: none;}
			.btnbox a:after 						{ content: ""; float: right; display: inline-block; width: 20px; height: 16px; background: url(../../img/union/icon_white_m.png) no-repeat right center;}

			/* aboutus に記述 */
			/* #nav_traningsystem TRAINING SYSTEM 研修制度 */
			/* #nav_salarywelfare SALARY・WELFARE 待遇福利厚生 */
			/* #nav_faq FAQ よくある質問 */
	

			/* ---------------------------------------------------------------------------------------------------------------------
			    企業情報 companyInfo
			--------------------------------------------------------------------------------------------------------------------- */
			.sec_companyInfo 							{ padding: 40px 0;}

			/* ---------------------------------------------------------------------------------------------------------------------
			    待遇・福利厚生 welfare
			--------------------------------------------------------------------------------------------------------------------- */
			.sec_welfare 							{ padding: 40px 0;}

	
			/* ---------------------------------------------------------------------------------------------------------------------
				研修制度 training system
			--------------------------------------------------------------------------------------------------------------------- */
			#trainingsystem .sec_businessCategory 	{ }
			#trainingsystem .sec_businessCategory:last-child
													{ padding-bottom: 80px;}

			/* 一部レイアウト 事業内容 business より */
			.trainingSystem_first					{ padding-top: 60px;}

			.cateImg_ts 							{ margin-bottom: 30px; padding: 10px;}
			.cateImg_ts .txt 						{ background-color:rgba(255, 255, 255,0.68); padding: 20px; width: 100%; box-sizing: border-box;}

			.cateImg01_ts 							{ height: 200px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem01_2.jpg) no-repeat center top; background-size: cover;}	
			.cateImg02_ts							{ height: 200px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem02_2.jpg) no-repeat center top; background-size: cover;}	
			.cateImg03_ts 							{ height: 200px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem03_2.jpg) no-repeat center top; background-size: cover;}	
			.cateImg04_ts 							{ height: 200px; background: url(../../img/sec/recruit/trainingsystem/bg_head_trainingsystem04_2.jpg) no-repeat center top; background-size: cover;}	

			.sec_businessCategory .cateImg_ts h3 	{ font-weight: bold; padding-bottom: 0px;}
			.sec_businessCategory .cateImg_ts p		{ line-height: 1.8; letter-spacing: -0.05em;}

			/* column2_ts */
			.sec_businessCategory .column2_ts 		{ padding-bottom: 25px;}
			.sec_businessCategory .column2_ts dl,
			.sec_businessCategory .column1_ts dl 	{ margin: 0 auto 30px auto; width: 90%;}
			.sec_businessCategory .column2_ts dl:last-child
													{ }	

			/* column1_ts */
			.sec_businessCategory .column2_ts h4,
			.sec_businessCategory .column1_ts h4
													{ padding: 0; margin: 0 0 10px 0; border: 0;}
			.sec_businessCategory .column2_ts h4:after,
			.sec_businessCategory .column1_ts h4:after
													{ padding: 0; margin: 0; border: 0;}
			.sec_businessCategory .column2_ts h4 span
													{ color: #ce3319; font-weight: bold;}
			.sec_businessCategory .column2_ts dd,
			.sec_businessCategory .column1_ts dd
													{ padding-bottom: 25px;}

			.sec_businessCategory .column1_ts dd.box_blue
													{ padding: 24px; margin-bottom: 25px; background-color: #e8eff5; font-weight: bold;}
			.sec_businessCategory .column1_ts dd.box_blue span
													{ display: inline;}


			/* ---------------------------------------------------------------------------------------------------------------------
				事業内容 business
			--------------------------------------------------------------------------------------------------------------------- */
			.sec_branchOffice 						{ padding-top: 50px;}

			.sec_branchOffice .cateImg 				{ margin-bottom: 30px; padding: 10px;}
			.sec_branchOffice .cateImg .txt				{ background-color:rgba(255, 255, 255,0.68); padding: 20px; width: 100%; box-sizing: border-box;}

			.sec_branchOffice .cateImg01 				{ height: 234px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office01.jpg) no-repeat center top; background-size: contain; background-position-y:144px; }	
			.sec_branchOffice .cateImg02 				{ height: 234px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office02.jpg) no-repeat center top; background-size: contain; background-position-y:144px; }	
			.sec_branchOffice .cateImg03 				{ height: 234px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office03.jpg) no-repeat center top; background-size: contain; background-position-y:144px; }	
			.sec_branchOffice .cateImg04 				{ height: 234px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office04_2.jpg) no-repeat center top; background-size: contain; background-position-y:144px; }	
			.sec_branchOffice .cateImg05 				{ height: 234px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office05.jpg) no-repeat center top; background-size: contain; background-position-y:144px; }
			.sec_branchOffice .cateImg06 				{ height: 234px; background: url(../../img/sec/recruit/branch_office/bg_head_branch_office06.jpg) no-repeat center top; background-size: contain; background-position-y:144px; }

			.sec_branchOffice .cateImg h3 		{ font-weight: bold; padding-bottom: 0px;}
			.sec_branchOffice .cateImg p		{ line-height: 1.8; letter-spacing: -0.05em;}

			.sec_branchOffice .column1,
			.sec_branchOffice .column2,
			.sec_branchOffice .column3 			{ padding-bottom: 50px;}

			/* column1 */
			.sec_branchOffice .column1 dl,
			/* column2 */
			.sec_branchOffice .column2 dl 		{ margin: 0 auto 30px auto; width: 90%;}
			/* column3 */
			.sec_branchOffice .column3 dl 		{ margin: 0 auto 30px auto; width: 90%;}
			
			.sec_branchOffice .column1 dl:last-child,
			.sec_branchOffice .column2 dl:last-child,
			.sec_branchOffice .column3 dl:last-child
													{ margin-bottom: 0px;}

			.sec_branchOffice dl dt h4 			{ font-weight: bold; margin-bottom: 40px;}
			.sec_branchOffice dl dt h4:after 	{ content: ""; width: 70px; border-bottom: #115fad 1px solid; display: block; position: relative; bottom: -10px;}
			.sec_branchOffice dl dd				{ line-height: 1.8;}


			/* ---------------------------------------------------------------------------------------------------------------------
			    仕事を知る work
			--------------------------------------------------------------------------------------------------------------------- */
			#sec_workCont				 		{ padding: 60px 0;}
			.workList .column2 li 				{ width: 100%; margin-bottom: 56px;}

			.workList .column2 li ul.btn 		{ margin-top: 10px; }
			.workList .column2 li ul.btn li		{ float: left; margin-right: 2%; width: 48%;margin-bottom: 0;}
			.workList .column2 li ul.btn li:nth-child(even)		{ margin-right: 0;}
			.workList .column2 li ul.btn li a 	{ background-color: #105fad; padding: 10px; color: #FFF; display: block; border-radius: 5px; font-weight: bold; font-size: 1.2rem;}
			.workList .column2 li ul.btn li a:after {content: ""; float: right; display: inline-block; width: 20px; height: 22px; background: url(../../img/union/icon_white_m.png) no-repeat right center;}
			.workList .column2 li ul.btn li a:hover { text-decoration: none; }

			.tab-area 									{ display: flex; justify-content: space-around; cursor: pointer; border-bottom: #c7c7c7 1px solid;}
			.tab-area .tab 								{ width: 100%; text-align: center; box-sizing: border-box; background-color: #def2ff; font-weight: bold; font-size: 1.0rem; line-height: 1.2; margin: 0px 2px;}
			.tab-area .tab span 						{ display: block; padding: 7px 0 5px;}

			.tab-area .tab.active 						{ background-color: #aadaf8; }
			.tab-area .tab.active:after 				{ /*content: ""; display: block; height: 4px; background-color: #266db4;*/}
			.content-area 								{ width: 92%; margin: 20px auto 0;}
			.content-area .content 						{ display: none; /*padding: 0 0 40px 0;*/}
			.content-area .content.show 				{  display: block;}

			/* ---------------------------------------------------------------------------------------------------------------------
			    FAQ faq
			--------------------------------------------------------------------------------------------------------------------- */
			.sec_faq { padding: 40px 0;}
			.sec_faq .inner {}
			.faqList { margin-bottom: 10px; }
			.faqList h3 { padding: 15px; background-color: #FFF; }
			.faqList .aBox { padding: 15px; background-color: #f1f4f8; }


			/* ---------------------------------------------------------------------------------------------------------------------
			    エントリー entry
			--------------------------------------------------------------------------------------------------------------------- */
			#entry .contentsHead 					{ margin-bottom: 70px;}
			#entry .contentsHead span 			{ line-height: 2; font-weight: normal; text-align: left;}

			.entryList .column2 li a 			{ color: #333c4e; float: none; display: block; width: 100%; height: 105px; margin-right: 0px; border: #333c4e 2px solid; background: #fff; box-sizing: border-box; margin-bottom: 20px; }
			.entryList .column2 li:last-child a	{ margin-right: 0px;}
			.entryList .column2 li a:hover 		{ text-decoration: none;}
			.entryList .column2 li .txt 			{ padding: 25px 0 0 25px; font-size:1.5rem;}
			.entryList .column2 li span 			{ font-weight: bold; letter-spacing: 0.1em; line-height: 1.2;}
			.entryList .column2 li h3 			{ font-weight: bold; letter-spacing: 0.15em; line-height: 1.3;}



			/* ---------------------------------------------------------------------------------------------------------------------
			    Single
			--------------------------------------------------------------------------------------------------------------------- */
			.sec_single { padding: 20px 0; background-color: #FFFFFF; }
			#singleCont { }
			#singleCont .inner { padding-bottom: 40px; width: 96%; }
			#singleCont h2 { margin-bottom: 20px; border-bottom: 2px solid #105ead; font-size: 1.8rem; line-height: 1.6; padding-bottom: 5px; }
			#singleCont p { margin-bottom: 20px; font-size: 1.4rem; }
			#singleCont img {}


			.prev, .next{ margin-bottom:8%; }
			.prev{ float: none; text-align: center; }
			.next{ float: none; text-align: center; }
			.prev a, .next a{padding:10px 15px;background-color:#105ead;color: #FFF;font-size: 1.4rem; font-size: 1.4rem;font-weight:bold;border-radius: 5px;text-decoration: none;text-align: center;display:inline-block;}
			.prev a:hover, .next a:hover{background-color: rgba(17, 95, 173, 0.8);; color: #FFF;filter: alpha(opacity=100);-webkit-opacity: 1.0;-moz-opacity: 1.0;opacity: 1.0;}



			/* font
			----------------------------------------------------------- */
			/* basic font-size: 14px; */
			#mainImgSec span,
			#mainImgSec02 span,
			#mainImgSec_person span,
			#nav_history .head span,
			#nav_companyinfo .head span,
			#nav_branchoffice .head span,
			#nav_trainingsystem .head span,
			#nav_salarywelfare .head span,
			#nav_faq .head span
													{ font-size: 2.6rem;}

			.contentsHead h2 						{ font-size: 2.4rem;}

			.sec_businessCategory .cateImg h3,
			.sec_businessCategory .cateImg_ts h3,
			.sec_branchOffice .cateImg h3
													{ font-size: 2.0rem;}
			.person .txt .name h3
													{ font-size: 2.2rem;}	
			.businessList .column3 li span.txt h3,
			.businessList .column2 li span.txt h3,
			.sec_businessCategory dl dt h4,
			.sec_branchOffice dl dt h4,
			.faqList h3
													{ font-size: 1.8rem;}
			.person .txt .name span,
			.sec_businessCategory .column2_ts h4,
			.sec_businessCategory .column1_ts h4,
			.faqList .aBox
													{ font-size: 1.6rem;}

			#mainImgSec h1,
			#mainImgSec02 h1,
			#mainImgSec_person h1
													{ font-size: 1.6rem;}	
			.sec_businessCategory .cateImg p,
			.sec_businessCategory .cateImg_ts p
													{ font-size: 1.4rem;}	
			.contentsHead span,
			#sec_messageCont .column2 .txt p
													{ font-size: 1.6rem;}
			.historyLine dl dt
													{ font-size: 1.5rem;}
			.historyLine dl dd
													{ font-size: 1.4rem;}

			.person .txt p
													{ font-size: 1.5rem;}


}