@charset "utf-8";
/* CSS Document */
.nengaBnrP{margin-top: 1em;padding-left: 1em; padding-right: 1em;}
/*----------------------------------------------------------------------------
***                                                                  wrap
----------------------------------------------------------------------------*/
#wrap{}
.mainBox{}
.sectionInner{ margin:2em auto;max-width: 980px;width: 100%;}

.mainBox .sectionInner{
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.mainBox .sectionInner{margin: 0 auto;}
.mainBox h2{font-weight: bold;}
.mainBox p{font-size: 90%;text-align: center;color: #fff;}

/* 769px以下*/
@media screen and (max-width:950px){

	.mainBox .sectionInner{border: none;width: 100%;}
}


/* リクルート */
#recruitSec .sectionInner{ width: 95%;}

#recruitSec .recruitBox{ margin-bottom: 50px;}
#recruitSec .recruitmenu{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin: 50px auto;}
#recruitSec .recruitmenu li{ text-align:center; font-size: 1.25rem; width: 220px;}
#recruitSec .recruitmenu li a{ color: #fff; padding: 0.5em 0.8em; background: #ff7d99; display: block;}
#recruitSec .recruitmenu li:first-child{ margin-right: 20px;}
#recruitSec .recruitmenu .btnttl a span{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);position: absolute;padding: 0 9px;}
#recruitSec .recruitmenu .btnttl a span img{width: 60%;}
#recruitSec .recruitinner p{text-align: center;font-size: 15px;}

.recruit_shokushu{
	max-width: 950px;
	width: 95%;
	margin: 0 auto;
	padding: 50px 0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	color: #ff7d99;
}
.recruit_shokushu dl{ width: 220px; margin: 0 25px;}
.recruit_shokushu dt{ font-size: 1.125rem; text-align: center; margin-bottom: 0.5em;}
.recruit_shokushu dd{color:#40210f; }
.recruit_shokushu dd:last-child{ margin-top: 1em; font-size: 0.875rem; }
.recruit_shokushu dd img{ border:3px solid #cdb29d;}

.requirebox{max-width:950px;width: 100%;margin: 0 auto;padding: 0px 0 80px;}
.require_title{ margin:0px auto 30px;text-align: center;font-size: 28px;color: #603813;}
.recruit_info{ max-width: 700px; margin:0 auto;width: 100%;}
.recruit_info > dl{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-top: #603813 1px dashed; padding:15px 0;}
.recruit_info > dl.center{align-items: center;}
.recruit_info > dl > dt{
	width: 8em;
	font-size: 1.125rem;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #ff7d99;
	color: #fff;
	font-size: 15px;
}
.recruit_info > dl > dd{ width: calc(100% - 12em); }
.recruit_info > dl > dd > ul > li{ margin:0.5em 0;}
.recruit_info > dl > dd strong{ margin-right: 0.5em;}
.recruit_info .experienceTxt{ display: block;}
.recruit_info .additionTxt{font-size: .875rem;line-height: 1.5em;display: inline-block;}


.recruit_form{ max-width: 700px; margin:0 auto; width: 100%;}
.recruit_form h3 {color: #603813;font-size: 28px; text-align: center;border-bottom: #603813 1px dashed; }
.recruit_form .formBox{  margin: 10px auto 70px; padding:0px 0px 10px; border-radius:15px;}
.recruit_form .formBox dl { display:-webkit-box; display:-ms-flexbox; display:flex; }
.recruit_form .formBox dt {display: inline-block;width: 30%;vertical-align: top;padding: 1em 1.5em;font-size: 1.125rem;color: #000000;}
.recruit_form .formBox dd {display: inline-block;width: 68%;padding:1em 2em;color: #000000;}
.recruit_form .formBox p {padding: 0.2rem 0;}
.recruit_form .formBox .required {padding: 0.5rem 0.2em;color: #FF0000;}
.recruit_form .formBox .komeTxt{margin-left: 0.5rem;}
.recruit_form .formBox .komeTxt02{color: red;}
.recruit_form .formBox input[type="checkbox"] {margin: 0px 5px 0px 0px;}
.recruit_form .formBox select {-webkit-appearance: menulist;-moz-appearance: menulist;appearance: menulist;}
.recruit_form .formBox input[type="radio"] {vertical-align: middle;margin-right: 0.5em;}
.recruit_form .formBox input[type=checkbox] {-ms-transform: scale(1.4);-webkit-transform: scale(1.4);transform: scale(1.4);margin-bottom: 0.5rem;}
.recruit_form .formBox input[type="text"] {width: auto;height: 2rem;font-size: 16px;padding: 0.2rem;border-radius: 3px;border: 1px solid #d3d3d3;margin: 0 0.5rem;}
.recruit_form .formBox textarea {height: 4rem;width: 92%;border-radius: 3px;padding: 0.2rem;border: 1px solid #d3d3d3;font-size: 16px;}
.recruit_form .formBox label {padding: 0 15px 0 0;display: inline-block;}
.recruit_form .formBox label[for="Mail"],.recruit_form .formBox label[for="Tel"]{padding: 0;}
.recruit_form .formBox select {padding: 0.2rem 2rem;background: #FFF;-webkit-appearance: none;-moz-appearance: none;appearance: none;
	/*Firefox用*/text-indent: .01px;-o-text-overflow: "";text-overflow: "";}
.recruit_form .formBox .bgGray {background: #F2F2F2;}
.recruit_form .formBox .ui-widget.ui-widget-content {-webkit-box-shadow: 1px 1px 4px 1px rgba(50, 50, 50, 0.4);box-shadow: 1px 1px 4px 1px rgba(50, 50, 50, 0.4);}
.recruit_form .formBox .ui-datepicker .ui-datepicker-title {
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.recruit_form .formBox .ui-datepicker select.ui-datepicker-month {font-size: 100%;padding: 0 0.2em;border-radius: 5px;line-height: 1;height: 2em;border: #bbb solid 1px;}
/* 日曜日のカラー設定 */
.recruit_form .formBox td.ui-datepicker-week-end:first-child a.ui-state-default {background-color: #ffecec;color: #f00 !important;}
/* 土曜日のカラー設定 */
.recruit_form .formBox td.ui-datepicker-week-end:last-child a.ui-state-default {background-color: #eaeaff;color: #00f !important;}
/* ホバー時の動作 */
.recruit_form .formBox td.ui-datepicker-week-end a.ui-state-hover {opacity: 0.8;}
/* 当日を示す色はそのまま */
.recruit_form .formBox td.ui-datepicker-week-end a.ui-state-highlight {background-color: #fffa90 !important;}
/* カーソルをポインターに変更 */
.recruit_form .formBox #datepickerId_box {position: relative;display: inline-block;margin-right: 1%;}
.recruit_form .formBox #datepickerId {position: absolute;top: 100%;left: 0;display: none;z-index: 1;}
.recruit_form .formBox #datepickerId_output {cursor: pointer;margin-right: 5px;width: 9em;text-align: center;}
.recruit_form .formBox .hasDatepicker {}
.recruit_form .formBox .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {cursor: pointer;top: calc(50% - 0.9em);}
.recruit_form .formBox #confBtnBox{margin-top: 3em;}
.recruit_form .formBox .submit {text-align: center;margin: 1rem 0 2rem;}
.recruit_form .formBox .submit button {
	font-family: "游明朝", Yu Mincho, "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, HiraMinProN-W3, "IPM 明朝", "HGS明朝E", "ＭＳ Ｐ明朝", MS PMincho, serif;
	background: #ff7d99;
	padding: 0.7rem 0;
	width: 30%;
	color: #fff;
	font-size: 1.25rem;
	cursor: pointer;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
	border: none;
}
.recruit_form .formBox .submit button:hover{opacity: 0.7;}
.recruit_oubo{border: 1px solid #cdb29d;border-radius: 20px;padding: 2em;}
.recruit_oubo_ttl{ font-size: 20px;text-align: center;font-weight: bold;}
.recruit_oubo_tel{text-align: center;font-size: 19px;}
.recruit_oubo_tel a{color: #000;}

/*プライバシーポリシー*/
#confBtnBox .privacy_check {text-align: center;}
#confBtnBox .privacy_check label{padding: 0;}
#confBtnBox .privacy_check input[type="checkbox"]{vertical-align: middle;}
form input[type="checkbox"]{margin: 0px 5px 0px 0px;}


/* 確認画面 */
.recruit_confirm .title_heading{ font-size: 35px;text-align: center;margin-top: 1em;}
#recruit_confirm .recruit_form .formBox dl{justify-content: flex-end;}
#recruit_confirm .recruit_form .formBox dd{width: 52%;}


/* 完了画面 */
.recruit_thanks .title_heading{ font-size: 35px;text-align: center;margin-top: 4em;}
.recruit_thanks > div{ margin: 70px 0 150px;}
.recruit_thanks > div p{ text-align:center; margin: 2em 0;font-size: 15px;}

@media screen and (max-width:950px) {
	.requirebox{ width: calc( 100% - 10px ); padding:20px 0;}
	.require_title{ margin: 8% auto;}
	#recruitSec .recruitmenu{margin: 40px auto 20px;}
	#recruitSec .recruitmenu li a{padding:0.5em 0.8em 0.5em 0; }
	.recruit_info{ width: 100%;}
	.recruit_info > dl > dt{ width: 6em; font-size: 1rem; padding:0.5em;margin-right: 0.5em;}
	.recruit_info > dl > dd{ width: calc(100% - 29%);}
	.recruit_info > dl > dd strong{ display: block;}
	
	.recruitinner p{ margin: 5% 0;}
	.recruit_shokushu{ width: calc(100% - 40px); -ms-flex-wrap: wrap; flex-wrap: wrap;padding: 20px; font-size: .875rem; font-weight: 400;}
	.recruit_shokushu dl{ width: 90%; margin:5% auto;}
	.recruit_shokushu dd{ text-align:center;}
	#recruitSec .recruitmenu{ width: 95%; margin:8% auto;}
	#recruitSec .recruitmenu li{ width: 48%;}
	#recruitSec .recruitmenu li:first-child{ margin-right: auto;}
	.recruit_form h3{ font-size: 1.75rem;}
	.recruit_form{ width: 95%;}
	.recruit_form .formBox * { font-size: 16px;}
	.recruit_form .formBox{ padding:0% 2%; margin:5% auto 8%;}
	.recruit_form .formBox dl { display:block; margin-bottom: 3%;}
	.recruit_form .formBox dt {width: 100%;background: #ff7d99;color: #FFF;padding: 0.5em 0 0.5em 1em;}
	.recruit_form .formBox dd {width: 100%;font-size: 1rem;padding: 5% 5px;}
	.recruit_form .formBox label{padding: 0;}
	.recruit_form .formBox input[type="text"]{ width: calc(100% - 35px);}
	.recruit_form .formBox #mailInput input[type="text"],.recruit_form .formBox #telInput input[type="text"]{ width: calc(100% - 10px);margin: 0;}
	.recruit_form .formBox textarea{ width: calc(100% - 1.4rem); margin:0 0.5em;}
	.recruit_form .formBox #datepickerId_output{margin-left: 0;}
	.recruit_form .formBox .nameInput label{ width: 50%; padding: 0;}
	.recruit_form .formBox .oldInput input[type="text"]{ width: 50%;}
	.recruit_form .formBox .submit{ margin: 7% 0 5%; }
	.recruit_form .formBox .submit button{ font-size: 1rem; width: 40%; padding: 0.5em 0;}

	.recruit_oubo_tel{font-size: 16px;}
	
	
	.recruit_confirm .title_heading { font-size: 1.875rem;}
	.recruit_thanks .title_heading {margin-top: 2em;}
	.recruit_thanks > div{ margin: 5% auto 170px; width: 95%; font-size: .875rem;}

}