@charset "UTF-8";
/*----------------------------------------
	company
----------------------------------------*/
/*　common
----------------------------------------*/
#titleArea { background: #cccccc url("../../img/corp/recruit/bg_main_recruit.jpg") 50% 0 no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { background: #cccccc url("../../img/corp/recruit/bg_main_recruit_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }

/* jquery.validationEngine.js */
.formError { z-index: 990; }

.formError .formErrorContent { z-index: 991; }

.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }

.ui-dialog .formError .formErrorContent { z-index: 5001; }

.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.undefinedformError { display: none !important; }

.inputContainer { position: relative; float: left; }

.formError { display: block; cursor: pointer; text-align: left; }

.formError.inline { display: block; }

.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999999; display: none; }

.formError .formErrorContent { width: 100%; background: #ee0101; position: relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #dddddd; box-shadow: 0 0 6px black; -moz-box-shadow: 0 0 6px black; -webkit-box-shadow: 0 0 6px black; -o-box-shadow: 0 0 6px black; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }

.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; color: #cc0000; background: white url("../../img/corp/i_attent.png") 0.3em 0.5em no-repeat; display: block; padding-left: 20px; }

.greenPopup .formErrorContent { background: #33be40; }

.blackPopup .formErrorContent { background: #393939; color: #FFF; }

.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; }

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }

.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }

.formError .formErrorArrow div { border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; box-shadow: 0 2px 3px #444444; -moz-box-shadow: 0 2px 3px #444444; -webkit-box-shadow: 0 2px 3px #444444; -o-box-shadow: 0 2px 3px #444444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }

.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }

.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }

.formError .formErrorArrow .line9 { width: 13px; border: none; }

.formError .formErrorArrow .line8 { width: 11px; }

.formError .formErrorArrow .line7 { width: 9px; }

.formError .formErrorArrow .line6 { width: 7px; }

.formError .formErrorArrow .line5 { width: 5px; }

.formError .formErrorArrow .line4 { width: 3px; }

.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; border-bottom: 0 solid #dddddd; }

.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }

.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }

/*　index
----------------------------------------*/
/*　features
----------------------------------------*/
#recruit .messageBox { position: relative; background-color: #f3f4fa !important; }
#recruit .messageBox dl { padding: 50px 18px 20px; }
#recruit .messageBox .messageNum { position: absolute; top: -20px; left: 50%; margin-left: -30px; height: 60px; width: 60px; line-height: 60px; text-align: center; color: #fff; background-color: #ea5504; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
#recruit .messageBox .messageNum span { font-size: 114%; font-weight: bold; }
#recruit .messageBox .messageTitle { margin-bottom: 5px; font-size: 114%; font-weight: bold; color: #0b328f; }

/*　qa
----------------------------------------*/
/*　message
----------------------------------------*/
#recruit .messageArea:before, #recruit .messageArea:after { content: ""; display: table; }
#recruit .messageArea:after { clear: both; }
#recruit .messageArea .areaStaff { width: 112px; float: right; position: relative; padding-top: 130px; text-align: center; }
#recruit .messageArea .areaStaff:after { content: ""; width: 112px; height: 112px; position: absolute; top: 0; right: 0; background: url("../../img/corp/recruit/message/bg_message01.gif") no-repeat right top; }
@media screen and (min-width: 0px) and (max-width: 667px) { #recruit .messageArea .areaStaff { float: inherit; clear: both; display: block; margin: 0 auto; margin-bottom: 20px; } }
#recruit .messageArea .areaComment { position: relative; float: left; width: 530px; background: #fff4d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #recruit .messageArea .areaComment { width: 100%; } }
#recruit .messageArea .areaComment > dl { padding: 15px 15px 0 15px; }
#recruit .messageArea .areaComment > dl > dt { margin-bottom: 15px; font-size: 114%; font-weight: bold; color: #0b328f; }
#recruit .messageArea .areaComment > dl > dd { margin-bottom: 20px; }
#recruit .messageArea .areaComment:after { content: ""; position: absolute; top: 55px; right: -15px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #fff4d1; }
@media screen and (min-width: 0px) and (max-width: 667px) { #recruit .messageArea .areaComment:after { top: -10px; left: 50%; margin-left: -5px; border-width: 0 10px 15px 10px; border-color: transparent transparent #fff4d1 transparent; } }
#recruit .messageArea2:before, #recruit .messageArea2:after { content: ""; display: table; }
#recruit .messageArea2:after { clear: both; }
#recruit .messageArea2 .areaStaff { width: 112px; float: left; position: relative; padding-top: 130px; text-align: center; color: #0b328f; }
#recruit .messageArea2 .areaStaff:after { content: ""; width: 112px; height: 112px; position: absolute; top: 0; left: 0; background: url("../../img/corp/recruit/message/bg_message02.gif") no-repeat left top; }
@media screen and (min-width: 0px) and (max-width: 667px) { #recruit .messageArea2 .areaStaff { float: inherit; clear: both; display: block; margin: 0 auto; margin-bottom: 20px; } }
#recruit .messageArea2 .areaComment { position: relative; float: right; width: 530px; background: #f3f4fa; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #recruit .messageArea2 .areaComment { width: 100%; float: inherit; clear: both; display: block; } }
#recruit .messageArea2 .areaComment > dl { padding: 15px 15px 0 15px; }
#recruit .messageArea2 .areaComment > dl > dt { margin-bottom: 15px; font-size: 114%; font-weight: bold; color: #0b328f; }
#recruit .messageArea2 .areaComment > dl > dd { margin-bottom: 20px; }
#recruit .messageArea2 .areaComment:after { content: ""; position: absolute; top: 55px; left: -15px; width: 0; height: 0; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #f3f4fa transparent transparent; }
@media screen and (min-width: 0px) and (max-width: 667px) { #recruit .messageArea2 .areaComment:after { top: -10px; left: 50%; margin-left: -5px; border-width: 0 10px 15px 10px; border-color: transparent transparent #f3f4fa transparent; } }

/*　entry
----------------------------------------*/
#recruit #formRecruitName01val { float: left; }
#recruit #formRecruitName02val { margin-left: 174px; }
#recruit #formRecruitKana01val { float: left; }
#recruit #formRecruitKana02val { margin-left: 174px; }

/*　flex
----------------------------------------*/
#recruitWoman .tel {
	display:flex; flex-wrap: nowrap; width:80%; margin:0 auto;
	justify-content: space-between;
}
@media screen and (max-width: 667px) {
	#recruitWoman .tel { 
		width:100%;
	}
}

#recruitWoman .tel li {
	width: 100%;
    margin: 0;
    vertical-align: top;
    font-size: 1.2rem;
}
#recruitWoman .tel li a.phone-west {
	background-color:#f4650f;
	display: block;
	width:79%;
	margin-right:10%;
	padding:1rem; 
	padding-bottom:1rem; 
	text-align:center;
	color:#fff;
	font-size: 2rem;
	font-weight: 700;
}
#recruitWoman .tel  li a.phone-west span {
	font-size: 2rem;
	font-weight: 700;
}
#recruitWoman .tel li a.phone-east {
	background-color:#72cfa5; 
	display: block;
	width:79%;
	padding:1rem; 
	padding-bottom:1rem; 
	text-align:center;
	color:#fff;
	font-size: 2rem;
	font-weight: 700;
}
#recruitWoman .tel li a.phone-east span {
	font-size: 2rem;
	font-weight: 700;
}

#recruitWoman .tel li a.phone-west:hover,
#recruitWoman .tel li a.phone-east:hover {
	opacity: 0.7;
	color:#333;
	text-decoration:none;
}

@media screen and (max-width: 667px) {
	#recruitWoman .tel li {
		width:45%;
	}
	#recruitWoman .tel li a.phone-west,
	#recruitWoman .tel li a.phone-east {
		font-size: 1.2rem;
		padding: 1rem 0;
		margin: 0 auto;
		width: 100%;
	}
	#recruitWoman .tel li a.phone-west span,
	#recruitWoman .tel li a.phone-east span {
		font-size: 1.1rem;
		padding: 1rem 0;
		margin: 0 auto;
		width: 100%;
	}
}