@charset "utf-8";


/*-------------------------------------------
第二階層　採用情報
-------------------------------------------*/
.reclead{
 float               : left;
 display             : inline;
 padding             : 0 5% 1em 5%;
 margin              : 0 0 0 0;
 width               : 90%;
 text-align          : center;
 line-height         : 180%;
 font-size           : 1.2em;
}
.reclead strong{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.5em;
 margin              : 0 0 1em 0;
}

.reclead2{
 float               : left;
 display             : inline;
 padding             : 3em 5% 3em 5%;
 margin              : 0 0 0 0;
 width               : 90%;
 text-align          : left;
 line-height         : 180%;
 font-size           : 1em;
}
.reclead2 strong{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 2em;
 padding             : 0 0 1em 0;
 text-align          : center;
}



.recbtn1 a{
 float               : left;
 display             : inline-block;
 margin              : 10px 1% 10px 0;
 padding             : 0.5em 1.5em  0.5em 1.5em;
 color               : #00448c;
 border              : 1px solid #00448c;
 text-align          : center;
}
.recbtn1 a:hover{
 float               : left;
 display             : inline-block;
 margin              : 10px 1% 10px 0;
 padding             : 0.5em 1.5em  0.5em 1.5em;
 color               : #3e3a39;
 border              : 1px solid #ffffff;
 text-align          : center;
 background          : #00448c;
 color               : #ffffff;
 text-decoration     : none;
}

.recbtn4 a{
 float               : left;
 display             : inline-block;
 margin              : 10px 1% 10px 0;
 padding             : 0.5em 0  0.5em 0;
 color               : #3e3a39;
 border              : 1px solid #3e3a39;
 text-align          : center;
 width               : 23%;
}
.recbtn4 a:hover{
 float               : left;
 display             : inline-block;
 margin              : 10px 1% 10px 0;
 padding             : 0.5em 0  0.5em 0;
 color               : #3e3a39;
 border              : 1px solid #ffffff;
 text-align          : center;
 background          : #00448c;
 color               : #ffffff;
 text-decoration     : none;
 width               : 23%;
}


.rec_yoko{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 margin              : 20px 0 20px 0;
}
.rec_cell{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 border-bottom       : 1px dotted #888889;
}
.rec_cell .cell01{
 float               : left;
 display             : inline;
 width               : 18%;
 text-align          : left;
 padding             : 1.1em 1% 1.1em 1%;
}
.rec_cell .cell02{
 float               : left;
 display             : inline;
 width               : 78%;
 padding             : 1.1em 1% 1.1em 1%;
 text-align          : left;
}

.rec_cellbg01{ background : #e0efff;}
.rec_cellbg02{ background : #e8e0ff;}
.rec_cellbg03{ background : #fff4e0;}
.rec_cellbg04{ background : #ffeae0;}


.rec_form{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 margin              : 20px 0 20px 0;
}

.rec_form .left{
 float               : left;
 display             : inline;
 width               : 45%;
 text-align          : center;
 margin              : 0 0 0 0;
 padding             : 0 2% 0 2%;
 border-right        : 1px solid #333333;
}
.rec_form .right{
 float               : left;
 display             : inline;
 width               : 46%;
 text-align          : center;
 margin              : 0 0 0 0;
 padding             : 0 2% 0 2%;
}
.rec_form .center{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 margin              : 2em 0 0 0;
 padding             : 0 0 0 0;
}

.rec_form .left .formcell,
.rec_form .right .formcell{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 margin              : 0 0 0 0;
 padding             : 1.5em 0 1.5em 0;
 border-bottom       : 1px dotted #333333;
}
.rec_form .left .formcell .cell01,
.rec_form .right .formcell .cell01{
 float               : left;
 display             : inline;
 width               : 30%;
 text-align          : left;
}
.rec_form .left .formcell .cell02,
.rec_form .right .formcell .cell02{
 float               : left;
 display             : inline;
 width               : 70%;
 text-align          : left;
}



.recfs { width: 60px;  height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.recfm { width: 120px; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.recfl { width: 80%; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.recfll{ width: 80%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px;}

select   { width: 120px; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
textarea { width: 600px; height:10em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.rectextarea { width: 100%; height:20em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}

.modoru  { width : 200px; height : 50px; background: #666666; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand";}
.soushin { width : 200px; height : 50px; background: #0063ab; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand"; margin-top : 10px;}
.reset   { width : 60px; height : 25px; background: #F4F0F0;border: solid 0px #B2B2B0; cursor:  "hand";}

/*--------------------▲不要------------------------*/





.entrylead{
 float               : left;
 display             : inline;
 padding             : 0 15% 1em 15%;
 margin              : 0 0 0 0;
 width               : 70%;
 text-align          : center;
 line-height         : 180%;
 font-size           : 1.2em;
}
.entrylead strong{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.5em;
 text-align          : center;
 margin              : 0 0 1em 0;
}



/*------------------------------------------------*/
.entrycont{
 float               : left;
 display             : inline;
 padding             : 0 0% 1em 0%;
 margin              : 80px 0 80px 0;
 width               : 100%;
 text-align          : center;
 line-height         : 180%;
 font-size           : 1.3vw;
}

.entrycont .s01,
.entrycont .s02{
 float               : left;
 display             : inline;
 margin              : 0 0 3em 0;
 width               : 100%;
}
.entrycont .s01 .txt{
 float               : right;
 display             : flex;
 flex-direction      : column;
 justify-content     : center;
 padding             : 0 5% 0 5%;
 margin              : 0 0 0 5%;
 width               : 35%;
 text-align          : left;
 background : linear-gradient(
 to bottom,
 white    0%,
 white    5%,
 #d3e8f5  5%,
 #d3e8f5 95%,
 white   95%,
 white  100%
 );
}
.entrycont .s01 .img{
 float               : right;
 display             : inline;
 margin              : 0 0 0 0;
 width               : 50%;
 text-align          : right;
}


.entrycont .s02 .txt{
 float               : left;
 float               : right;
 display             : flex;
 flex-direction      : column;
 justify-content     : center;
 padding             : 0 5% 0 5%;
 margin              : 0 5% 0 0;
 width               : 35%;
 text-align          : left;
 background : linear-gradient(
 to bottom,
 white    0%,
 white    5%,
 #e0f0ee  5%,
 #e0f0ee 95%,
 white   95%,
 white  100%
 );
}
.entrycont .s02 .img{
 float               : left;
 display             : inline;
 margin              : 0 0 0 0;
 width               : 50%;
 text-align          : right;
}


.entrycont .s01 .txt strong,
.entrycont .s02 .txt strong{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.6vw;
 margin              : 1em 0 0.5em 0;
}
.entryend{
 float               : left;
 display             : inline;
 padding             : 0 15% 1em 15%;
 margin              : 0 0 0 0;
 width               : 70%;
 text-align          : center;
 line-height         : 180%;
 font-size           : 1.3vw;
}

.cont_titlevw{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 2vw;
 font-weight         : 700;
 text-align          : center;
 padding             : 0 0 80px 0;
}

.entryarea{
 float               : left;
 display             : inline;
 width               : 80%;
 text-align          : center;
 margin              : 0 0 0 0;
 padding             : 1.5em 10% 1.5em 10%;
 font-size           : 1.2vw;
 line-height         : 180%;
}
.entryarea .entrybtn{
 float               : left;
 display             : inline;
 width               : 46%;
 text-align          : center;
 margin              : 0 0 0 0;
 padding             : 1.5em 2% 1.5em 2%;
}

.entryarea .entrybtn a{
 float               : left;
 display             : inline-block;
 margin              : 10px 0 10px 0;
 padding             : 2em 0  2em 0;
 color               : #00448c;
 border              : 1px solid #00448c;
 text-align          : center;
 width               : 97%;
}
.entryarea .entrybtn a:hover{
 color               : #3e3a39;
 border              : 1px solid #00448c;
 background          : #00448c;
 color               : #ffffff;
 text-decoration     : none;
}
.entryarea .entrybtn a svg{
 float               : right;
 display             : inline-block;
 margin              : 0 1.5em 0 0;
 padding             : 0 0 0 0;
 width               : 1.3vw;
 fill                : #00448c;
}
.entryarea .entrybtn a:hover svg{
 fill                : #ffffff;
}



.entryarea .employeebenefits{
 float               : left;
 display             : inline;
 width               : 46%;
 text-align          : center;
 margin              : 0 25% 0 25%;
 padding             : 1.5em 2% 1.5em 2%;
}
.entryarea .employeebenefits a{
 float               : left;
 display             : inline-block;
 margin              : 10px 0 10px 0;
 padding             : 1em 0  1em 0;
 color               : #018bd5;
 border              : 1px solid #018bd5;
 border-radius       : 40px;
 text-align          : center;
 width               : 97%;
}
.entryarea .employeebenefits a:hover{
 color               : #018bd5;
 border              : 1px solid #018bd5;
 background          : #018bd5;
 color               : #ffffff;
 text-decoration     : none;
}
.entryarea .employeebenefits a svg{
 float               : right;
 display             : inline-block;
 margin              : 0 1.5em 0 0;
 padding             : 0 0 0 0;
 width               : 1.3vw;
 fill                : #018bd5;
}
.entryarea .employeebenefits a:hover svg{
 fill                : #ffffff;
}


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

@media(max-width:1100px) and (min-width: 850px){

		.codepc{ display     : inline; }
		.codesp{ display     : none; }

		a[href^="tel:"]{
		 pointer-events: none;
		}

}/*--*/










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

@media (max-width: 850px) {


	.codepc{ display     : none; }
	.codesp{ display     : inline; }

	a[href^="tel:"]{
	 pointer-events: auto;
	}







/*-------------------------------------------
第二階層　採用情報
-------------------------------------------*/
	.reclead{
	 padding             : 0 0% 1em 0%;
	 width               : 100%;
	 text-align          : left;
	 line-height         : 180%;
	 font-size           : 1.2em;
	}
	.reclead strong{
	 font-size           : 2em;
	}

	.reclead2{
	 padding             : 3em 0% 3em 0%;
	 width               : 100%;
	 font-size           : 1.1em;
	}
	.reclead2 strong{
	 font-size           : 1.8em;
	 padding             : 0 0 1em 0;
	}



	.recbtn1 a{
	 font-size           : 3.5vw;
	}
	.recbtn1 a:hover{
	 font-size           : 3.5vw;
	}

	.recbtn4 a{
	 margin              : 0 1% 10px 1%;
	 width               : 47%;
	}
	.recbtn4 a:hover{
	 margin              : 0 1% 10px 1%;
	 width               : 47%;
	}


	.rec_yoko{
	}
	.rec_cell{
	 border-bottom       : 0px dotted #888889;
	}
	.rec_cell .cell01{
	 width               : 96%;
	 padding             : 0.8em 2% 0.8em 2%;
	}
	.rec_cell .cell02{
	 width               : 96%;
	 padding             : 0.8em 2% 0.8em 2%;
	}

	.rec_cellbg01{ background : #e0efff;}
	.rec_cellbg02{ background : #e8e0ff;}
	.rec_cellbg03{ background : #fff4e0;}
	.rec_cellbg04{ background : #ffeae0;}
	

	.rec_form{
	}

	.rec_form .left{
	 width               : 100%;
	 padding             : 0 0% 0 0%;
	 border-right        : 0px solid #333333;
	}
	.rec_form .right{
	 width               : 96%;
	 padding             : 0 2% 0 2%;
	}
	.rec_form .center{
	 width               : 100%;
	 margin              : 2em 0 0 0;
	}

	.rec_form .left .formcell,
	.rec_form .right .formcell{
	 padding             : 0.8 0 0 0;
	 border-bottom       : 1px dotted #333333;
	}
	.rec_form .left .formcell .cell01,
	.rec_form .right .formcell .cell01{
	 width               : 100%;
	 font-weight         : bold;
	 padding             : 0 0 0.8em 0;
}
.rec_form .left .formcell .cell02,
.rec_form .right .formcell .cell02{
	 width               : 100%;
	 padding             : 0 0 0.8em 0;
}



.recfs { width: 60px;  height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.recfm { width: 120px; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.recfl { width: 80%; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.recfll{ width: 80%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px;}

select   { width: 120px; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
textarea { width: 600px; height:10em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.rectextarea { width: 100%; height:20em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}

.modoru  { width : 200px; height : 50px; background: #666666; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand";}
.soushin { width : 200px; height : 50px; background: #0063ab; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand"; margin-top : 10px;}
.reset   { width : 60px; height : 25px; background: #F4F0F0;border: solid 0px #B2B2B0; cursor:  "hand";}

/*--------------------▲不要------------------------*/





	.entrylead{
	 padding             : 0 5% 1em 5%;
	 width               : 90%;
	 text-align          : left;
	 line-height         : 180%;
	 font-size           : 1.2em;
	}
	.entrylead strong{
	 font-size           : 1.5em;
	 text-align          : center;
	 margin              : 0 0 1em 0;
	}



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

	.entrycont{
	 clear               : both;
	 display             : block;
	 margin              : 0 auto;
	 padding             : 20px 0% 80px 0%;
	 width               : 100%;
	 line-height         : 180%;
	 font-size           : 3.5vw;
	}

	.entrycont .s01,
	.entrycont .s02{
	 margin              : 0 0 1em 0;
	}

	.entrycont .s01 .txt{
	 float               : right;
	 display             : flex;
	 flex-direction      : column;
	 justify-content     : center;
	 padding             : 0 5% 2em 5%;
	 margin              : 0 5% 0 0%;
	 width               : 85%;
	 text-align          : left;
	 background : #d3e8f5;
	}
	.entrycont .s01 .img{
	 margin              : 0 0 0 5%;
	 width               : 95%;
	}

	.entrycont .s02 .txt{
	 float               : right;
	 display             : flex;
	 flex-direction      : column;
	 justify-content     : center;
	 padding             : 0 5% 2em 5%;
	 margin              : 0 5% 0 0%;
	 width               : 85%;
	 text-align          : left;
	 background : #e0f0ee;
	}
	.entrycont .s02 .img{
	 margin              : 0 0% 0 5%;
	 width               : 95%;
	}


	.entrycont .s01 .txt strong,
	.entrycont .s02 .txt strong{
	 font-size           : 5vw;
	 margin              : 1em 0 1em 0;
	}

	.entryend{
	 padding             : 2em 10% 1em 10%;
	 margin              : 0 0 0 0;
	 width               : 80%;
	 text-align          : left;
	 line-height         : 180%;
	 font-size           : 3.5vw;
	}

	.cont_titlevw{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 font-size           : 5vw;
	 font-weight         : 700;
	 text-align          : center;
	 padding             : 40px 0 40px 0;
	}

	.entryarea{
	 width               : 90%;
	 text-align          : center;
	 margin              : 0 0 0 0;
	 padding             : 1.5em 5% 1.5em 5%;
	 font-size           : 4vw;
	}
	.entryarea .entrybtn{
	 width               : 99%;
	 text-align          : center;
	 margin              : 0 0 0 0;
	 padding             : 1.5em 5% 1.5em 5%;
	}

	.entryarea .entrybtn a{
	 margin              : 10px 0 0 0;
	 padding             : 2em 0  2em 0;
	 text-align          : center;
	 width               : 97%;
	}
	.entryarea .entrybtn a:hover{
	}
	.entryarea .entrybtn a svg{
	 width               : 3.5vw;
	}
	.entryarea .entrybtn a:hover svg{
	}






.entryarea .employeebenefits{
	 width               : 90%;
	 text-align          : center;
	 margin              : 0 0 0 0;
	 padding             : 1.5em 5% 1.5em 5%;
	 font-size           : 4vw;
}
.entryarea .employeebenefits a{
	 margin              : 10px 0 0 0;
	 padding             : 1em 0  1em 0;
	 text-align          : center;
	 width               : 97%;
}
.entryarea .employeebenefits a:hover{
}
.entryarea .employeebenefits a svg{
	 width               : 3.5vw;
}
.entryarea .employeebenefits a:hover svg{
}


}/*--*/