@charset "utf-8";

/** margin-bottom **/
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

.indentTxt {
	text-indent: -1.1em;
	padding-left: 1.1em;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.relaWrap {
	position: relative;
}

.absLink {
	width: 0;
	height: 0;
	pointer-events: none;
	position: absolute;
	top: -100rem;
}


@media(min-width: 1024px){
  
	a[href^="tel:"]{
    	pointer-events: none;
	}
	
	

}

.jobCase {
	background:url(../image/job/job_mainbg.jpg) top left repeat;
	background-size: auto;
}


/* titleArea */


.titleArea {
	background: url(../image/job/job_mainTitle.png) left top no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: 600px;
	position: relative;
	padding: 80px 0;
}


.titleArea.jobPage::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../image/job/job_title_bg.png) left bottom 80px no-repeat;
	background-size: 100% auto;
	content: '';
	z-index: 1;
}

.titleInner {
	width: 1260px;
	max-width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.pageRela {
	position: relative;
	padding-bottom: 10px;
}

.pageTitle {
	font-weight: 600;
	font-size: 54rem;
	line-height: 1.0;
	color: #222222;
	position: relative;
	z-index: 4;
	letter-spacing: .05em;
}

.pageSub {
	position: absolute;
	left: 0;
	bottom: -15px;
	z-index: 3;
}

.contInner {
	width: 1260px;
	max-width: 90%;
	margin: 0 auto;
}

.subTitleArea {
	position: relative;
	margin-bottom: 100px;
}

.subTitleJa {
	font-size: 52rem;
	font-weight: 500;
	letter-spacing: .05em;
}

.subTitleEn {
	position: absolute;
	bottom: -30px;
	left: 0;
}


@media screen and (max-width: 1024px){

	.absLink {
		top: -150rem;
	}

	.titleArea {
		background: url(../image/job/job_mainTitle_sp.png) left bottom no-repeat;
		background-size: auto;
		height: 300px;
		padding: 10px 0;
	}

	.titleArea.jobPage::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../image/job/job_title_bg.png) right 50% bottom 30px no-repeat;
		background-size: auto 150px;
		content: '';
		z-index: 1;
	}
	

	.pageSub img {
		max-height: 50px;
	}

	.subTitleEn {
		bottom: -15px;
	}

}

/*-------------------------------------------------------------------
	job
-------------------------------------------------------------------*/

.departArea {
	padding: 100rem 0 0;
}

.departArea .contInner {
	border-bottom: 1px solid #222;
	padding-bottom: 100px;
	margin: 0 auto 100px;
}

.departLead {
	text-align: center;
	font-size: 20rem;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 80px;
}

.departFlex {
	display: flex;
	flex-wrap: wrap;
}

.departFlex .departSame {
	width: 23.5%;
	margin-right: 2%;
}

.departFlex .departSame:nth-child(4n) {
	margin-right: 0;
}

.departFlex .departSame:nth-child(n + 5) {
	margin-top: 100px;
}

.departTitle {
	text-align: center;
	font-size: 25rem;
	color: #522b04;
	font-weight: 500;
	margin-bottom: 40px;
}

.departImg {
	min-height: 220px;
	text-align: center;
}

.departTxt {
	line-height: 1.8;
}


@media screen and (max-width: 1024px){

	

	.departArea .contInner {
		border-bottom: 1px solid #222;
		padding-bottom: 70px;
		margin: 0 auto 70px;
	}

	.departLead {
		text-align: center;
		font-size: 28rem;
		font-weight: 500;
		line-height: 1.8;
		margin-bottom: 50px;
	}

	.departFlex {
		display: block;
		flex-wrap: wrap;
	}

	.departFlex .departSame {
		width: auto;
		margin-right: 0;
	}

	.departFlex .departSame:nth-child(n + 2) {
		margin-top: 50px;
	}

	.departTitle {
		text-align: center;
		font-size: 40rem;
		color: #522b04;
		font-weight: 500;
		margin-bottom: 20px;
	}

	.departImg {
		min-height: inherit;
		text-align: center;
		margin-bottom: 30px;
	}

	.departTxt {
		font-size: 28rem;
		line-height: 1.8;
	}



}

.employeeArea {
	padding: 0 0 150rem;
}

.humanFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	align-items: center;
}

.humanPhoto {
	width: 30%;
	text-align: center;
}

.humanText {
	width: 70%;
}

.humanTitle {
	margin-bottom: 40px;
}


.humanTitle dt {
	border-left: 5px solid #522b04;
	padding: 3px 0 3px 20px;
	margin-bottom: 10px;
	font-size: 30rem;

}
.humanTitle dd {
	font-size: 32rem;
	font-weight: 600;
	padding-left: 20px;
}

.humanTitle dd span {
	font-size: 22rem;
}

.humanCatch {
	font-size: 25rem;
	color: #522b04;
	font-weight: 600;
	margin-bottom: 20px;

}

.humanLead {
	line-height: 1.8;
}

@media screen and (max-width: 1024px){




	.humanFlex {
		display: block;
		margin-bottom: 50px;
	}

	.humanPhoto {
		width: auto;
		text-align: center;
		margin-bottom: 30px;
	}

	.humanText {
		width: auto;
	}

	.humanTitle {
		margin-bottom: 30px;
	}


	.humanTitle dt {
		font-size: 40rem;
	}
	.humanTitle dd {
		font-size: 32rem;
		font-weight: 600;
		padding-left: 20px;
	}

	.humanTitle dd span {
		font-size: 28rem;
	}

	.humanCatch {
		font-size: 32rem;
	}

	.humanLead {
		font-size: 28rem;
	}

}

.faqFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.faqFlex.rev {
	flex-direction: row-reverse;
	margin-bottom: 80px;
}

.faqSame {
	width: 48%;
}
.quesTitle {

	background: #f9efdc;
	padding: 10px 20px 15px;
	border-radius: 9999px;
	color: #522b04;
	font-weight: 600;
	font-size: 25rem;
	margin-bottom: 20px;
}


.ansTitle {
	color: #522b04;
	font-weight: 600;
	font-size: 18rem;
	margin-bottom: 15px;
	padding-left: 20px;
}

.faqSame .humanLead {
	padding-left: 20px;
}


@media screen and (max-width: 1024px){

	
	.faqFlex {
		display: block;
	}

	.faqSame {
		width: auto;
}
	.quesTitle {
		font-size: 34rem;
	}


	.ansTitle {
		color: #522b04;
		font-weight: 600;
		font-size: 28rem;
		margin-bottom: 15px;
	}

	figure.faqSame {
		text-align: center;
		margin-top: 30px;
	}

}