@charset "utf-8";
/* CSS Document */

li {
	transform: rotate(0deg) !important;
}

.float_clear {
	clear: both;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.clearfix:after { /*floatの解除、ここがポイント*/
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;
}
.clearfix {
	    display: inline-table;
}

br.sp {
	display: none;
}
br.tb {
	display: none;
}
br.spRev {
	display: inline;
}
br.tbRev {
	display: inline;
}

.r_pc {
	display: block !important;
}
.r_sp {
	display: none !important;
}






.recruitWarp {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	line-height: 1.2 !important;
	zoom: 1; /* float解除 for IE6/7  */
}
.recruitWarp:after, .recruitWarp:before {
    content: "";
    clear: both;
    display: block;
}




.recruitMenuBox {
	width: 100%;
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto;
	zoom: 1; /* float解除 for IE6/7  */
}
.recruitMenuBox:after, .recruitMenuBox:before {
    content: "";
    clear: both;
    display: block;
}


.recruitMenuBox .bread {
	width: 70%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	float: left;
}
.recruitMenuBox .bread ul.bread_sp {
	display: none;
}

.mainaviBox.r_pc {
	display: block;
  	position: relative;
  	width: 20%;;
  	height: auto;
	padding-top: 20px;
  	overflow: hidden;
	z-index: 2;
	float: left;
}
.mainaviBox.r_sp {
	display: none;
}

.mainaviBox.r_pc ul {
	width: 100%;
	display: flex;
	zoom: 1; /* float解除 for IE6/7  */
}
.mainaviBox.r_pc ul:after, .mainaviBox.r_pc ul:before {
    content: "";
    clear: both;
    display: block;
}

.mainaviBox.r_pc ul li {
	width: calc(50% - 24px);
	margin-left: 4%;
	margin-right: 4%;
	float: left;
	text-align: center;
}

.mainaviBox.r_pc ul li a {
	display: block;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
}
.mainaviBox.r_pc ul li#entry_m a {
	background-color: #B90000;	
}
.mainaviBox.r_pc ul li#entry_m a:hover {
	background-color: #FF6868;		
}
.mainaviBox.r_pc ul li#myPage_m a {
	background-color: #FF6600;	
}
.mainaviBox.r_pc ul li#myPage_m a:hover {
	background-color: #FFAD76;	
}

.recruitlogoBox {
	width: 100%;
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto; 	
	margin-bottom: 0px;
	/*margin-top: 64px;*/
}
.recruitlogo {
	width: 26%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 96px;
}
.recruitlogo img {
	width: 100%;
	height: auto;
}

.recruitBox {
	width: 100%;
	max-width: 1344px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding-right: 32px;
	padding-left: 32px;
	padding-bottom: 0;
	padding-top: 32px;
}


.topImg {
	width: 100%;
	margin-bottom: 80px;
	position: relative;
}

.topImg img {
	width: 100%;
	height: auto;
}



@media all and (min-width: 1344px) {
	
}
@media all and (max-width: 1087px) {
	br.tb {
		display: inline !important;
	}	
	br.sp {
	display: none;
}
	br.spRev {
		display: inline;
	}
	br.tbRev {
		display: none;
	}
	
	.r_pc {
		display: block !important;
	}
	.r_sp {
		display: none !important;
	}
	
.recruitlogo {
	width: 40%;
}	
	
.recruitMenuBox .bread {
	width: 55%;
	padding-right: 0px;
}	
	
.mainaviBox.r_pc {
  	width: 26%;;
}
	
	
	
} /* @media all and (max-width: 1087px) {  */


@media all and (max-width: 805px) {
	br.tb {
		display: inline;
	}	
	br.sp {
	display: none;
}
	br.spRev {
		display: inline;
	}
	br.tbRev {
		display: none;
	}
	
	.r_pc {
		display: block !important;
	}
	.r_sp {
		display: none !important;
	}
	
.recruitlogo {
	width: 40%;
	margin-bottom: 0px;
	margin-top: 40px;
}	
	
.recruitMenuBox .bread {
	width: 54%;
}	
	
.mainaviBox.r_pc {
  	width: 36%;;
}
	

	

	

footer {
    padding: 48px 16px 40px !important;
}	
	
}/*  @media all and (max-width: 805px) {  */


@media all and (max-width: 735px) {

	br.sp {
		display: inline !important;
	}	
	br.tb {
	display: none;
	}
	br.spRev {
		display: none;
	}
	
	.r_pc {
		display: none !important;
	}
	.r_sp {
		display: block !important;
	}	
	
.recruitlogo {
	width: 80%;
	margin-bottom: 0px;
	margin-top: 40px;
}	
	
	.recruitMenuBox .bread li.bread-line_sp {
		border-right: 1px solid #000;
	}
	.recruitMenuBox .bread li:nth-child(4) {
		display: none;
	}	
	.recruitMenuBox .bread ul.bread_sp {
		display: block;
		padding-top: 8px;
	}
	
	
	.mainaviBox.r_sp {
		display: block;
  		position: fixed;
		bottom: 0;
		left: 0;
  		width: 100%;;
  		height: auto;
		padding-top: 20px;
  		overflow: hidden;
		z-index: 50;
		float: none;
	}
	.mainaviBox.r_pc {
		display: none;
	}

.mainaviBox.r_sp ul {
	width: 100%;
	display: flex;
	zoom: 1; /* float解除 for IE6/7  */
}
.mainaviBox.r_sp ul:after, .mainaviBox.r_sp ul:before {
    content: "";
    clear: both;
    display: block;
}

.mainaviBox.r_sp ul li {
	width: calc(50%);
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	text-align: center;
}

.mainaviBox.r_sp ul li a {
	display: block;
	font-size: 1.4em;
	color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 12px;
}
.mainaviBox.r_sp ul li#entry_s a {
	background-color: #B90000;	
}
.mainaviBox.r_sp ul li#entry_s a:hover {
	background-color: #FF6868;		
}
.mainaviBox.r_sp ul li#myPage_s a {
	background-color: #FF6600;	
}
.mainaviBox.r_sp ul li#myPage_s a:hover {
	background-color: #FFAD76;	
}
	
.recruitMenuBox .bread {
	width: 100%;
	float: none;
}
	
.recruitBox {
	padding-right: 16px;
	padding-left: 16px;
}	
	
	

footer {
    padding: 48px 16px 40px !important;
}	
	
	
}/* @media all and (max-width: 735px) {  */