@charset "utf-8";





/*===========================================



JOBINFO



===========================================*/



.recruit section#jobinfo {

    background: url(../imgs/recruit/jobinfo/bg_jobinfo.png) no-repeat;

    background-attachment: fixed;

    padding: 100px 0;

}



.recruit .jobinfoBox {

    background: #fff;

    width: 60%;

    margin: 0px auto;

    padding: 50px;

    box-sizing: border-box;

}



.recruit .jobinfoBox h3 {

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    font-size: 180%;

    text-align: center;

    padding: 0 0 80px 0;

    font-weight: bolder;

    letter-spacing: 2px;

    color: #333;

}



.recruit .jobinfoBox h3 span {

	display: block;

	background: #333;

	width: 8%;

	margin: 20px auto 0;

	height: 3px;

}





.recruit .jobinfoBox dl {

	border-top: 1px solid #ccc;

	padding: 10px 0;

	overflow:hidden;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



.recruit .jobinfoBox dt {

    width: 20%;

    padding: 40px 0 30px 0;

    box-sizing: border-box;

    float:left;

    font-size: 120%;

    font-weight: bold;

    letter-spacing: 2px;

    color:#1e3e9c;

}



.recruit .jobinfoBox dd {

    width: 80%;

    float: right;

    padding: 40px 0 30px 40px;

    box-sizing: border-box;

    letter-spacing: 2px;

    font-size: 90%;

    border-left: 1px solid #eee;

}



.recruit .jobinfoBox dd p {

    padding: 0 0 5px 0;

    font-size: inherit;

    text-align: left;

}



/*子育て支援制度*/

.recruit .jobinfoBox .support {

	background: #fdeff5;

	padding: 15px;

	border-radius: 15px;

	margin:15px 0 0 0;

}



.recruit .jobinfoBox .support img {

	display: inline-block;

	padding:0 20px 0 10px;

}



.recruit .jobinfoBox .support_txt {

	font-size: 80%;

	display: inline-block;

	width: 75%;

	vertical-align: top;

	padding: 15px 0 0 0;

	line-height: 1.8em;

}





/*エントリー*/

.jobinfo_btn {

    margin: 80px auto 50px;

    text-align: center;

    width: 60%;

}



.jobinfo_btn a {

    padding: 20px 20px 20px 60px;

    color: #fff;

    display: block;

    font-size: 200%;

    text-align: center;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    letter-spacing: 3px;

    background: url(../imgs/recruit/icon_entry.png) no-repeat left 18% top 40% #d82129;

    border: 5px solid #d82129;

    -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

}



.jobinfo_btn a:hover {

	text-decoration:none;

	background: url(../imgs/recruit/icon_entry_on.png) no-repeat left 18% top 40% #fff;

	color:#d82129;

	border:5px solid #d82129;

    -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

}



/*会社説明会*/

.recruit .semminor_btn {
	text-align:center;
	padding:30px 10px 0;
	/*background:#eee;*/

}

.recruit .semminor_btn p {
	margin: 0 0 20px;
}
.recruit .semminor_btn a {
	max-width: 480px;
	margin: auto;
	display: block;
}


.recruit .semminor_btn span {

    font-size: 90%;

    padding: 20px 0;

    display: block;

    letter-spacing: 1px;

}





/*===========================================



ENTRY



===========================================*/



.recruit section#entry {

    background-attachment: fixed;

    padding: 20px 0 100px 0;

}



.recruit .entryBox {

    width: 60%;

    margin: 0px auto;

    padding: 50px;

    box-sizing: border-box;

}



.recruit .entryBox h3 {

    font-size: 200%;

    font-weight: bold;

    letter-spacing: 1px;

    padding: 0 0 10px 0;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



.recruit .entryBox h5 {

	padding:0 0 50px 0;

	font-size:90%;

	letter-spacing:1px;

	margin:0 0 20px 0;

}





.recruit .entryBox .entryForm {

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    overflow: hidden;

}





.recruit .entryBox .entryForm p {

    width: 18%;

    display: inline-block;

    font-weight: bold;

    color: #333;

    letter-spacing: 2px;

	margin:10px 0;

}



.recruit .entryBox .entryForm div.check {

	width: 8%;

	display:inline-block;

	vertical-align:top;

	margin:8px 0 50px 0;

}



.recruit .entryBox .entryForm div.e_txt {

	width: 70%;

	display:inline-block;

	margin:0 0 10px 0;

	vertical-align:top;

	padding:0 0 20px 0;

}



.recruit .entryBox .entryForm div.e_txt input {

    border: 0;

    padding: 10px;

    width: 100%;

    font-size: 100%;

    font-family: Arial, sans-serif;

    color: #000;

    border: solid 2px #ccc;

    border-radius: 5px;

	margin:0 0 20px 0;

}



/*必須*/

.recruit .entryBox span.required {

    background: #db313d;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



/*任意*/

.recruit .entryBox span.any {

    background: #0d227c;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



.recruit .entryBox .submitArea {

    border-top: 1px dotted #ccc;

    padding: 50px 0 0 0;

    text-align: center;

}



.recruit .entryBox .submitArea label {

	font-size:90%;

}



/*送信ボタン*/

.recruit .entryBox .submitArea .btn_submit {

    margin: 0 auto;

    width: 100%;

    display: block;

    text-align: center;

}



.recruit .entryBox .submitArea .btn_submit input {

    background: url(../imgs/recruit/entry/entry.png) no-repeat;

    width: 617px;

    height: 96px;

    text-indent: -9999px;

    margin: 20px auto 50px;

    cursor: pointer;

	border:none;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.recruit .entryBox .submitArea .btn_submit input :hover {

	opacity: 0.8;  

    filter: alpha(opacity=80); 

}



@media (max-width:1499px){

/*===========================================



JOBINFO



===========================================*/



.recruit section#jobinfo {

    background: url(../imgs/recruit/jobinfo/bg_jobinfo.png) no-repeat;

    background-attachment: fixed;

    padding: 100px 0;

}



.recruit .jobinfoBox {

    width: 90%;

    padding: 30px;

}



.recruit .jobinfoBox h3 {

    padding: 20px 0 80px 0;

}



.recruit .jobinfoBox h3 span {

	width: 10%;

}



.recruit .jobinfoBox dl {

	border-top: 1px solid #ccc;

	padding: 10px 0;

	overflow:hidden;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



.recruit .jobinfoBox dt {

    padding: 10px 0 30px 0;

    font-size: 100%;

}



.recruit .jobinfoBox dd {

    padding: 10px 0 30px 30px;

}



.recruit .jobinfoBox dd p {

	padding:0 0 5px 0;

}



/*子育て支援制度*/

.recruit .jobinfoBox .support {

	background: #fdeff5;

	padding: 15px;

	border-radius: 15px;

	margin:15px 0 0 0;

}



.recruit .jobinfoBox .support img {

	display: inline-block;

	padding:0 20px 0 10px;

}



.recruit .jobinfoBox .support_txt {

	font-size: 80%;

	display: inline-block;

	width: 75%;

	vertical-align: top;

	padding: 15px 0 0 0;

	line-height: 1.8em;

}





/*エントリー*/

.jobinfo_btn {

    margin: 80px auto 50px;

    text-align: center;

    width: 60%;

}



.jobinfo_btn a {

    padding: 20px 20px 20px 60px;

    color: #fff;

    display: block;

    font-size: 200%;

    text-align: center;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    letter-spacing: 3px;

    background: url(../imgs/recruit/icon_entry.png) no-repeat left 18% top 40% #d82129;

    border: 5px solid #d82129;

    -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

}



.jobinfo_btn a:hover {

	text-decoration:none;

	background: url(../imgs/recruit/icon_entry_on.png) no-repeat left 18% top 40% #fff;

	color:#d82129;

	border:5px solid #d82129;

    -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

}





/*===========================================



ENTRY



===========================================*/



.recruit section#entry {

    background-attachment: fixed;

    padding: 20px 0 100px 0;

}



.recruit .entryBox {

    width: 90%;

    padding: 30px;



}



.recruit .entryBox h3 {

    font-size: 200%;

    font-weight: bold;

    letter-spacing: 1px;

    padding: 0 0 10px 0;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



.recruit .entryBox h5 {

	padding:0 0 50px 0;

	font-size:90%;

	letter-spacing:1px;

	margin:0 0 20px 0;

}





.recruit .entryBox .entryForm {

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    overflow: hidden;

}





.recruit .entryBox .entryForm p {

    width: 20%;

    font-size: 90%;

}



.recruit .entryBox .entryForm div.check {

	width: 8%;

	display:inline-block;

	vertical-align:top;

	margin:8px 0 50px 0;

}



.recruit .entryBox .entryForm div.e_txt {

	width: 70%;

	/* display:inline-block; */

	/* margin:0 0 10px 0; */

	/* vertical-align:top; */

	/* padding:0 0 20px 0; */

	/* box-sizing: border-box; */

}



.recruit .entryBox .entryForm div.e_txt input {

    border: 0;

    padding: 10px;

    width: 100%;

    font-size: 100%;

    font-family: Arial, sans-serif;

    color: #000;

    border: solid 2px #ccc;

    border-radius: 5px;

    box-sizing: border-box;

    margin:0 0 20px 0;

}



/*必須*/

.recruit .entryBox span.required {

    background: #db313d;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



/*任意*/

.recruit .entryBox span.any {

    background: #0d227c;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



.recruit .entryBox .submitArea {

    border-top: 1px dotted #ccc;

    padding: 50px 0 0 0;

    text-align: center;

}



.recruit .entryBox .submitArea label {

	font-size:90%;

}



/*送信ボタン*/

.recruit .entryBox .submitArea .btn_submit {

    margin: 0 auto;

    width: 100%;

    display: block;

    text-align: center;

}



.recruit .entryBox .submitArea .btn_submit input {

    background: url(../imgs/recruit/entry/entry.png) no-repeat;

    width: 617px;

    height: 96px;

    text-indent: -9999px;

    margin: 20px auto 50px;

    cursor: pointer;

	border:none;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.recruit .entryBox .submitArea .btn_submit input :hover {

	opacity: 0.8;  

    filter: alpha(opacity=80); 

}

}





@media (max-width:1023px){

/*===========================================



JOBINFO



===========================================*/



.recruit section#jobinfo {

    background: url(../imgs/recruit/jobinfo/bg_jobinfo.png) no-repeat;

    background-attachment: fixed;

    padding: 100px 0;

}



.recruit .jobinfoBox {

    width: 100%;

    padding: 10px;

}



.recruit .jobinfoBox h3 {

    font-size: 130%;

    padding: 20px 0 40px 0;

}



.recruit .jobinfoBox h3 span {

	width: 15%;

	margin: 20px auto 0;

	height: 3px;

}





.recruit .jobinfoBox dl {

	border-top: none;

	padding: 10px 0 30px 0;

	text-align: c;

}



.recruit .jobinfoBox dt {

    width: 100%;

    padding: 10px 0;

    float: none;

    font-size: 100%;

    text-align: center;

    border-bottom: 1px dotted #999;

    border-top: 2px solid #333;

}



.recruit .jobinfoBox dd {

    width: 100%;

    float: none;

    font-size: 100%;

    padding: 20px 10px;

    border-left: none;

}



.recruit .jobinfoBox dd p {

	padding:0 0 5px 0;

}



/*子育て支援制度*/

.recruit .jobinfoBox .support {

	background: #fdeff5;

	padding: 15px;

	border-radius: 15px;

	margin:15px 0 0 0;

	text-align: center;

}



.recruit .jobinfoBox .support img {

	display: inline-block;

	padding:0 20px 0 10px;

}



.recruit .jobinfoBox .support_txt {

	font-size: 90%;

	width: 100%;

	padding: 0;

	text-align: left;

}





/*エントリー*/

.jobinfo_btn {

    margin: 0 auto 50px;

    width: 100%;

}



.jobinfo_btn a {

    margin: 0 auto;

    width: 70%;

    background: url(../imgs/recruit/icon_entry.png) no-repeat left 11% top 40% #d82129;

}



/*===========================================



ENTRY



===========================================*/



.recruit section#entry {

    background-attachment: fixed;

    padding: 20px 0 100px 0;

}



.recruit .entryBox {

    width: 100%;

    margin: 0;

    padding: 10px;

    box-sizing: border-box;

}



.recruit .entryBox h3 {

    font-size: 130%;

}



.recruit .entryBox h5 {

	font-size:90%;

	padding:0;

}





.recruit .entryBox .entryForm {

}





.recruit .entryBox .entryForm p {

    width: 60%;

    font-size: 90%;

}



.recruit .entryBox .entryForm div.check {

	width: auto;

	margin: 8px 10px 10px 0;

	font-size: 90%;

	float:left;

}



.recruit .entryBox .entryForm div.e_txt {

	width: 100%;

	margin: 0;

	padding: 0;

}



.recruit .entryBox .entryForm div.e_txt input {

    border: 0;

    padding: 8px;

    width: 100%;

    border: solid 2px #ccc;

    box-sizing: border-box;

}



/*必須*/

.recruit .entryBox span.required {

    background: #db313d;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



/*任意*/

.recruit .entryBox span.any {

    background: #0d227c;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



.recruit .entryBox .submitArea {

    border-top: 1px dotted #ccc;

    padding: 50px 0 0 0;

    text-align: center;

}



.recruit .entryBox .submitArea label {

	font-size: 80%;

}



/*送信ボタン*/

.recruit .entryBox .submitArea .btn_submit {

    width: 70%;

}



.recruit .entryBox .submitArea .btn_submit input {

    background: url(../imgs/recruit/entry/entry.png) no-repeat;

    width: 100%;

    height: 110px;

    margin: 20px auto 0;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background-size: 100%;

}



.recruit .entryBox .submitArea .btn_submit input :hover {

	opacity: 0.8;  

    filter: alpha(opacity=80); 

}

}





@media (max-width:767px){

	

/*===========================================



JOBINFO



===========================================*/



.recruit section#jobinfo {

    background: url(../imgs/recruit/jobinfo/bg_jobinfo.png) no-repeat;

    background-attachment: fixed;

    padding: 100px 0;

}



.recruit .jobinfoBox {

    width: 100%;

    padding: 10px;

}



.recruit .jobinfoBox h3 {

    font-size: 130%;

    padding: 20px 0 40px 0;

}



.recruit .jobinfoBox h3 span {

	width: 15%;

	margin: 20px auto 0;

	height: 3px;

}



.recruit .jobinfoBox dl {

	border-top: none;

	padding: 10px 0 30px 0;

	text-align: c;

}



.recruit .jobinfoBox dt {

    width: 100%;

    padding: 10px 0;

    float: none;

    font-size: 100%;

    text-align: center;

    border-bottom: 1px dotted #999;

    border-top: 2px solid #333;

}



.recruit .jobinfoBox dd {

    width: 100%;

    float: none;

    padding: 11px 0;

    box-sizing: border-box;

    letter-spacing: 2px;

    font-size: 80%;

    border-left: none;

}



.recruit .jobinfoBox dd p {

	padding:0 0 5px 0;

}



/*子育て支援制度*/

.recruit .jobinfoBox .support {

	background: #fdeff5;

	padding: 15px;

	border-radius: 15px;

	margin:15px 0 0 0;

	text-align: center;

}



.recruit .jobinfoBox .support img {

	display: inline-block;

	padding:0 20px 0 10px;

}



.recruit .jobinfoBox .support_txt {

	font-size: 90%;

	width: 100%;

	padding: 0;

	text-align: left;

}





/*エントリー*/

.jobinfo_btn {

    margin: 0 auto 50px;

    width: 100%;

}



.jobinfo_btn a {

    padding: 20px 0 20px 20px;

    font-size: 120%;

    font-style: oblique;

    letter-spacing: 2px;

    background: url(../imgs/recruit/icon_entry.png) no-repeat left 11% top 40% #d82129;

    border: 5px solid #d82129;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

}



/*会社説明会*/



.recruit .semminor_btn span {

	text-align:left;

}



/*===========================================



ENTRY



===========================================*/



.recruit section#entry {

    background-attachment: fixed;

    padding: 20px 0 100px 0;

}



.recruit .entryBox {

    width: 100%;

    margin: 0;

    padding: 10px;

    box-sizing: border-box;

}



.recruit .entryBox h3 {

    font-size: 130%;

}



.recruit .entryBox h5 {

	font-size:90%;

	padding:0;

}





.recruit .entryBox .entryForm {

}





.recruit .entryBox .entryForm p {

    width: 60%;

    font-size: 90%;

}



.recruit .entryBox .entryForm div.check {

	width: auto;

	margin: 8px 10px 10px 0;

	font-size: 90%;

	float:left;

}



.recruit .entryBox .entryForm div.e_txt {

	width: 100%;

	margin: 0;

	padding: 0;

}



.recruit .entryBox .entryForm div.e_txt input {

    border: 0;

    padding: 8px;

    width: 100%;

    border: solid 2px #ccc;

    box-sizing: border-box;

}



/*必須*/

.recruit .entryBox span.required {

    background: #db313d;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



/*任意*/

.recruit .entryBox span.any {

    background: #0d227c;

    color: #fff;

    padding: 5px 10px;

    border-radius: 3px;

    font-size: 90%;

}



.recruit .entryBox .submitArea {

    border-top: 1px dotted #ccc;

    padding: 50px 0 0 0;

    text-align: center;

}



.recruit .entryBox .submitArea label {

	font-size: 80%;

}



/*送信ボタン*/

.recruit .entryBox .submitArea .btn_submit {

    margin: 0 auto;

    width: 100%;

    display: block;

    text-align: center;

}



.recruit .entryBox .submitArea .btn_submit input {

    background: url(../imgs/recruit/entry/entry.png) no-repeat;

    width: 100%;

    height: 110px;

    margin: 20px auto 0;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background-size: 100%;

}



.recruit .entryBox .submitArea .btn_submit input :hover {

	opacity: 0.8;  

    filter: alpha(opacity=80); 

}
.recruit .semminor_btn img {
	max-width: 250px;
	margin: 0 auto 20px;
}


}