@charset "UTF-8";



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

  sec

------------------------------------------ */
/* sec
-----------------------------------------------------------  */

/* font family
----------------------------------------------------------- */
/* 游ゴシック */
.pageNav li 							{ font-family: YuGothic, "Yu Gothic medium";}


/* PC タブレット用スタイル */
@media (min-width: 768px) {	
	
/* width
-----------------------------------------------------------  */
.scheduleCont .tab-area
										{ margin: 0 auto; width:1170px;}
.scheduleCont .content-area
										{ margin: 0 auto; width:1170px;}
.historyBox,
.careerBox
										{ margin: 0 auto; width: 970px;}
.tab-area,
.careerupCont .tab-area
										{ margin: 0 auto; width: 830px;}
.companyCont table.table_basic
										{ margin: 0 auto; width: 770px;}
.companyCont table.table_basic
										{ margin: 0 auto; width: 970px;}
	
/* mVsec
----------------------------------------------------------- */
.mVsec									{ background: url("../../img/sec/secmv.jpg") no-repeat center center; background-size: 100% 100%; height: 168px; text-align: center;}

.mVsec .txt 							{ position: relative; top: 136px;}
.mVsec .txt span 						{ font-weight: bold; line-height: 1;}
.mVsec .txt h1 							{ letter-spacing: 0.1em;}

/* color */
#about .mVsec .txt span 				{ color: #c9d50a;}
#work  .mVsec .txt span 				{ color: #0ac4d5;}



/* pageNav
----------------------------------------------------------- */
.pageNav 								{ margin: 112px 0 100px 0;}
.pageNav li 							{ background-color: #fa7c00; border-radius: 5px; width: 270px; box-sizing: border-box;}
.pageNav li a 							{ display: block; color: #fff; background: url("../../img/union/icon_arrow_b_white01.png") no-repeat 95% center; text-decoration: none; padding: 20px 18px; font-weight: bold; line-height: 1; letter-spacing: 0.1em;}



/* about
----------------------------------------------------------- */
	
/* facilityCont */
.facilityCont 							{ background: url("../../img/sec/bg_facility.jpg") no-repeat center center; background-size: cover; padding: 80px 0 50px 0;}
.facilityCont .headBox 					{ text-align: center;}

.facilityCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.facilityCont .headBox h2 				{ padding: 0 0 50px 0; line-height: 1;}

.facilityCont p.txt01 					{ text-align: center; padding-bottom: 50px;}

.facilityCont .block 					{ background-color: #fff; width: 570px; color: #000033;}
.facilityCont .block:nth-child(2n) 		{ margin: 0 0 0 30px;}
.facilityCont .block,
.facilityCont .block:nth-child(2n) 		{ margin-bottom: 40px;}

.facilityCont .block:nth-child(1),
.facilityCont .block:nth-child(5) 		{ box-shadow: -10px 10px 0px 0px #fadfbf;}
.facilityCont .block:nth-child(2),
.facilityCont .block:nth-child(6) 		{ box-shadow: -10px 10px 0px 0px #b8d4fb;}
.facilityCont .block:nth-child(3) 		{ box-shadow: -10px 10px 0px 0px #b9eb88;}
.facilityCont .block:nth-child(4) 		{ box-shadow: -10px 10px 0px 0px #e3b8fb;}

.facilityCont .block .box 				{ padding: 35px 30px 30px;}

.facilityCont .block h3					{ text-align: center; letter-spacing: 0.2em;}
.facilityCont .block h3 span 			{ background: linear-gradient(transparent 75%, #ffff00 0%);}
.facilityCont .block h3:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 10px auto;}
.facilityCont .block h4	 				{ line-height: 2; padding: 0 0 30px 0; text-align: center; font-weight: normal; letter-spacing: 0.1em;}
.facilityCont .block .frame 			{ border: #000033 2px solid; padding: 18px 16px 18px 18px;}
.facilityCont .block .frame p			{ letter-spacing: 0.1em;}
	
/* historyCont */	
.historyCont 							{ background: url("../../img/sec/bg_history.jpg")no-repeat center center; background-size: cover; padding: 80px 0 110px 0;}
.historyCont .headBox 					{ text-align: center;}

.historyCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.historyCont .headBox h2 				{ padding: 0 0 60px 0; line-height: 1;}
	
.historyBox 							{ background-color: #fff; padding: 60px 100px 50px; box-sizing: border-box; color: #000033;}
	
.historyBox dl 							{ border-left: #ccc 1px solid; display: flex; letter-spacing: 0.08em;}
.historyBox dt 							{ display: block; width: 169px; padding: 17px 18px; box-sizing: border-box;}
.historyBox dd 							{ display: block; width: 589px; border-left: #ccc 1px solid; padding: 17px 0 17px 18px; box-sizing: border-box;}

/* companyCont  */
.companyCont 							{ padding: 90px 0 110px 0;}
.companyCont .headBox 					{ text-align: center;}	

.companyCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.companyCont .headBox h2 				{ padding: 0 0 60px 0; line-height: 1;}
	
.companyCont table.table_basic			{ box-sizing: border-box; border-bottom: #ccc 1px solid; border-collapse: collapse; color: #000033;}
.companyCont .table_basic th 			{ border-top: #ccc 1px solid; background: #efefef url("../../img/union/space_white.jpg") repeat-x left top; width: 170px; padding: 20px; font-weight: normal; box-sizing: border-box; letter-spacing: 0.1em;}
.companyCont .table_basic td 			{ border-top: #ccc 1px solid; padding: 20px; box-sizing: border-box; letter-spacing: 0.1em;}	
	
	

/* work
----------------------------------------------------------- */

/* occupationCont */
.occupationCont							{ background: url("../../img/sec/bg_occupation.jpg") no-repeat center center; background-size: cover; padding: 70px 0 50px 0;}
.occupationCont .headBox 				{ text-align: center;}

.occupationCont .headBox p:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.occupationCont .headBox h2 			{ padding: 0 0 50px 0; line-height: 1;}

.occupationCont p.txt01 				{ text-align: center; padding-bottom: 50px;}

.occupationCont .block 					{ background-color: #fff; width: 570px; color: #000033;}
.occupationCont .block:nth-child(2n) 	{ margin: 0 0 0 30px;}
.occupationCont .block,
.occupationCont .block:nth-child(2n) 	{ margin-bottom: 40px;}

.occupationCont .block:nth-child(1),
.occupationCont .block:nth-child(5) 	{ box-shadow: -10px 10px 0px 0px #fadfbf;}
.occupationCont .block:nth-child(2),
.occupationCont .block:nth-child(6) 	{ box-shadow: -10px 10px 0px 0px #b8d4fb;}
.occupationCont .block:nth-child(3) 	{ box-shadow: -10px 10px 0px 0px #b9eb88;}
.occupationCont .block:nth-child(4) 	{ box-shadow: -10px 10px 0px 0px #e3b8fb;}

.occupationCont .block .box 			{ padding: 35px 30px 30px;}

.occupationCont .block h3				{ text-align: center; letter-spacing: 0.2em;}
.occupationCont .block h3 span 			{ background: linear-gradient(transparent 75%, #ffff00 0%);}
.occupationCont .block h3:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 10px auto;}
.occupationCont .block h4	 			{ line-height: 2; padding: 0 0 30px 0; text-align: center; font-weight: normal; letter-spacing: 0.1em;}
.occupationCont .block .frame 			{ border: #000033 2px solid; padding: 18px 16px 18px 18px;}
.occupationCont .block .frame p			{ letter-spacing: 0.1em;}

/* schedule */
.scheduleCont								{ background-size: cover; padding: 90px 0 90px 0;}
.scheduleCont .headBox 						{ text-align: center;}

.scheduleCont .headBox p:after 				{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.scheduleCont .headBox h2 					{ padding: 0 0 80px 0; line-height: 1;}


	/* tab */
.tab-area 					{ cursor: pointer;}
.tab-area .tab 				{ width: 570px; text-align: center; box-sizing: border-box; border: #ffdfdf 2px solid; color: #000033; font-weight: bold; padding: 10px 0 0 0; margin: 0;}

	/* active */
.tab-area .tab.active 		{ background: #ffdfdf;}
.tab-area .tab.active:after 	{ content: ""; display: block; width: 20px; height: 13px; background: url("../../img/sec/arrow_b_pink.png") no-repeat center bottom; position: relative; left: 50%; bottom: -13px;}
	
.content-area 				{ }
.content-area .content 		{ display: none; margin-top: 54px;}
.content-area .content.show 	{ display: block;}


	/* tab */
.scheduleCont .tab-area 					{ cursor: pointer;}
.scheduleCont .tab-area .tab 				{ width: 570px; text-align: center; box-sizing: border-box; border: #ffdfdf 2px solid; color: #000033; font-weight: bold; padding: 10px 0 0 0; margin: 0;}

	/* active */
.scheduleCont .tab-area .tab.active 		{ background: #ffdfdf;}
.scheduleCont .tab-area .tab.active:after 	{ content: ""; display: block; width: 20px; height: 13px; background: url("../../img/sec/arrow_b_pink.png") no-repeat center bottom; position: relative; left: 50%; bottom: -13px;}
	
.scheduleCont .content-area 				{ }
.scheduleCont .content-area .content 		{ display: none; margin-top: 54px;}
.scheduleCont .content-area .content.show 	{ display: block;}
	
	
.scheduleCont .slide 						{ box-shadow: -5px 5px 0px 0px #f0f0f0; margin-bottom: 5px; color: #000033;}
.scheduleCont .slide .img 					{ width: 570px;}
.scheduleCont .slide .txt 					{ width: 570px; margin: 0 0 0 30px; letter-spacing: 0.08em;}

.scheduleCont .slide .txt .routineBox 		{ background: url("../../img/sec/icon_swipe.png") no-repeat 95% top; height: 90px;}
.scheduleCont .slide .txt .routineBox .num 	{ display: block; background-color: #6ac01e; color: #fff; font-weight: bold; text-decoration: none; width: 200px; height: 52px; line-height: 52px; text-align: center;}
.scheduleCont .slide .txt h3 				{ display: inline-block; margin: 0 0 30px 0; background: linear-gradient(transparent 95%, #6ac01e 0%);}
.scheduleCont .slide .txt p 				{ line-height: 2.2; padding: 0 23px 10px 0; letter-spacing: 0.02em;}
	
	/* dot */
.scheduleCont .slick-dots li.slick-active button:before  	{ color: #6ac01e !important;}	
	
/* careerup */	
.careerupCont								{ background: url("../../img/sec/bg_careerup.jpg") no-repeat center center; background-size: cover; padding: 90px 0 110px 0;}
.careerupCont .headBox 						{ text-align: center;}

.careerupCont .headBox p:after 				{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.careerupCont .headBox h2 					{ padding: 0 0 80px 0; line-height: 1;}

	/* tab */
.careerupCont .tab-area 					{ cursor: pointer;}
.careerupCont .tab-area .tab2 				{ width: 270px; height: 48px; line-height: 48px; text-align: center; box-sizing: border-box; color: #000033; font-weight: bold; margin: 0; background-color: #fff2ed;}

	/* active */
.careerupCont .tab-area .tab2.active2 		{ background: #fff;}
	
.careerupCont .content-area 				{ }
.careerupCont .content-area .content2 		{ display: none;}
.careerupCont .content-area .content2.show2 { display: block;}
	
.careerBox 									{ background-color: #fff; padding: 60px 100px 50px; box-sizing: border-box; color: #000033;}
	
.careerBox dl 								{ border-left: #ccc 1px solid; display: flex; letter-spacing: 0.08em;}
.careerBox dt 								{ display: block; width: 20%; padding: 17px 18px; box-sizing: border-box; text-align: center;font-weight: bold;}
.careerBox dd 								{ display: block; width: 80%; border-left: #ccc 1px solid; padding: 17px 0 17px 18px; box-sizing: border-box;}
	


/* font
----------------------------------------------------------- */
.mVsec .txt span 
										{ font-size: 60px;}
.mVsec .txt h1 
										{ font-size: 30px;}
.facilityCont   .block h3,
.occupationCont .block h3,
.scheduleCont .tab-area .tab,
.scheduleCont .slide .txt .routineBox .num,
.scheduleCont .slide .txt h3
										{ font-size: 24px;}
.facilityCont   p.txt01,
.occupationCont p.txt01,
.facilityCont   .block h4,
.occupationCont .block h4
										{ font-size: 20px;}
.pageNav li
										{ font-size: 18px;}
.scheduleCont .slide .txt p
										{ font-size: 14px;}


}

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

/* width
-----------------------------------------------------------  */
.tab-area,
.scheduleCont .tab-area
										{ margin: 0 auto; width: 96%;}
.content-area,
.scheduleCont .content-area
										{ margin: 0 auto; width: 96%;}
.historyBox,
.careerBox
										{ margin: 0 auto; width: 96%;}
.careerupCont .tab-area
										{ margin: 0 auto; width: 96%;}
.companyCont table.table_basic
										{ margin: 0 auto; width: 96%;}

	
/* mVsec
----------------------------------------------------------- */
.mVsec									{ background: url("../../img/sec/secmv.jpg") no-repeat center center; background-size: cover; height: 168px; text-align: center;}

.mVsec .txt 							{ position: relative; top: 136px;}
.mVsec .txt span 						{ font-weight: bold; line-height: 1;}
.mVsec .txt h1 							{ letter-spacing: 0.1em;}

/* color */
#about .mVsec .txt span 				{ color: #c9d50a;}
#work  .mVsec .txt span 				{ color: #0ac4d5;}



/* pageNav
----------------------------------------------------------- */
.pageNav 								{ margin: 112px 0 100px 0;}
.pageNav li 							{ background-color: #fa7c00; border-radius: 5px; width: 24%; margin: 0 0.5%;  box-sizing: border-box;}
.pageNav li a 							{ display: block; color: #fff; background: url("../../img/union/icon_arrow_b_white01.png") no-repeat 95% center; text-decoration: none; padding: 20px 18px; font-weight: bold; line-height: 1; letter-spacing: 0.1em;}



/* about
----------------------------------------------------------- */
	
/* facilityCont */
.facilityCont 							{ background: url("../../img/sec/bg_facility.jpg") no-repeat center center; background-size: cover; padding: 80px 0 50px 0;}
.facilityCont .headBox 					{ text-align: center;}

.facilityCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.facilityCont .headBox h2 				{ padding: 0 0 50px 0; line-height: 1;}

.facilityCont p.txt01 					{ text-align: center; padding-bottom: 50px;}

.facilityCont .block 					{ background-color: #fff; width: 48%; margin: 0 4% 0 0; color: #000033;}
.facilityCont .block .img 				{ display: flex; justify-content: center;}
.facilityCont .block:nth-child(2n) 		{ margin: 0;}
.facilityCont .block,
.facilityCont .block:nth-child(2n) 		{ margin-bottom: 30px;}

.facilityCont .block:nth-child(1),
.facilityCont .block:nth-child(5) 		{ box-shadow: -10px 10px 0px 0px #fadfbf;}
.facilityCont .block:nth-child(2),
.facilityCont .block:nth-child(6) 		{ box-shadow: -10px 10px 0px 0px #b8d4fb;}
.facilityCont .block:nth-child(3) 		{ box-shadow: -10px 10px 0px 0px #b9eb88;}
.facilityCont .block:nth-child(4) 		{ box-shadow: -10px 10px 0px 0px #e3b8fb;}

.facilityCont .block .box 				{ padding: 35px 30px 30px;}

.facilityCont .block h3					{ text-align: center; letter-spacing: 0.1em; line-height: 1.5;}
.facilityCont .block h3 span 			{ background: linear-gradient(transparent 75%, #ffff00 0%);}
.facilityCont .block h3:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 10px auto;}
.facilityCont .block h4	 				{ line-height: 2; padding: 0 0 30px 0; text-align: center; font-weight: normal; letter-spacing: 0.1em;}
.facilityCont .block .frame 			{ border: #000033 2px solid; padding: 18px 16px 18px 18px;}
.facilityCont .block .frame p			{ letter-spacing: 0.1em;}
	
/* historyCont */	
.historyCont 							{ background: url("../../img/sec/bg_history.jpg")no-repeat center center; background-size: cover; padding: 80px 0 110px 0;}
.historyCont .headBox 					{ text-align: center;}

.historyCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.historyCont .headBox h2 				{ padding: 0 0 60px 0; line-height: 1;}
	
.historyBox 							{ background-color: #fff; padding: 60px 40px 50px; box-sizing: border-box; color: #000033;}
	
.historyBox dl 							{ border-left: #ccc 1px solid; display: flex; letter-spacing: 0.08em;}
.historyBox dt 							{ display: block; width: 169px; padding: 17px 18px; box-sizing: border-box;}
.historyBox dd 							{ display: block; width: 589px; border-left: #ccc 1px solid; padding: 17px 0 17px 18px; box-sizing: border-box;}

/* companyCont  */
.companyCont 							{ padding: 90px 0 110px 0;}
.companyCont .headBox 					{ text-align: center;}	

.companyCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.companyCont .headBox h2 				{ padding: 0 0 60px 0; line-height: 1;}
	
.companyCont table.table_basic			{ box-sizing: border-box; border-bottom: #ccc 1px solid; border-collapse: collapse; color: #000033;}
.companyCont .table_basic th 			{ border-top: #ccc 1px solid; background: #efefef url("../../img/union/space_white.jpg") repeat-x left top; width: 170px; padding: 20px; font-weight: normal; box-sizing: border-box; letter-spacing: 0.1em;}
.companyCont .table_basic td 			{ border-top: #ccc 1px solid; padding: 20px; box-sizing: border-box; letter-spacing: 0.1em;}	
	
	

/* work
----------------------------------------------------------- */

/* occupationCont */
.occupationCont							{ background: url("../../img/sec/bg_occupation.jpg") no-repeat center center; background-size: cover; padding: 70px 0 50px 0;}
.occupationCont .headBox 				{ text-align: center;}

.occupationCont .headBox p:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.occupationCont .headBox h2 			{ padding: 0 0 50px 0; line-height: 1;}

.occupationCont p.txt01 				{ text-align: center; padding-bottom: 50px;}

.occupationCont .block 					{ background-color: #fff; width: 48%; margin: 0 4% 0 0; color: #000033;}
.occupationCont .block .img 			{ display: flex; justify-content: center;}
.occupationCont .block:nth-child(2n) 	{ margin: 0;}
.occupationCont .block,
.occupationCont .block:nth-child(2n) 	{ margin-bottom: 30px;}

.occupationCont .block:nth-child(1),
.occupationCont .block:nth-child(5) 	{ box-shadow: -10px 10px 0px 0px #fadfbf;}
.occupationCont .block:nth-child(2),
.occupationCont .block:nth-child(6) 	{ box-shadow: -10px 10px 0px 0px #b8d4fb;}
.occupationCont .block:nth-child(3) 	{ box-shadow: -10px 10px 0px 0px #b9eb88;}
.occupationCont .block:nth-child(4) 	{ box-shadow: -10px 10px 0px 0px #e3b8fb;}

.occupationCont .block .box 			{ padding: 35px 30px 30px;}

.occupationCont .block h3				{ text-align: center; letter-spacing: 0.2em;}
.occupationCont .block h3 span 			{ background: linear-gradient(transparent 75%, #ffff00 0%);}
.occupationCont .block h3:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 10px auto;}
.occupationCont .block h4	 			{ line-height: 2; padding: 0 0 30px 0; text-align: center; font-weight: normal; letter-spacing: 0.1em;}
.occupationCont .block .frame 			{ border: #000033 2px solid; padding: 18px 16px 18px 18px;}
.occupationCont .block .frame p			{ letter-spacing: 0.1em;}

/* schedule */
.scheduleCont								{ background-size: cover; padding: 90px 0 90px 0;}
.scheduleCont .headBox 						{ text-align: center;}

.scheduleCont .headBox p:after 				{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.scheduleCont .headBox h2 					{ padding: 0 0 80px 0; line-height: 1;}

	/* tab */
.tab-area 					{ cursor: pointer;}
.tab-area .tab 				{ width: 50%; text-align: center; box-sizing: border-box; border: #ffdfdf 2px solid; color: #000033; font-weight: bold; padding: 10px 0 0 0; margin: 0;}

	/* active */
.tab-area .tab.active 		{ background: #ffdfdf;}
.tab-area .tab.active:after 	{ content: ""; display: block; width: 20px; height: 13px; background: url("../../img/sec/arrow_b_pink.png") no-repeat center bottom; position: relative; left: 50%; bottom: -13px;}
	
.content-area 				{ }
.content-area .content 		{ display: none; margin-top: 54px;}
.content-area .content.show 	{ display: block;}


	/* tab */
.scheduleCont .tab-area 					{ cursor: pointer;}
.scheduleCont .tab-area .tab 				{ width: 50%; text-align: center; box-sizing: border-box; border: #ffdfdf 2px solid; color: #000033; font-weight: bold; padding: 10px 0 0 0; margin: 0;}

	/* active */
.scheduleCont .tab-area .tab.active 		{ background: #ffdfdf;}
.scheduleCont .tab-area .tab.active:after 	{ content: ""; display: block; width: 20px; height: 13px; background: url("../../img/sec/arrow_b_pink.png") no-repeat center bottom; position: relative; left: 50%; bottom: -13px;}
	
.scheduleCont .content-area 				{ }
.scheduleCont .content-area .content 		{ display: none; margin-top: 54px;}
.scheduleCont .content-area .content.show 	{ display: block;}
	
	
.scheduleCont .slide 						{ box-shadow: -5px 5px 0px 0px #f0f0f0; margin-bottom: 5px; color: #000033;}
.scheduleCont .slide .flex					{ display: block;}
.scheduleCont .slide .img 					{ width: 80%; margin: 0 auto;}
.scheduleCont .slide .txt 					{ width: 90%; margin: 15px auto 30px auto; letter-spacing: 0.08em;}

.scheduleCont .slide .txt .routineBox 		{ background: url("../../img/sec/icon_swipe.png") no-repeat 95% top; height: 70px;}
.scheduleCont .slide .txt .routineBox .num 	{ display: block; background-color: #6ac01e; color: #fff; font-weight: bold; text-decoration: none; width: 200px; height: 52px; line-height: 52px; text-align: center;}
.scheduleCont .slide .txt h3 				{ display: inline-block; margin: 0 0 15px 0; background: linear-gradient(transparent 95%, #6ac01e 0%);}
.scheduleCont .slide .txt p 				{ line-height: 2.2; padding: 0 0 10px 0; letter-spacing: 0.02em;}
	
	/* dot */
.scheduleCont .slick-dots li.slick-active button:before  	{ color: #6ac01e !important;}	
	
/* careerup */	
.careerupCont								{ background: url("../../img/sec/bg_careerup.jpg") no-repeat center center; background-size: cover; padding: 90px 0 110px 0;}
.careerupCont .headBox 						{ text-align: center;}

.careerupCont .headBox p:after 				{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.careerupCont .headBox h2 					{ padding: 0 0 80px 0; line-height: 1;}

	/* tab */
.careerupCont .tab-area 					{ cursor: pointer;}
.careerupCont .tab-area .tab2 				{ width: 270px; height: 48px; line-height: 48px; text-align: center; box-sizing: border-box; color: #000033; font-weight: bold; margin: 0; background-color: #fff2ed;}

	/* active */
.careerupCont .tab-area .tab2.active2 		{ background: #fff;}
	
.careerupCont .content-area 				{ }
.careerupCont .content-area .content2 		{ display: none;}
.careerupCont .content-area .content2.show2 { display: block;}
	
.careerBox 									{ background-color: #fff; padding: 60px 40px 50px; box-sizing: border-box; color: #000033;}
	
.careerBox dl 								{ border-left: #ccc 1px solid; display: flex; letter-spacing: 0.08em;}
.careerBox dt 								{ display: block; width:20%; padding: 17px 18px; box-sizing: border-box; text-align: center; font-weight: bold;}
.careerBox dd 								{ display: block; width:80%; border-left: #ccc 1px solid; padding: 17px 0 17px 18px; box-sizing: border-box;}
	


/* font
----------------------------------------------------------- */
.mVsec .txt span 
										{ font-size: 60px;}
.mVsec .txt h1 
										{ font-size: 30px;}
.facilityCont   .block h3,
.occupationCont .block h3,
.scheduleCont .tab-area .tab,
.scheduleCont .slide .txt .routineBox .num,
.scheduleCont .slide .txt h3
										{ font-size: 24px;}
.facilityCont   p.txt01,
.occupationCont p.txt01,
.facilityCont   .block h4,
.occupationCont .block h4
										{ font-size: 20px;}
.pageNav li
										{ font-size: 18px;}
.scheduleCont .slide .txt p
										{ font-size: 14px;}	
	
	
	
}



/* スマホ用スタイル */
@media screen and (max-width: 767px){
	
			/* width
			-----------------------------------------------------------  */
			.tab-area,
			.scheduleCont .tab-area
													{ margin: 0 auto; width: 96%;}
			.content-area,
			.scheduleCont .content-area
													{ margin: 0 auto; width: 96%;}
			.historyBox,
			.careerBox
													{ margin: 0 auto; width: 96%;}
			.careerupCont .tab-area
													{ margin: 0 auto; width: 96%;}
			.companyCont table.table_basic
													{ margin: 0 auto; width: 96%;}


			/* mVsec
			----------------------------------------------------------- */
			.mVsec									{ background: url("../../img/sec/secmv.jpg") no-repeat center center; background-size: cover; height: 100px; text-align: center;}

			.mVsec .txt 							{ position: relative; top: 75px;}
			.mVsec .txt span 						{ font-weight: bold; line-height: 1;}
			.mVsec .txt h1 							{ letter-spacing: 0.1em;}

			/* color */
			#about .mVsec .txt span 				{ color: #c9d50a;}
			#work  .mVsec .txt span 				{ color: #0ac4d5;}



			/* pageNav
			----------------------------------------------------------- */
			.pageNav 								{ margin: 7rem 0 3rem 0;}
			.pageNav ul 							{ display:  flex; justify-content: flex-start; flex-wrap: wrap;} 
			.pageNav li 							{ background-color: #fa7c00; border-radius: 5px; width: 49%; margin: 0 2% 0.5rem 0; display: block;  box-sizing: border-box;}
			.pageNav li:nth-child(2n) 				{ margin-right: 0;}
			.pageNav li a 							{ display: block; color: #fff; background: url("../../img/union/icon_arrow_b_white01.png") no-repeat 95% center; text-decoration: none; padding: 20px 18px; font-weight: bold; line-height: 1; letter-spacing: 0.1em;}



			/* about
			----------------------------------------------------------- */

			/* facilityCont */
			.facilityCont 							{ background: url("../../img/sec/bg_facility.jpg") no-repeat center center; background-size: cover; padding: 4rem 0 3rem 0;}
			.facilityCont .headBox 					{ text-align: center;}

			.facilityCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
			.facilityCont .headBox h2 				{ padding: 0 0 3rem 0; line-height: 1;}

			.facilityCont p.txt01 					{ text-align: center; padding-bottom: 3rem;}

			.facilityCont .block 					{ background-color: #fff; width: 90%; margin: 0 auto 2rem auto; color: #000033;}
			.facilityCont .block .img 				{ display: flex; justify-content: center;}
			.facilityCont .block:nth-child(2n) 		{ }
			.facilityCont .block,
			.facilityCont .block:nth-child(2n) 		{ }

			.facilityCont .block:nth-child(1),
			.facilityCont .block:nth-child(5) 		{ box-shadow: -10px 10px 0px 0px #fadfbf;}
			.facilityCont .block:nth-child(2),
			.facilityCont .block:nth-child(6) 		{ box-shadow: -10px 10px 0px 0px #b8d4fb;}
			.facilityCont .block:nth-child(3) 		{ box-shadow: -10px 10px 0px 0px #b9eb88;}
			.facilityCont .block:nth-child(4) 		{ box-shadow: -10px 10px 0px 0px #e3b8fb;}

			.facilityCont .block .box 				{ padding: 3rem 2rem 2rem;}

			.facilityCont .block h3					{ text-align: center; letter-spacing: 0.1em; line-height: 1.5;}
			.facilityCont .block h3 span 			{ background: linear-gradient(transparent 75%, #ffff00 0%);}
			.facilityCont .block h3:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 1rem auto 0.5rem auto;}
			.facilityCont .block h4	 				{ line-height: 2; padding: 0 0 2rem 0; text-align: center; font-weight: normal; letter-spacing: 0.1em;}
			.facilityCont .block .frame 			{ border: #000033 2px solid; padding: 1.5rem 1.5rem 1.5rem 1.5rem;}
			.facilityCont .block .frame p			{ letter-spacing: 0.1em;}

			/* historyCont */	
			.historyCont 							{ background: url("../../img/sec/bg_history.jpg")no-repeat center center; background-size: cover; padding: 4rem 0 4rem 0;}
			.historyCont .headBox 					{ text-align: center;}

			.historyCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
			.historyCont .headBox h2 				{ padding: 0 0 3rem 0; line-height: 1;}

			.historyBox 							{ background-color: #fff; padding: 3rem 1.5rem 3rem; box-sizing: border-box; color: #000033;}

			.historyBox dl 							{ border-left: #ccc 1px solid; display: flex; letter-spacing: 0.08em;}
			.historyBox dt 							{ display: block; width: 30%; padding: 1rem 1rem; box-sizing: border-box;}
			.historyBox dd 							{ display: block; width: 70%; border-left: #ccc 1px solid; padding: 1rem 0 1rem 1rem; box-sizing: border-box;}

			/* companyCont  */
			.companyCont 							{ padding: 4rem 0 3rem 0;}
			.companyCont .headBox 					{ text-align: center;}	

			.companyCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
			.companyCont .headBox h2 				{ padding: 0 0 3rem 0; line-height: 1;}

			.companyCont table.table_basic			{ box-sizing: border-box; border-bottom: #ccc 1px solid; border-collapse: collapse; color: #000033;}
			.companyCont .table_basic th 			{ border-top: #ccc 1px solid; background: #efefef url("../../img/union/space_white.jpg") repeat-x left top; width: 30%; padding: 1rem; font-weight: normal; box-sizing: border-box; letter-spacing: 0.1em;}
			.companyCont .table_basic td 			{ border-top: #ccc 1px solid; padding: 1rem; box-sizing: border-box; letter-spacing: 0.1em;}



			/* work
			----------------------------------------------------------- */

			/* occupationCont */
			.occupationCont							{ background: url("../../img/sec/bg_occupation.jpg") no-repeat center center; background-size: cover; padding: 4rem 0 3rem 0;}
			.occupationCont .headBox 				{ text-align: center;}

			.occupationCont .headBox p:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 1rem auto 0.5rem auto;}
			.occupationCont .headBox h2 			{ padding: 0 0 3rem 0; line-height: 1;}

			.occupationCont p.txt01 				{ text-align: center; padding-bottom: 3rem;}

			.occupationCont .block 					{ background-color: #fff; width: 90%; margin: 0 auto 2rem auto; color: #000033;}
			.occupationCont .block .img 			{ display: flex; justify-content: center;}
			.occupationCont .block:nth-child(2n) 	{ }
			.occupationCont .block,
			.occupationCont .block:nth-child(2n) 	{ }

			.occupationCont .block:nth-child(1),
			.occupationCont .block:nth-child(5) 	{ box-shadow: -10px 10px 0px 0px #fadfbf;}
			.occupationCont .block:nth-child(2),
			.occupationCont .block:nth-child(6) 	{ box-shadow: -10px 10px 0px 0px #b8d4fb;}
			.occupationCont .block:nth-child(3) 	{ box-shadow: -10px 10px 0px 0px #b9eb88;}
			.occupationCont .block:nth-child(4) 	{ box-shadow: -10px 10px 0px 0px #e3b8fb;}

			.occupationCont .block .box 			{ padding: 3rem 2rem 2rem;}

			.occupationCont .block h3				{ text-align: center; letter-spacing: 0.1em; line-height: 1.5;}
			.occupationCont .block h3 span 			{ background: linear-gradient(transparent 75%, #ffff00 0%);}
			.occupationCont .block h3:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 10px auto;}
			.occupationCont .block h4	 			{ line-height: 2; padding: 0 0 2rem 0; text-align: center; font-weight: normal; letter-spacing: 0.1em;}
			.occupationCont .block .frame 			{ border: #000033 2px solid; padding: 1.5rem 1.5rem 1.5rem 1.5rem;}
			.occupationCont .block .frame p			{ letter-spacing: 0.1em;}

			/* schedule */
			.scheduleCont								{ background-size: cover; padding: 4rem 0 3rem 0;}
			.scheduleCont .headBox 						{ text-align: center;}

			.scheduleCont .headBox p:after 				{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
			.scheduleCont .headBox h2 					{ padding: 0 0 3rem 0; line-height: 1;}

				/* tab */
			.tab-area 					{ cursor: pointer;}
			.tab-area .flex 				{ display: flex; justify-content: space-between;}
			.tab-area .tab 				{ width: 50%; text-align: center; box-sizing: border-box; border: #ffdfdf 2px solid; color: #000033; font-weight: bold; padding: 10px 0 0 0; margin: 0;}

				/* active */
			.tab-area .tab.active 		{ background: #ffdfdf;}
			.tab-area .tab.active:after 	{ content: ""; display: block; width: 20px; height: 13px; background: url("../../img/sec/arrow_b_pink.png") no-repeat center bottom; position: relative; left: 50%; bottom: -13px;}

			.content-area 				{ }
			.content-area .content 		{ display: none; margin-top: 54px;}
			.content-area .content.show 	{ display: block;}

				/* tab */
			.scheduleCont .tab-area 					{ cursor: pointer;}
			.scheduleCont .tab-area .flex 				{ display: flex; justify-content: space-between;}
			.scheduleCont .tab-area .tab 				{ width: 50%; text-align: center; box-sizing: border-box; border: #ffdfdf 2px solid; color: #000033; font-weight: bold; padding: 10px 0 0 0; margin: 0;}

				/* active */
			.scheduleCont .tab-area .tab.active 		{ background: #ffdfdf;}
			.scheduleCont .tab-area .tab.active:after 	{ content: ""; display: block; width: 20px; height: 13px; background: url("../../img/sec/arrow_b_pink.png") no-repeat center bottom; position: relative; left: 50%; bottom: -13px;}

			.scheduleCont .content-area 				{ }
			.scheduleCont .content-area .content 		{ display: none; margin-top: 54px;}
			.scheduleCont .content-area .content.show 	{ display: block;}


			.scheduleCont .slide 						{ box-shadow: -5px 5px 0px 0px #f0f0f0; margin-bottom: 5px; color: #000033;}
			.scheduleCont .slide .img 					{ width: 90%; margin: 0 auto;}
			.scheduleCont .slide .txt 					{ width: 90%; margin: 1rem auto 2rem auto; letter-spacing: 0.08em;}

			.scheduleCont .slide .txt .routineBox 		{ background: url("../../img/sec/icon_swipe.png") no-repeat 95% top; height: 70px;}
			.scheduleCont .slide .txt .routineBox .num 	{ display: block; background-color: #6ac01e; color: #fff; font-weight: bold; text-decoration: none; width: 200px; height: 52px; line-height: 52px; text-align: center;}
			.scheduleCont .slide .txt h3 				{ display: inline-block; margin: 0 0 2rem 0; background: linear-gradient(transparent 95%, #6ac01e 0%);}
			.scheduleCont .slide .txt p 				{ line-height: 2.2; padding: 0 0 1rem 0; letter-spacing: 0.02em;}
	
				/* dot */
			.scheduleCont .slick-dots li.slick-active button:before  	{ color: #6ac01e !important;}	

			/* careerup */	
			.careerupCont								{ background: url("../../img/sec/bg_careerup.jpg") no-repeat center center; background-size: cover; padding: 4rem 0 3rem 0;}
			.careerupCont .headBox 						{ text-align: center;}

			.careerupCont .headBox p:after 				{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
			.careerupCont .headBox h2 					{ padding: 0 0 3rem 0; line-height: 1;}

				/* tab */
			.careerupCont .tab-area 					{ cursor: pointer;}
			.careerupCont .tab-area .flex 				{ display: flex; justify-content: space-between;}
			.careerupCont .tab-area .tab2 				{ width: 32%; margin: 0 2% 0 0; height: 48px; line-height: 48px; text-align: center; box-sizing: border-box; color: #000033; font-weight: bold; background-color: #fff2ed;}
			.careerupCont .tab-area .tab2:nth-child(3) 	{ margin: 0;}
	
				/* active */
			.careerupCont .tab-area .tab2.active2 		{ background: #fff;}

			.careerupCont .content-area 				{ }
			.careerupCont .content-area .content2 		{ display: none;}
			.careerupCont .content-area .content2.show2 { display: block;}

			.careerBox 									{ background-color: #fff; padding: 3rem 1.5rem 3rem; box-sizing: border-box; color: #000033;}

			.careerBox dl 								{ border-left: #ccc 1px solid; display: flex; letter-spacing: 0.08em;}
			.careerBox dt 								{ display: block; width: 30%; padding: 1rem 1rem; box-sizing: border-box;font-weight: bold;}
			.careerBox dd 								{ display: block; width: 70%; border-left: #ccc 1px solid; padding: 1rem 0 1rem 1rem; box-sizing: border-box;}


			/* font
			----------------------------------------------------------- */
			.mVsec .txt span 
													{ font-size: 4.0rem;}
			.mVsec .txt h1 
													{ font-size: 2.4rem;}
			.facilityCont   .block h3,
			.occupationCont .block h3,
			.scheduleCont .slide .txt .routineBox .num,
			.scheduleCont .slide .txt h3
													{ font-size: 2.2rem;}
			.scheduleCont .tab-area .tab
													{ font-size: 1.8rem;}
	
			.facilityCont   p.txt01,
			.occupationCont p.txt01,
			.facilityCont   .block h4,
			.occupationCont .block h4
													{ font-size: 1.6rem;}
			.pageNav li
													{ font-size: 1.6rem;}
			.scheduleCont .slide .txt p
													{ font-size: 1.4rem;}



}



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




	
}