@charset "UTF-8";



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

  sec

------------------------------------------ */
/* font family
----------------------------------------------------------- */
.sec #mainImg h1,
#companyInfoCont h2,
#singleCont h2
										{ font-family: Arial, Helvetica, "sans-serif";}

/* head h2 */
#companyInfoCont h2,
#singleCont h2 					{ color: #222; border-bottom: #222 2px solid; margin-bottom: 45px; line-height: 1.5; }
#companyInfoCont h2	span,
#singleCont h2 span				{ font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif; padding-left: 12px;}

/* breadcrumb
----------------------------------------------------------- */	
.breadcrumb {}

/* mainImg
----------------------------------------------------------- */	
.sec #mainImg 								{ width: 100%; background: url(../../img/sec/sec_mainimg.jpg) no-repeat center top; background-size: cover; text-align: center; color: #fff; min-height: 250px; margin-bottom: 100px;}
.sec #mainImg 								{ position: relative;}
.sec #mainImg h1							{ position: absolute; top: 50%; left: 50%; transform: translateY(-40%) translateX(-50%); -webkit- transform: translateY(-40%) translateX(-50%); width: 100%; font-size: 34px; }
.sec #mainImg p								{ position: absolute; top: 53%; left: 50%; transform: translateY(-53%) translateX(-50%); -webkit- transform: translateY(-53%) translateX(-50%); width: 100%;}
.sec #mainImg div.btn						{ position: absolute; top: 65%; left: 50%; transform: translateY(-65%) translateX(-50%); -webkit- transform: translateY(-65%) translateX(-50%);}
.sec #mainImg div.btn a 					{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 30px 6px 30px; display: block; color: #fff;}
.sec #mainImg div.btn a:hover 				{ background-color: #000; border: #000 1px solid; }

/* company.html
----------------------------------------------------------- */	
#companyInfoCont .inner 	{ margin-bottom: 80px; }
#companyInfoCont p { margin-bottom: 20px; line-height: 2.0; }
table.style { width: 100%; }
table.style tbody {}
table.style tbody tr { display: block; border-bottom: 1px solid #CCC; padding:20px; }
table.style tbody tr:nth-child(even) { background-color: #fdfeff; }
table.style tbody tr:last-child { border-bottom: 1px solid #CCC; }
table.style tbody tr th { width: 150px; }
table.style tbody tr td {}

#companyInfoCont ul.wish4goal 				{ margin-bottom: 40px;}
#companyInfoCont ul.wish4goal li 			{ float: left; width: 238px; min-height: 238px; margin-right: 16px; background-color: #efefef; padding: 30px 18px 0 22px; box-sizing: border-box; text-align: center;}
#companyInfoCont ul.wish4goal li:last-child { margin-right: 0px;}
#companyInfoCont li span.goal 				{ font-weight: bold; letter-spacing: -0.02em; line-height: 1.5;}
#companyInfoCont li:first-letter 			{ color: #00a0e9;}
#companyInfoCont li h3 						{ padding-bottom: 16px;}
#companyInfoCont li p 						{ line-height: 1.5; text-align: left; padding-bottom: 0;}
#companyInfoCont li p span 					{ display: block;}
#companyInfoCont li p span.txt01			{ /*padding-top: 20px;*/}
#companyInfoCont li p span.txt02			{ /*padding-top: 30px;*/ text-align: center;}

/* recruit.html
----------------------------------------------------------- */	
.recruit table.style tbody tr th { width: 350px; }


/* single
----------------------------------------------------------- */	
#singleCont .inner 		{ margin-bottom: 80px; }
#singleCont h3 			{ margin-bottom: 30px; margin-top:30px; }
#singleCont h4 			{}
#singleCont h5 			{}
#singleCont img 		{ width: 100%; height: auto; }
#singleCont ul,
#singleCont ol 			{}
#singleCont ul li,
#singleCont ol li 		{ list-style-type: disc; list-style-position: outside; margin-left: 20px; margin-bottom: 10px; line-height: 1.8; }
#singleCont ol li { list-style-type: decimal; }
.single 				{}
.single p 				{ margin-bottom: 20px; line-height: 1.8; }



/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
#companyInfoCont h2,
#singleCont h2 				{ font-size: 50px; }
#companyInfoCont li span.goal 	{ font-size: 30px; }
#companyInfoCont li h3 			{ font-size: 20px;}
#companyInfoCont h2 span,
#singleCont h2 span 		{ font-size: 17px; }
#companyInfoCont p,
#singleCont h3 				{ font-size: 18px; }
#singleCont p 				{ font-size: 14px; }

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


#companyInfoCont ul.wish4goal li 			{ float: left; width: 49%; min-height: 230px; margin-right: 2%; margin-bottom: 2%; background-color: #efefef; padding: 30px 28px 30px 32px; box-sizing: border-box; text-align: center;}
#companyInfoCont ul.wish4goal li:nth-child(2n),
#companyInfoCont ul.wish4goal li:last-child { margin-right: 0px;}

/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
#mainImg h1 		{ font-size: 80px;}

}


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

			/* head h2 */
			#companyInfoCont h2,
			#singleCont h2				{ color: #222; border-bottom: #222 2px solid; margin-bottom: 2rem; line-height: 1.3; padding-bottom: 1rem;}
			#companyInfoCont h2 span,
			#singleCont h2 span			{ font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif; display: block; padding-left: 0.3rem}

			/* mainImg
			----------------------------------------------------------- */	
			.sec #mainImg 								{ width: 100%; background: url(../../img/sec/sec_mainimg.jpg) no-repeat center top; background-size: cover; text-align: center; color: #fff; min-height: 150px; margin-bottom: 30px;}
			.sec #mainImg 								{ position: relative;}
			.sec #mainImg h1							{ position: absolute; top: 44%; left: 50%; transform: translateY(-30%) translateX(-50%); -webkit- transform: translateY(-30%) translateX(-50%); width: 100%; font-size: 3.2rem;}
			.sec #mainImg p								{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); width: 100%; line-height: 1.5;}
			.sec #mainImg div.btn						{ position: absolute; top: 75%; left: 50%; transform: translateY(-75%) translateX(-50%); -webkit- transform: translateY(-75%) translateX(-50%);}
			.sec #mainImg div.btn a 						{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 30px 6px 30px; display: block; color: #fff; width: 260px; box-sizing: border-box;}
			.sec #mainImg div.btn a:hover 				{ background-color: #000; border: #000 1px solid; }


			/* company.html
			----------------------------------------------------------- */	
			#companyInfoCont .inner 	{ margin-bottom: 40px; }

			#companyInfoCont p 							{ font-weight: bold; padding-bottom: 2rem;}
			#companyInfoCont ul.wish4goal 				{ margin-bottom: 2rem;}
			#companyInfoCont ul.wish4goal li 			{ width: 100%; margin-bottom: 2%; background-color: #efefef; padding: 2rem 2rem; box-sizing: border-box; text-align: center;}
	
			#companyInfoCont li span.goal 				{ font-weight: bold; letter-spacing: -0.02em; line-height: 1.5;}
			#companyInfoCont li:first-letter 			{ color: #00a0e9;}
			#companyInfoCont li h3 						{ padding-bottom: 1rem;}
			#companyInfoCont li p 						{ line-height: 1.5; text-align: center; padding-bottom: 0;}
			#companyInfoCont li p span 					{ display: block;}
			#companyInfoCont li p span.txt01			{ }
			#companyInfoCont li p span.txt02			{ text-align: center;}

			table.style { width: 100%; }
			table.style tbody {}
			table.style tbody tr { display: block; border-top: 1px solid #CCC; padding:20px; }
			table.style tbody tr:nth-child(even) { background-color: #fdfeff; }
			table.style tbody tr:last-child { border-bottom: 1px solid #CCC; }
			table.style tbody tr th { width: 100%; display: block; }
			table.style tbody tr td {}

			/* recruit.html
			----------------------------------------------------------- */	
			.recruit table.style tbody tr th { width: 100%; }

			/* font
			----------------------------------------------------------- */
			/* basic font-size: 14px; */
			#mainImg h1 							{ font-size: 3.0rem;}
			#companyInfoCont h2,
			#singleCont h2,
			#companyInfoCont li span.goal 				{ font-size: 2.8rem;}

			.sec p 									{ font-size: 2.0rem;}
			#mainImg p 								{ font-size: 1.8rem;}
			#companyCont li h3 						{ font-size: 1.8rem;}
			#companyInfoCont h2 span,
			#singleCont h2	span					{ font-size: 1.2rem;}

}