@charset "utf-8";
html body {
	background: url("../images/body_bg.gif") repeat-x left 7px;
}

.iframe_code_wrap {
	margin: 0 auto;
	padding: 0;
	margin-top: 20px;
	max-width: 280px;
	text-align: center;
}
.iframe_code_wrap iframe {
	margin: -10px 0 0 -10px;
	padding: 0;
	transform:scale(0.93);
	-o-transform:scale(0.93);
	-webkit-transform:scale(0.93);
	-moz-transform:scale(0.93);
	-ms-transform:scale(0.93);
}
.title img.goto_tokubai_btn {
	margin-top: 10px;
}

/*-----------------------------------------------------------*/
/*採用情報　2017〜*/
/*-----------------------------------------------------------*/
#recruit {
	width: 1100px;
	margin: 30px auto 90px;
	text-align: center;
}
#recruit ul {
	margin: 0;
	padding: 0;
	letter-spacing:-0.4em;/*隙間をなくすためのハック*/
}
#recruit ul li {
	margin: 0;
	padding: 0;
		*display: inline;/*IE用のハック*/
		zoom: 1;/*IE用のハック*/
		letter-spacing:normal;/*隙間をなくすためのハック*/
}
#recruit img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}
/*ページ内ナビ*/
#recruit ul.recruitnav {
	width: 100%;
	overflow: hidden;
	margin: 10px auto;
	margin-bottom: 145px;
	text-align: center;
}
#recruit ul.recruitnav li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}
#recruit ul.recruitnav li a {
	display: block;
	float:  left;
	width: 230px;
	height: 97px;
}
#recruit ul.recruitnav li span {
	display: none;

}
li.topkeyword {background:url(../images/recruitimg/nav01.png) top center no-repeat;}
li.topkeyword:hover {background:url(../images/recruitimg/nav01_h.png) top center no-repeat;}
li.jobtype {background:url(../images/recruitimg/nav02.png) top center no-repeat;}
li.jobtype:hover {background:url(../images/recruitimg/nav02_h.png) top center no-repeat;}
li.employee {background:url(../images/recruitimg/nav03.png) top center no-repeat;}
li.employee:hover {background:url(../images/recruitimg/nav03_h.png) top center no-repeat;}
li.part {background:url(../images/recruitimg/nav04.png) top center no-repeat;}
li.part:hover {background:url(../images/recruitimg/nav04_h.png) top center no-repeat;}

.anc {margin-bottom: 100px;}
/*職種紹介*/
.box02 {
	margin-top:100px;
}
.box02 img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/*社員について*/
.box03 {
	width: 860px;
	margin: 0 auto;
	padding-bottom: 140px;
	border: 4px solid #40220f;
	border-radius: 30px;
}
.box03 h3 {
	margin-top: -43px;
}
.box03 h4 {
	margin-top:70px; 
	margin-bottom: 50px;
}
.box03 p {
	margin-bottom: 30px;
}
/*アルバイトさん・パートさんについて*/
.box04 {
	width: 860px;
	margin: 120px auto 0;
	padding-bottom: 70px;
	border: 4px solid #40220f;
	border-radius: 30px;
}
.box04 h3 {
	margin-top: -43px;
}
.box04 h4 {
	margin-top:70px; 
	margin-bottom: 50px;
}
.box04 p {
	margin-bottom: 30px;
}

/*追加採用*/
.box00 {
	margin:50px 10px 50px 10px;
}
.box00 img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

@media screen and (min-width: 768px) {

	/*外部採用情報リンク*/
	#recruit ul.recruit_link {
		overflow: hidden;
		margin: 90px auto 40px;
		text-align: center;
	}
	#recruit ul.recruit_link li {
		display: inline-block;
		margin: 0 25px;
		vertical-align: top;
	}
	li.rec_new {
		width: 401px;
		height: 210px;
		text-align: center;
		background: url(../images/recruitimg/img28.png) top center no-repeat;
	}
	li.rec_new div.center {
		margin: 60px auto 0 auto;
		float: center;
	}
	/*社員*/
	.box03_in01 {
		position:relative;
		height:199px;
	}
		.box03_in01 img.photo {
			position:absolute;
			top: 0;
			left: 70px;
		}
		.box03_in01 img.text {
			position:absolute;
			top: 40px;
			right:90px;
		}

	.box03_in02 {
		position:relative;
		height:169px;
	}
		.box03_in02 img.photo {
			position:absolute;
			top: 0;
			right: 60px;
		}
		.box03_in02 img.text {
			position:absolute;
			top: 40px;
			left:90px;
		}

	.box03_in03 {
		position:relative;
		height:183px;
	}
		.box03_in03 img.photo {
			position:absolute;
			top: 0;
			left: 50px;
		}
		.box03_in03 img.text {
			position:absolute;
			top: 40px;
			right:60px;
		}

	.box03_in04 {
		position:relative;
		height:189px;

		}
		.box03_in04 img.photo {
			position:absolute;
			top: 0;
			right: 70px;
		}
		.box03_in04 img.text {
			position:absolute;
			top: 40px;
			left:80px;
		}

	.box03_in05 {
		position:relative;
		height:172px;
	}
		.box03_in05 img.photo {
			position:absolute;
			top: 0;
			left: 50px;
		}
		.box03_in05 img.text {
			position:absolute;
			top: 40px;
			right:60px;
		}

	.box03_in06 {
		position:relative;
		height:193px;
	}
		.box03_in06 img.photo {
			position:absolute;
			top: 0;
			right: 60px;
		}
		.box03_in06 img.text {
			position:absolute;
			top: 40px;
			left:80px;
		}

	.box04_in01 {
		position:relative;
		height:367px;
	}
		.box04_in01 img.photo {
			position:absolute;
			top: 0;
			left: 70px;
		}
		.box04_in01 img.text {
			position:absolute;
			right:70px;
		}
	.box04_in02 {
		position:relative;
		height:395px;
		margin-top: 60px;
	}
		.box04_in02 img.photo {
			position:absolute;
			top: 0;
			right: 70px;
		}
		.box04_in02 img.text {
			position:absolute;
			top: 40px;
			left:70px;
		}
	.box04_in03 {
		position:relative;
		height:386px;
		margin-top: 60px;
	}
		.box04_in03 img.photo {
			position:absolute;
			top: 0;
			left: 70px;
		}
		.box04_in03 img.text {
			position:absolute;
			top: 40px;
			right:70px;
		}
	.box04_in04 {
		position:relative;
		height:431px;
		margin-top: 60px;
	}
		.box04_in04 img.photo {
			position:absolute;
			top: 0;
			right: 30px;
		}
		.box04_in04 img.text {
			position:absolute;
			top: 40px;
			left:50px;
		}
	/*アルバイト・パート*/
	.box05_in01 {
		position:relative;
		height:206px;
	}
		.box05_in01 img.photo {
			position:absolute;
			top: 0;
			right: 60px;
		}
		.box05_in01 img.text {
			position:absolute;
			top: 80px;
			left:90px;
		}
	.box05_in02 {
		position:relative;
		height:173px;
	}
		.box05_in02 img.photo {
			position:absolute;
			top: 0;
			left: 70px;
		}
		.box05_in02 img.text {
			position:absolute;
			top: 70px;
			right:50px;
		}
	.box05_in03 {
		position:relative;
		height:178px;
		margin-top: 20px;
	}
		.box05_in03 img.photo {
			position:absolute;
			top: 0;
			right: 90px;
		}
		.box05_in03 img.text {
			position:absolute;
			top: 50px;
			left:100px;
		}
	.box05_in04 {
		position:relative;
		height:175px;
	}
		.box05_in04 img.photo {
			position:absolute;
			top: 0;
			left:100px;
		}
		.box05_in04 img.text {
			position:absolute;
			top: 50px;
			right:90px;
		}
	.box06_in01 {
		position:relative;
		height:356px;
	}
		.box06_in01 img.photo {
			position:absolute;
			top: 0;
			left: 70px;
		}
		.box06_in01 img.text {
			position:absolute;
			right:70px;
		}
	.box06_in02 {
		position:relative;
		height:412px;
		margin-top: 40px;
	}
		.box06_in02 img.photo {
			position:absolute;
			top: 0;
			right: 30px;
		}
		.box06_in02 img.text {
			position:absolute;
			left:70px;
		}
	.box06_in03 {
		position:relative;
		height:355px;
		margin-top: 40px;
	}
		.box06_in03 img.photo {
			position:absolute;
			top: 0;
			left: 70px;
		}
		.box06_in03 img.text {
			position:absolute;
			right:70px;
		}
	.box06_in04 {
		position:relative;
		height:364px;
		margin-top: 40px;
	}
		.box06_in04 img.photo {
			position:absolute;
			top: 0;
			right: 30px;
		}
		.box06_in04 img.text {
			position:absolute;
			left:70px;
		}

a[href^="tel:"] {
    pointer-events: none;
}

}/*end @media*/

@media all and (max-width:600px) {
	div#wowslider-container1 {
		margin-bottom: -50px;
		
	}
}


@media screen and (max-width: 767px) {
	#recruit {
		width: auto;
		margin: 60px auto 60px;
	}
	#recruit img {
		max-width: 100%;
		margin: 0;
		padding: 0;
		vertical-align: text-bottom;
		-ms-interpolation-mode: bicubic;
	}
	#recruit ul.recruitnav {
		margin-bottom: 40px;
	}
	#recruit ul.recruit_link li {
		width: 280px;
		margin: 0 auto;
	}
	#recruit ul.recruit_link li img{
		width: 200px;
	}
	li.rec_new {
		width: 280px;
		height: 147px;
		margin: 50px 0 0 0;
		background: url(../images/recruitimg/img28.png) top center no-repeat;
		background-size: 280px 147px;
		text-align: center;
	}
	li.rec_new div {
		display: inline-block;
	}
	li.rec_new div.center {
		margin-top: 42px;
	}
	li.rec_new div.left, li.rec_new div.right {
	margin: 40px auto 0 22px;
	}
	li.rec_new div.left img, li.rec_new div.right img{
	margin: 0 auto 0 auto;
	}







	li.rec_bnr {
		width: 280px;
		height: 147px;
		//background: url(../images/recruitimg/img27.png) top center no-repeat;
		background-size: 280px 105px;
		text-align: center;
	}
	li.rec_bnr img{
		width: 280px !important;
	}
	li.rec_bnr div {
		display: inline-block;
	}
	li.rec_bnr div.center {
		margin-top: 42px;
	}
	li.rec_bnr div.left, li.rec_new div.right {
	margin: 40px auto 0 22px;
	}
	li.rec_bnr div.left img, li.rec_bnr div.right img{
	margin: 0 auto 0 auto;
	}










	img.recruit_link_next {
		width: 95%;
	}
	#recruit ul.recruit_link {

		margin: 30px auto 30px;
	}
	.box02 {
		margin-top:30px;
		padding: 0 20px;
	}
	/*社員さんについて*/
	.box03 {
		width: auto;
		margin: 100px 10px 0;
		padding: 0 10px 20px;
	}
	.box03 h3 {
		margin-top: -43px;
		margin-bottom: 10px;
		margin-left:40px; 
		margin-right:40px;
	}
	.box03 h4 {
		margin-top: 20px;
		margin-left:40px; 
		margin-right:40px; 
		margin-bottom: 10px;
	}
	/*アルバイトさん・パートさんについて*/
	.box04 {
		width: auto;
		margin: 100px 10px 0;
		padding: 0 10px 20px;
	}
	.box04 h3 {
		margin-top: -23px;
		margin-bottom: 10px;
		margin-left:40px; 
		margin-right:40px;

	}
	.box04 h4 {
		margin-top: 20px;
		margin-left:40px; 
		margin-right:40px; 
		margin-bottom: 10px;
	}

/*追加採用*/
.box00 {
	margin:20px 10px 20px 10px;
}
.box00 img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

}/*end @media*/



/* @margin
-------------------------------------------- */
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt120 { margin-top:120px; }
.mt130 { margin-top:130px; }
.mt140 { margin-top:140px; }
.mt150 { margin-top:150px; }
.mt160 { margin-top:160px; }
.mt170 { margin-top:170px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }

.mr3 { margin-right:3px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }


.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml160 { margin-left:160px; }
	
.mt-5 { margin-top:-5px; }
.mt-10 { margin-top:-10px; }
.mt-20 { margin-top:-20px; }
.mt-30 { margin-top:-30px; }
.mb-5 { margin-bottom:-5px; }
.ml-5 { margin-left:-5px; }
.ml-10 { margin-left:-10px; }
.ml-20 { margin-left:-20px; }