@charset "UTF-8";



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

  top

------------------------------------------ */
/* top
-----------------------------------------------------------  */


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

/* link move
----------------------------------------------------------- */

	
	
	
/* mV
----------------------------------------------------------- */
.mV 										{ position: relative;}
.mV .txt									{ position: absolute; top: 48%; left: 50%; z-index: 9999; text-align: left; font-weight: bold; letter-spacing: 0.2em; margin-left: -30%;}
.mV .txt p  								{ line-height: 2; color: #3a3a3a;}
.mV .txt p span.line						{ display: inline; background: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 0%); padding: 0 0 3px 10px;}
.mV .txt p span.color						{ color: #6ac01e;}

#slide01 img 								{ width: 100%; height: 100%; margin: 0 auto;}
	


/* worksCont
----------------------------------------------------------- */
.worksCont 									{ padding: 70px 0 100px 0; text-align: left;}
.worksCont .txt 							{ width: 570px;}
.worksCont .img 							{ width: 570px; margin: 0 0 0 30px;}
.worksCont .img img 						{ box-shadow: -10px 10px 0px 0px #dbfabf;}
	
.worksCont .headBox p:after 				{ content: ""; display: block; width: 160px; height: 2px; background-color: #fa9f00; margin: 10px 0 20px 0;}
.worksCont .txt .txt01 p 					{ padding: 0 0 20px 0; line-height: 2;}



/* communicationCont
----------------------------------------------------------- */
.communicationCont 							{ background: url("../../img/top/bg_communication.jpg") no-repeat center center; background-size: cover; padding: 80px 0 100px 0;}
.communicationCont .headBox 				{ text-align: center;}

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

.communicationCont .block 					{ background-color: #fff; width: 570px; color: #000033;}
.communicationCont .block:nth-child(2) 		{ margin: 0 0 0 30px;}

.communicationCont .block:nth-child(1) 		{ box-shadow: -10px 10px 0px 0px #fadfbf;}
.communicationCont .block:nth-child(2) 		{ box-shadow: -10px 10px 0px 0px #b8d4fb;}

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

.communicationCont .block h3				{ text-align: center; letter-spacing: 0.08em;}
.communicationCont .block h3:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 30px auto;}
.communicationCont .block p	 				{ line-height: 2; padding: 0 0 20px 0;}

.communicationCont .block ul 				{ border: #000033 2px solid; padding: 18px 0 18px 16px;}
.communicationCont .block ul li				{ display: block; width: 222px; margin: 0 16px 0 0; padding: 0 0 15px 28px; box-sizing: border-box; background: url("../../img/union/icon_check01.png") no-repeat left 3px; line-height: 1.5; letter-spacing: 0.02em;}



/* interviewCont
----------------------------------------------------------- */
.interviewCont 								{ padding: 80px 0 70px 0;}
.interviewCont .headBox 					{ text-align: center;}
	
.interviewCont .headBox p:after 			{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.interviewCont .headBox h2 					{ padding: 0 0 70px 0; line-height: 1;}
	
.interviewCont .slide 						{ background-color: #fff; box-shadow: -5px 5px 0px 0px #f0f0f0; margin-bottom: 5px; color: #000033;}
.interviewCont .slide .img 					{ width: 570px;}
.interviewCont .slide .txt 					{ width: 570px; margin: 0 0 0 30px; letter-spacing: 0.08em;}

.interviewCont .slide .txt h3 				{ padding: 20px 0 20px 0;}
.interviewCont .slide .txt .name .kana 		{ color: #979797; display: inline-block; padding: 0 0 3px 0;}
.interviewCont .slide .txt .name h4 		{}
.interviewCont .slide .txt .name h4:after 	{ content: ""; display: block; width: 300px; height: 2px; background-color: #6ac01e; margin: 10px 0 25px 0;}
.interviewCont .slide .txt p 				{ line-height: 1.9; padding: 0 0 30px 0; letter-spacing: 0.02em;}
	
.interviewCont .slide .txt .btn a 			{ display: block; background-color: #6ac01e; color: #fff; font-weight: bold; text-decoration: none; width: 136px; height: 34px; line-height: 34px; text-align: center;}

.slick-dots li.slick-active button:before  	{ color: #6ac01e !important;}



/* graphCont
----------------------------------------------------------- */
.graphCont 									{ background: url("../../img/top/bg_interview.jpg") no-repeat center center; background-size: cover; padding: 70px 0 0 0;}
	
.graphCont h2 								{ color: #000033; text-align: center; margin: 0 0 40px 0; letter-spacing: 0.08em;}

.graphCont .top ul li:nth-child(2) 			{ margin: 0 116px;}
.graphCont .bottom ul li 					{ margin: 0 58px 70px 58px;}

.graphCont ul li 							{ margin: 0 0 70px 0; width: 284px; color: #333c4e;}
.graphCont ul li .img 						{ display: block; margin-bottom: 30px;}
.graphCont ul li h3 						{ text-align: center; padding: 0 0 20px 0;} 	
.graphCont ul li .txt 						{ display: inline-block; line-height: 1.8;}
	


/* font
----------------------------------------------------------- */

.mV .txt
										{ font-size: 32px;}
.graphCont h2 
										{ font-size: 30px;}
.communicationCont .block h3,
.interviewCont .slide .txt h3,
.interviewCont .slide .txt .name h4
										{ font-size: 24px;}
.graphCont ul li h3
										{ font-size: 20px;}
.interviewCont .slide .txt .name .kana,
.interviewCont .slide .txt p,
.graphCont ul li .txt
										{ font-size: 14px;}
.interviewCont .slide .txt .btn a
										{ font-size: 12px;}



}

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

/* mV
----------------------------------------------------------- */
.mV .txt								{ position: absolute; top: 40%; left: 50%; z-index: 9999; text-align: left; font-weight: bold; letter-spacing: 0.2em; margin-left: -30%;}


/* font
----------------------------------------------------------- */

.mV .txt
										{ font-size: 28px;}

}

/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1200px) {	
	
/* mV
----------------------------------------------------------- */
.mV 									{ position: relative;}
.mV .txt								{ position: absolute; top: 35%; left: 50%; z-index: 9999; text-align: left; font-weight: bold; letter-spacing: 0.2em; margin-left: -30%;}
.mV .txt p  							{ line-height: 2; color: #3a3a3a;}
.mV .txt p span.line					{ display: inline; background: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 0%); padding: 0 0 3px 10px;}
.mV .txt p span.color					{ color: #6ac01e;}

#slide01 img 							{ width: 100%; height: 100%; margin: 0 auto;}
	


/* worksCont
----------------------------------------------------------- */
.worksCont 								{ padding: 70px 0 100px 0; text-align: left;}
.worksCont .txt 						{ width: 50%;}
.worksCont .img 						{ width: 47%; margin: 0 0 0 3%;}
.worksCont .img img 					{ box-shadow: -10px 10px 0px 0px #dbfabf;}

.worksCont .headBox p:after 			{ content: ""; display: block; width: 160px; height: 2px; background-color: #fa9f00; margin: 10px 0 20px 0;}
.worksCont .txt .txt01 p 				{ padding: 0 0 20px 0; line-height: 2;}



/* communicationCont
----------------------------------------------------------- */
.communicationCont 						{ background: url("../../img/top/bg_communication.jpg") no-repeat center center; background-size: cover; padding: 80px 0 100px 0;}
.communicationCont .headBox 			{ text-align: center;}

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

.communicationCont .block 				{ background-color: #fff; width: 48%; color: #000033;}
.communicationCont .block:nth-child(2) 	{ margin: 0 0 0 4%;}

.communicationCont .block:nth-child(1) 	{ box-shadow: -10px 10px 0px 0px #fadfbf;}
.communicationCont .block:nth-child(2) 	{ box-shadow: -10px 10px 0px 0px #b8d4fb;}

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

.communicationCont .block h3			{ text-align: center; letter-spacing: 0.08em;}
.communicationCont .block h3:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 30px auto;}
.communicationCont .block p	 			{ line-height: 2; padding: 0 0 20px 0;}

.communicationCont .block ul 			{ border: #000033 2px solid; padding: 18px 0 18px 16px;}
.communicationCont .block ul li			{ display: block; width: 100%; margin: 0 16px 0 0; padding: 0 0 15px 28px; box-sizing: border-box; background: url("../../img/union/icon_check01.png") no-repeat left 3px; line-height: 1.5; letter-spacing: 0.02em;}



/* interviewCont
----------------------------------------------------------- */
.interviewCont 							{ padding: 80px 0 70px 0;}
.interviewCont .headBox 				{ text-align: center;}
	
.interviewCont .headBox p:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #fa9f00; margin: 10px auto 15px auto;}
.interviewCont .headBox h2 				{ padding: 0 0 70px 0; line-height: 1;}
	
.interviewCont .slide 					{ background-color: #fff; box-shadow: -5px 5px 0px 0px #f0f0f0; margin-bottom: 5px; color: #000033;}
.interviewCont .slide .img 				{ width: 47%;}
.interviewCont .slide .txt 				{ width: 47%; margin: 0 3% 20px 3%; letter-spacing: 0.08em;}

.interviewCont .slide .txt h3 			{ padding: 0 0 10px 0;}
.interviewCont .slide .txt .name .kana 	{ color: #979797; display: inline-block; padding: 0 0 3px 0;}
.interviewCont .slide .txt .name h4 	{}
.interviewCont .slide .txt .name h4:after 	{ content: ""; display: block; width: 100%; height: 2px; background-color: #6ac01e; margin: 5px 0 15px 0; box-sizing: border-box;}
.interviewCont .slide .txt p 			{ line-height: 1.9; padding: 0 0 20px 0; letter-spacing: 0.02em;}
	
.interviewCont .slide .txt .btn a 		{ display: block; background-color: #6ac01e; color: #fff; font-weight: bold; text-decoration: none; width: 136px; height: 34px; line-height: 34px; text-align: center;}

.slick-dots li.slick-active button:before  	{ color: #6ac01e !important;}



/* graphCont
----------------------------------------------------------- */
.graphCont 								{ background: url("../../img/top/bg_interview.jpg") no-repeat center center; background-size: cover; padding: 70px 0 0 0;}
	
.graphCont h2 							{ color: #000033; text-align: center; margin: 0 0 40px 0; letter-spacing: 0.08em;}

.graphCont .top ul li:nth-child(2) 		{ margin: 0 40px;}
.graphCont .bottom ul li 				{ margin: 0 20px 30px 20px;}

.graphCont ul li 						{ margin: 0 0 30px 0; width: 200px; color: #333c4e;}
.graphCont ul li .img 					{ display: block; margin-bottom: 30px;}
.graphCont ul li h3 					{ text-align: center; padding: 0 0 20px 0;} 	
.graphCont ul li .txt 					{ display: inline-block; line-height: 1.8;}
	


/* font
----------------------------------------------------------- */

.mV .txt
										{ font-size: 20px;}
.graphCont h2 
										{ font-size: 30px;}
.communicationCont .block h3,
.interviewCont .slide .txt h3,
.interviewCont .slide .txt .name h4
										{ font-size: 24px;}
.graphCont ul li h3
										{ font-size: 20px;}
.interviewCont .slide .txt .name .kana,
.interviewCont .slide .txt p,
.graphCont ul li .txt
										{ font-size: 14px;}
.interviewCont .slide .txt .btn a
										{ font-size: 12px;}

	
}



/* スマホ用スタイル */
@media screen and (max-width: 767px){
	
			/* mV
			----------------------------------------------------------- */
			.mV 									{ position: relative;}
			.mV .txt								{ position: absolute; top: 50%; left: 50%; z-index: 9999; text-align: left; font-weight: bold; letter-spacing: 0.1em; margin-left: -45%;}
			.mV .txt p  							{ line-height: 2; color: #3a3a3a;}
			.mV .txt p span.line					{ display: inline; background: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 0%); padding: 0 0 3px 10px;}
			.mV .txt p span.color					{ color: #6ac01e;}

			#slide01 img 							{ width: 100%; height: 100%; margin: 0 auto;}



			/* worksCont
			----------------------------------------------------------- */
			.worksCont 								{ padding: 3rem 0 5rem 0; text-align: left;}
			.worksCont .inner						{ width: 80%;}
			.worksCont .txt 						{ }
			.worksCont .img 						{ margin: 0;}
			.worksCont .img img 					{ box-shadow: -10px 10px 0px 0px #dbfabf;}

			.worksCont .headBox p:after 			{ content: ""; display: block; width: 160px; height: 2px; background-color: #fa9f00; margin: 1rem 0 2rem 0;}
			.worksCont .txt .txt01 p 				{ padding: 0 0 2rem 0; line-height: 2;}



			/* communicationCont
			----------------------------------------------------------- */
			.communicationCont 						{ background: url("../../img/top/bg_communication.jpg") no-repeat center center; background-size: cover; padding: 5rem 0 5rem 0;}
			.communicationCont .headBox 			{ text-align: center;}

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

			.communicationCont .block 				{ background-color: #fff; color: #000033; margin: 0 auto 4rem auto; width: 90%;}

			.communicationCont .block:nth-child(1) 	{ box-shadow: -10px 10px 0px 0px #fadfbf;}
			.communicationCont .block:nth-child(2) 	{ box-shadow: -10px 10px 0px 0px #b8d4fb;}

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

			.communicationCont .block h3			{ text-align: center; letter-spacing: 0.08em;}
			.communicationCont .block h3:after 		{ content: ""; display: block; width: 54px; height: 2px; background-color: #115fad; margin: 5px auto 30px auto;}
			.communicationCont .block p	 			{ line-height: 2; padding: 0 0 2rem 0;}

			.communicationCont .block ul 			{ border: #000033 2px solid; padding: 18px 0 18px 16px;}
			.communicationCont .block ul li			{ display: block; width: 100%; margin: 0 16px 0 0; padding: 0 1rem 1rem 2.8rem; box-sizing: border-box; background: url("../../img/union/icon_check01.png") no-repeat left 3px; line-height: 1.5; letter-spacing: 0.02em;}



			/* interviewCont
			----------------------------------------------------------- */
			.interviewCont 							{ padding: 5rem 0 5rem 0;}
			.interviewCont .headBox 				{ text-align: center;}

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

			.interviewCont .slide 					{ background-color: #fff; box-shadow: -5px 5px 0px 0px #f0f0f0; margin-bottom: 5px; color: #000033;}
			.interviewCont .slide .img 				{ width: 80%; margin: 0 auto;}
			.interviewCont .slide .txt 				{ width: 80%; margin: 0 auto;letter-spacing: 0.08em;}

			.interviewCont .slide .txt h3 			{ padding: 2rem 0 1rem 0; line-height: 1.5;}
			.interviewCont .slide .txt .name .kana 	{ color: #979797; display: inline-block; padding: 0 0 3px 0;}
			.interviewCont .slide .txt .name h4 	{}
			.interviewCont .slide .txt .name h4:after 	{ content: ""; display: block; height: 2px; background-color: #6ac01e; margin: 1rem 0 1rem 0;}
			.interviewCont .slide .txt p 			{ line-height: 1.9; padding: 0 0 3rem 0; letter-spacing: 0.02em;}

			.interviewCont .slide .txt .btn a 		{ display: block; background-color: #6ac01e; color: #fff; font-weight: bold; text-decoration: none; width: 136px; height: 34px; line-height: 34px; text-align: center; margin: 0 auto 2rem;}

			.slick-dots li.slick-active button:before  	{ color: #6ac01e !important;}



			/* graphCont
			----------------------------------------------------------- */
			.graphCont 								{ background: url("../../img/top/bg_interview.jpg") no-repeat center center; background-size: cover; padding: 5rem 0 2rem 0;}

			.graphCont h2 							{ color: #000033; text-align: center; margin: 0 0 4rem 0; letter-spacing: 0.02em; line-height: 1.5;}

			.graphCont ul li 						{ margin: 0 auto 3rem auto; width: 80%; color: #333c4e;}
			.graphCont ul li .img 					{ display: block; margin: 0 auto 1rem auto; width: 80%;}
			.graphCont ul li .img img 				{ margin: 0 auto; max-width: 100%;}
			.graphCont ul li h3 					{ text-align: center; padding: 0 0 1rem 0;} 	
			.graphCont ul li .txt 					{ display: inline-block; line-height: 1.8;}




			/* font
			----------------------------------------------------------- */

			.mV .txt
													{ font-size: 1.5rem;}
			.graphCont h2 
													{ font-size: 2.4rem;}
			.communicationCont .block h3,
			.interviewCont .slide .txt h3,
			.interviewCont .slide .txt .name h4
													{ font-size: 1.8rem;}
			.graphCont ul li h3
													{ font-size: 1.8rem;}

			.interviewCont .slide .txt .name .kana,
			.interviewCont .slide .txt p,
			.graphCont ul li .txt
													{ font-size: 1.4rem;}
			.interviewCont .slide .txt .btn a
													{ font-size: 1.2rem;}



}

@media (min-width: 480px) and (max-width: 767px) {

/* mV
----------------------------------------------------------- */
.mV .txt								{ position: absolute; top: 42%; left: 50%; z-index: 9999; text-align: left; font-weight: bold; letter-spacing: 0.02em; margin-left: -48%;}


/* font
----------------------------------------------------------- */

.mV .txt
										{ font-size: 2.0rem;}

}

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

/* mV
----------------------------------------------------------- */
.mV .txt								{ position: absolute; top: 45%; left: 50%; z-index: 9999; text-align: left; font-weight: bold; letter-spacing: 0.02em; margin-left: -48%;}



/* font
----------------------------------------------------------- */

.mV .txt
										{ font-size: 1.3rem;}


	
}