@charset "utf-8";

/* ==================================================================
	recruit.css
=================================================================== */
#wrap{
	background:url(../../images/recruit/background.jpg) no-repeat top center;
	background-size:contain;
}

#contents section, #contents .section {
    margin-bottom: 0;
}

#contents .body{
	padding-top:3em;
}

#contents h2{
	margin:2em 0;
	color:#fff;
	text-align:center;
}
#contents h2 dfn{
	margin-top:1.5em;
	letter-spacing:0.1em;
}


/*-------------------------------------------------------------------
	join
-------------------------------------------------------------------*/
#contents #join.section{
	position:relative;
	margin-bottom:4em;
	padding:0;
	display:flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	height:374px;
	background:url(../../images/recruit/background-catch.jpg) no-repeat top center;
}

#contents #join p{
	position:relative;
	margin:0;
	font-size:220%;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	font-weight:bold;
	text-shadow:0 0 8px rgba(0,0,0,0.8);
}
#contents #join p:before{
	content:" ";
	display:block;
	position:absolute;
	top:-2.3em;
	left:1.2em;
	width:195px;
	height:101px;
	background:url(../../images/recruit/text-join.png) no-repeat top center;
}

/*-------------------------------------------------------------------
	jobs
-------------------------------------------------------------------*/
.jobs .division{
	margin-bottom:3em;
}


#contents .body .division h3{
	position:relative;
	margin-bottom:2em;
	color:#023692;
	box-sizing:border-box;
	border-bottom:2px solid #cecece;
}
.body .division h3 em{
	position:relative;
	display:inline-block;
	bottom:-2px;
	padding-bottom:20px;
	font-family: 'Oswald', sans-serif;
	border-bottom:2px solid #023692;
}

.body h3 em:before{
	position:relative;
	content:"募集職種";
	display:inline-block;
	top:-0.2em;
	margin-right:1em;
	padding:0.3em 0.5em;
	font-style:normal;
	font-size:52%;
	color:#fff;
	letter-spacing:0.1em;
	background:#023692;
}


.jobs table{
	margin-bottom:3em;
	width:100%;
}
.jobs th,
.jobs td{
	padding:1em 2em;
	border-bottom:1px solid #d3d3d3;
}
.jobs tr:last-child th,
.jobs tr:last-child td{
	border-bottom:0;
}

.jobs th{
	width:25%;
	text-align:center;
	background:#f9f9f9;
}



/*button ***/

.button.contact{
	text-align:center;
}
.button.contact a{
	position:relative;
	padding:0.9em 0.7em;
	border:2px solid #023692;
	width:40%;
	color:#023692;
	font-weight:bold;
	font-size:126%;
	transition: all .3s;
	background:url(../../images/common/icon/arrow/gt-blue.png) no-repeat 95% center;
	background-color:#fff;
	border-radius:0;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
}
.button.contact a:hover{
	background-position:96% center;
}


/*-------------------------------------------------------------------
	smart phone
-------------------------------------------------------------------*/
@media only screen and (max-width : 640px) {

#wrap{
	background-size:200%;
}

#contents h2{
	margin:1.5em 0;
	font-size:200%;
}

/*-------------------------------------------------------------------
	join
-------------------------------------------------------------------*/
#contents #join.section{
	position:relative;
	margin-bottom:4em;
	padding:0;
	display:flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	height:374px;
	background:url(../../images/recruit/background-catch.jpg) no-repeat top center;
}

#contents #join p{
	font-size:180%;
	padding: 0 10%;
	line-height: 1.75;
	margin-top: 13%;
}
#contents #join p:before{
	content:" ";
	display:block;
	position:absolute;
	top:-3.3em;
	left:1em;
	width:195px;
	height:101px;
	background:url(../../images/recruit/text-join.png) no-repeat top center;
}


.jobs table{
	margin-bottom:3em;
	width:100%;
}
.jobs tr,
.jobs th{
	display:block;
	width:100%;
	box-sizing:border-box;
}
.jobs th{
	padding:0.5em 2em;
}
.jobs tr:last-child th{
	border-bottom:1px solid #d3d3d3;
}

.jobs td{
	display:block;
}

.button.contact a{
	width:80%;
	font-size:116%;
}

}