@charset "UTF-8";
body {
	background-color: #fbf8f2;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main  
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main {
	width: 100%;
	/* height: 534px; */
	height: 364px;
	/* background-image: url(../../img/sp/main.jpg); */
}
.mainover {
	/* height: 534px; */
	height: 364px;
}
#main p {
	line-height: 1.5;
}
#main .subcopy {
	font-size: 14px;
	margin-bottom: 2px;
}
#main .maincopy {
	font-size: 29px;
	line-height: 1.2;
	margin-bottom: 4px;
}
#main .job {
	font-size: 12px;
	margin-left: 0px;
}
div.contact {
	border: 2px solid #f29600;
	padding: 18px 18px 12px 18px;
}
div.contact .content_box {
	width: auto;
}
div.contact p.hd {
	font-size: 12px;
	border-left: 4px solid #f29600;
	padding: 0 0 0 5px;
	margin-bottom: 2px;
}
div.contact .tel {
	width: auto;
	float: none;
}
div.contact .tel .phoneno {
	color: #f29600;
	font-size: 36px;
	line-height: 1.1;
	background-position: left 9px;
	background-size: auto 22px;
	padding: 0 0 0 38px;
}
div.contact .tel .phoneno a {
	color: #f29600;
}
div.contact .tel .eigyo {
	font-size: 10px;
	margin-bottom: 12px;
}
div.contact .mail {
	width: auto;
	float: none;
}
#main + div.contact {
	margin-top: -86px;
	margin-bottom: 30px;
}
div.contact .mail a {
	padding: 10px 0;
	margin: 8px 0 0 0;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;
	text-align: center;
}
div.contact .mail a span {
	background-size: auto 12px;
	padding: 0 0 0 29px;
}
/*アコーディオン*/
h2.accordionTrigger {
	padding: 0;
	border-bottom: 1px solid #fff;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	color: #fff;
	margin-left: -15px;
	width: calc(100% + 30px);
	position: relative;
	display: block;
	letter-spacing: 0;
	margin-bottom: 0;
}
h2.accordionTrigger:after {
	position: absolute;
	right: 18px;
	top: 29px;
	content: "";
	display: inline-block;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	height: 8px;
	width: 8px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.active h2.accordionTrigger:after {
	position: absolute;
	right: 18px;
	top: 29px;
	content: "";
	display: inline-block;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-top: none;
	height: 8px;
	width: 8px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.accordionBody {
	display: none;
}
h2.accordionTrigger span {
	display: none;
}
.active h2.accordionTrigger span {
	display: block;
}
.active h2.accordionTrigger {
	border-bottom: none;
	height: auto;
}
.active h2.hd > span {
	display: block;
	line-height: 2;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　#satisfy
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#satisfy {
}
#satisfy.active {
	margin-bottom: 24px;
}
#satisfy h2.accordionTrigger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#614530+0,392316+100 */
	background: #614530; /* Old browsers */
	background: -moz-linear-gradient(top, #614530 0%, #392316 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #614530 0%, #392316 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #614530 0%, #392316 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#614530', endColorstr='#392316', GradientType=0 ); /* IE6-9 */
}
#satisfy.active h2.accordionTrigger {
	margin-bottom: 28px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#392316+0,614530+100 */
	background: #392316; /* Old browsers */
	background: -moz-linear-gradient(top, #392316 0%, #614530 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #392316 0%, #614530 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #392316 0%, #614530 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#392316', endColorstr='#614530', GradientType=0 ); /* IE6-9 */
}
#satisfy h2 span {
	letter-spacing: 0;
	display: none;
}
#satisfy h3 {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 8px;
}
#satisfy div:nth-child(2n+1) h3 {
}
#satisfy .box img {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto 10px auto;
	display: block;
}
#satisfy .box:nth-of-type(even) img {
	float: none;
	margin: 0 0 10px 0;
}
#satisfy .box:nth-of-type(1) img {
	margin: 0 auto 24px auto;
	max-width: 200px;
	height: auto;
}
#satisfy .box {
	margin-bottom: 30px;
	overflow: hidden;
}
#satisfy .box p.img {
	float: none;
	margin-bottom: 0;
}
#satisfy .box p.img img {
	margin-bottom: 10px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　#staff
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#staff {
	padding: 0;
	margin-top: 0;
}
#staff.active {
	padding: 0px 0 20px 0;
}
#staff h2.accordionTrigger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dc22f+0,63a515+100 */
	background: #8dc22f; /* Old browsers */
	background: -moz-linear-gradient(top, #8dc22f 0%, #63a515 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8dc22f 0%, #63a515 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8dc22f 0%, #63a515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc22f', endColorstr='#63a515', GradientType=0 ); /* IE6-9 */
}
#staff.active h2.accordionTrigger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63a515+0,8dc22f+100 */
	background: #63a515; /* Old browsers */
	background: -moz-linear-gradient(top, #63a515 0%, #8dc22f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #63a515 0%, #8dc22f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #63a515 0%, #8dc22f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a515', endColorstr='#8dc22f', GradientType=0 ); /* IE6-9 */
}
#staff h2 > span {
	margin-bottom: 25px;
}
#staff ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0;
}
#staff ul li {
	width: 100%;
	max-width: none;
	margin-bottom: 16px;
}
#staff ul li img {
}
#staff ul li h3 {
	font-size: 16px;
	padding: 13px 20px 3px 20px;
}
#staff ul li p {
	font-size: 12px;
	line-height: 1.5;
	padding: 0px 20px 16px 20px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　#welfare
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#welfare {
	padding: 0;
	margin-top: 0;
}
#welfare.active {
	padding: 0px 0 20px 0;
}
#welfare h2.accordionTrigger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29400+0,e96a00+100 */
	background: #f29400; /* Old browsers */
	background: -moz-linear-gradient(top, #f29400 0%, #e96a00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f29400 0%, #e96a00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f29400 0%, #e96a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29400', endColorstr='#e96a00', GradientType=0 ); /* IE6-9 */
}
#welfare.active h2.accordionTrigger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e96a00+0,f29400+100 */
	background: #e96a00; /* Old browsers */
	background: -moz-linear-gradient(top, #e96a00 0%, #f29400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e96a00 0%, #f29400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e96a00 0%, #f29400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96a00', endColorstr='#f29400', GradientType=0 ); /* IE6-9 */
}
#welfare h2 > span {
	margin-bottom: 5px;
}
#welfare h2 span span {
	font-size: 12px;
}
#welfare dl {
	padding: 20px;
	margin-bottom: 32px;
}
#welfare dt {
	font-size: 16px;
	border-radius: 35px;
	margin-right: 0;
	width: 100%;
	height: auto;
	padding: 6px 0;
	float: none;
	margin-bottom: 10px;
}
#welfare h3 {
	font-size: 18px;
	margin-bottom: 14px;
}
#welfare div.box {
}
#welfare div.box div {
	width: 100%;
	max-width: none;
	margin-bottom: 14px;
}
#welfare div.box img {
	width: 120px !important;
	height: auto !important;
	float: left;
	margin-right: 12px !important;
}
#welfare div.box h4 {
	font-size: 16px;
	padding: 12px 12px 4px 14px;
	text-align: left;
}
#welfare div.box p {
	font-size: 12px;
	padding: 0 10px 8px 134px;
}
#welfare div.box .yoko {
	max-width: none;
	width: 100%;
}
#welfare div.box .notice {
	background-position: right 8px top 8px;
	background-size: 34px;
}
#welfare div.box img {
}
#welfare div.box .yoko h4 {
}
#welfare div.box .yoko p {
	width: auto;
	padding: 0 10px 8px 134px;
}
#welfare div.contact {
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　#company
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#company {
	padding: 0;
}
#company.active {
	padding: 0px 0 20px 0;
}
#company h2.accordionTrigger {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7e7e7e+0,555555+100 */
	background: #7e7e7e; /* Old browsers */
	background: -moz-linear-gradient(top, #7e7e7e 0%, #555555 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7e7e7e 0%, #555555 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7e7e7e 0%, #555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#555555', GradientType=0 ); /* IE6-9 */
}
#company.active h2.accordionTrigger {
	margin-bottom: 24px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,7e7e7e+100 */
	background: #555555; /* Old browsers */
	background: -moz-linear-gradient(top, #555555 0%, #7e7e7e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #555555 0%, #7e7e7e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #555555 0%, #7e7e7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#7e7e7e', GradientType=0 ); /* IE6-9 */
}
#company h3 {
	font-size: 16px;
	margin-bottom: 12px;
}
#company .company {
	overflow: hidden;
}
#company .company img {
	width: 100%;
	max-width: 260px;
	margin: 0 auto 18px auto;
	float: none;
}
#company .company dl {
	width: 100%;
	font-size: 12px;
	margin-left: 0;
	float: none;
}
#company .company dl.long {
	margin-bottom: 12px;
}
#company .company dl dt {
	width: 100%;
	float: none;
	margin-bottom: 2px;
}
#company .company dl dd {
	padding-left: 0;
	margin-bottom: 14px;
}
#company .branch {
	margin-bottom: 0;
}
#company .company a, #company .branch a {
	color: #000;
}
#company .branch div.box {
}
#company .branch div.box div {
	width: 100%;
	margin-left: 0;
}

#company .branch div.box div:nth-of-type(1) {order: 1}
#company .branch div.box div:nth-of-type(2) {order: 7}
#company .branch div.box div:nth-of-type(3) {order: 2}
#company .branch div.box div:nth-of-type(4) {order: 8}
#company .branch div.box div:nth-of-type(5) {order: 3}
#company .branch div.box div:nth-of-type(6) {order: 9}
#company .branch div.box div:nth-of-type(7) {order: 4}
#company .branch div.box div:nth-of-type(8) {order: 10}
#company .branch div.box div:nth-of-type(9) {order: 5}
#company .branch div.box div:nth-of-type(10) {order: 11}
#company .branch div.box div:nth-of-type(11) {order: 6}
#company .branch div.box div:nth-of-type(12) {order: 12}

#company .branch h4, #company .branch p {
	font-size: 12px;
}
#company .branch h4 {
}
#company .branch p {
	margin-bottom: 14px;
}
#company div.contact {
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　#stage
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#stage {
	overflow: hidden;
	padding: 24px 0 0 0;
}
#stage .jobimg {
/*	float: none;*/
	width: 100%;
	max-width: 250px;
	margin: 8px auto 15px;
}
#stage div.box {
	width: 100%;
	max-width: none;
/*	float: none;*/
}
#stage h2 {
	font-size: 21px;
	margin-bottom: 2px;
	text-align: center;
}
#stage h5 {
	font-size: 15px;
}

/*
#stage h2 {
	font-size: 30px;
	margin-bottom: 14px;
	text-align: center;
}
#stage dl {
	margin: 0 0 15px 0;
	line-height: 1.4;
}
#stage dl dt {
	margin-bottom: 5px;
}
#stage dl dt:nth-child(3) {
}
#stage dl dt:nth-child(5) {
}
#stage dl dt:nth-child(7) {
}
#stage dl dt:nth-child(9) {
}
#stage dl dd {
	margin-bottom: 5px;
}
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　#form
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#form {
	padding: 24px 0 20px 0;
}
#form h2+p {
	margin-bottom: 15px;
}
#form h2 {
	font-size: 28px;
	margin-bottom: 10px;
}
/*タブ────────────────────────────────────*/
#form .tab {
	padding: 0;
}
#form .tab li {
	margin: 0;
	width: 50%;
	height: 40px;
}
#form .tab li.active {
	height: 50px;
}
/*ラベル*/
#form .tab li label {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
/*中央揃えと矢印*/
#form .tab li span:before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 5px;
	width: 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin-right: 5px;
	margin-bottom: 0px;
}
#form .tab li.active span:before {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 2px;
}
/*枠内────────────────────────────────────*/
/*外枠*/
#form .box {
	border: 2.5px solid #f29600;
	padding: 22px 15px;
}
/*内枠*/
.formBlock {
	margin-bottom: 32px;
}
/*見出し*/
#form h3 {
	font-size: 16px;
	border-radius: 35px;
	padding: 6px 0;
	margin: 0 0 13px 0;
}
.formBlock p {
	margin-bottom: 17px;
	padding: 0;
}
/*フォーム枠*/
.formItem {
	padding: 0;
	display: block;
}
.formItem > dt, .formItem > dd {
	width: 100%;
	padding: 0;
}
.formItem > dt {
	font-size: 14px;
	margin-bottom: 7px;
	line-height: 16px;
}
.formItem > dt.required:after {
	font-size: 10px;
	margin-left: 5px;
}
.formItem > dd {
	margin-bottom: 18px;
}
.formItem input[type=text], .formItem input[type=email], .formItem input[type=tel], .formItem select, .formItem textarea, .formItem label {
	width: 100%;
	height: 35px;
	padding: 0 10px;
	margin-right: 0px;
}
.formItem textarea {
	height: 100px;
	padding: 5px 10px;
}
.formItem input.middle, .formItem select.middle, .formItem textarea.middle {
	width: 100%;
}
.formItem input.short, .formItem select.short, .formItem textarea.short {
	width: 50%;
	margin-right: 10px;
}
.formItem input.auto, .formItem select.auto, .formItem textarea.auto {
	width: 50%;
	margin-right: 10px;
}
.formItem label {
	width: auto;
	height: auto;
	padding: 10px 20px;
	cursor: pointer;
}
.formItem .spmiddle {
	width: 50%!important;
	margin-right: 1%!important;
}
.formItem .spshort {
	width: 23.4%!important;
	margin-right: 1%!important;
}
.formItem .spshort[name=日] {
	margin-right: 0!important;
}
.formItem .flexbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*ボタン────────────────────────────────────*/
.mfp_buttons {
	
}
.mfp_buttons button, .mfp_buttons a {
	width: 200px;
	height: 50px;
	color: #fff;
	font-size: 14px;
	border: none;
	padding-left: 20px;
	line-height: 50px;
	
}
/*矢印*/
.mfp_buttons button:after {
	position: static;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 6px;
	width: 6px;
	margin: 0 0 1px 5px;
}
/*確認画面のキャンセル*/
#mfp_button_cancel {
	margin-right: 2%;
}
#mfp_button_cancel:after {
	display: none;
}
#mfp_button_cancel {
	padding: 0 0 0 20px;
}
#mfp_button_cancel:before {
	position: static;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	height: 6px;
	width: 6px;
	margin: 0 5px 1px 0px;
}
#mfp_phase_confirm button {
	width: 48%;
}
/*確認画面────────────────────────────────────*/
#mfp_confirm_table {
	margin-bottom: 30px;
}
#mfp_confirm_table, #mfp_confirm_table tr, #mfp_confirm_table tbody, #mfp_confirm_table th, #mfp_confirm_table td {
	display: block;
}
#mfp_confirm_table th {
	margin-bottom: 7px;
}
#mfp_confirm_table td {
	margin-bottom: 18px;
}
/*完了画面────────────────────────────────────*/
#thanks #form {
	padding-top: 0;
}
#thanks #form .box {
	display: block;
	padding: 20px;
	margin-bottom: 20px;
}
#thanks #form .box .img {
	margin: 0 auto 15px;
	max-width: 250px;
	width: 100%;
}