/* ----------

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
---------- */

/* 採用情報 */
#recruit {}
.heading-title-recruit {
	background-image: url(../images/parts/pts-road.png);
	background-repeat: no-repeat;
	background-size: 270% auto;
	background-position: bottom center;
	padding-bottom: 25vw;
}
@media (min-width: 576px) {
	.heading-title-recruit {
		background-size: 1458px auto;
		padding-bottom: 8.125rem;;
	}
}
@media (min-width: 768px) {
	.heading-title-recruit {
		background-size: 1051px auto;
		padding-bottom: 6.125rem;
	}
}
@media (min-width: 992px) {
	.heading-title-recruit {
		background-size: 1368px auto;
		padding-bottom: 7.625rem;
	}
}
@media (min-width: 1200px) {
	.heading-title-recruit {
		background-repeat: repeat-x;
		background-size: 1640px auto;
		padding-bottom: 9rem;
	}
}


.title-r1 {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
	padding-left: .5rem;
	position: relative;
	text-align: left;
}
.title-r1::before {
	content: '';
	width: 3px;
	height: 100%;
	background-image: url(../images/parts/pts-line-tate.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.title-r1 h2 {
	font-size: 1.5rem;
	margin-bottom: 0;
}
.title-r1 p {
	font-size: .75rem;
	font-family: 'Raleway', sans-serif;
	color: #0047b3;
	letter-spacing: .3em;
	padding-left: .125rem;
}
@media (min-width: 768px) {
	.title-r1 {
		margin-top: 0;
		padding-left: 1rem;
	}
	.title-r1 h2 {
		font-size: 1.875rem;
		display: inline;
	}
	.title-r1 p {
		font-size: .9375rem;
		padding-left: .5rem;
		display: inline;
	}
}



.title-r2 {
	font-size: 1.375rem;
	color: #0047b3;
	margin-bottom: 1.75rem;
	text-align: center;
	font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	position: relative;
}
.title-r2::before {
	content: '';
	width: 100%;
	height: 2px;
	background-image: url(../images/parts/pts-line-l.png);
	background-repeat: repeat-x;
	background-size: auto 2px;
	background-position: center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}
.title-r2 span {
	background-color: #fff;
	padding: 0 1rem;
	position: relative;
	z-index: 2;
}
@media (min-width: 768px) {
	.title-r2 {
		font-size: 1.875rem;
		margin-bottom: 2.5rem;
	}
	.title-r2::before {}
	.title-r2 span {
		padding: 0 2rem;
	}
}


.title-r3 {
	display: inline-block;
	border-bottom: 2px solid #009d95;
	padding-left: 4.375rem;
	background-image: url(../images/recruit-welfare/02-01.png);
	background-repeat: no-repeat;
	background-size: 3.125rem auto;
	background-position: left .5rem center;
	position: absolute;
	top: 0;
	left: 0;
}

.title-r3 p {
	color: #0047b3;
	font-family: 'Raleway', sans-serif;
	line-height: 1;
	margin-bottom: 0;
}
.title-r3 p span:nth-child(1) {
	font-size: .9375rem;
}
.title-r3 p span:nth-child(2) {
	font-size: 1.625rem;
}

.title-r3 h4 {
	margin-bottom: .25rem;
}
.title-r3 h4 span:nth-child(1) {
	font-size: 1.5rem;
	font-weight: 500;
	margin-right: 1rem;
}
.title-r3 h4 span:nth-child(2) {
	font-size: 1.25rem;
	font-weight: 500;
}
.title-r3 h4 span:nth-child(3) {
	font-size: .875rem
}


.title-r4 {
	color: #0047b3;
	font-size: 1.125rem;
	font-weight: bold;
}
.title-r4::before {
	content: '●';
	color: #009d95;
	margin-right: .25rem;
}

.banner-recruit {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -.125rem;
	margin-right: -.125rem;
	margin-bottom: 0;
}

.banner-recruit li {
	width: 33.33333%;
	padding-left: .125rem;
	padding-right: .125rem;
	margin-bottom: .25rem;
	font-size: .875rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
}
@media (min-width: 768px) {
	.banner-recruit li {
		width: 11.11111%;
		font-size: .75rem;
		line-height: 1.3;
	}
}
@media (min-width: 992px) {
	.banner-recruit li {
		font-size: .875rem;
	}
}

.banner-recruit li a {
	display: block;
	color: #333;
	background-color: #fff;
	border-radius: 1.5rem;
	height: 2.8125rem;
}
.banner-recruit li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #0047b3;
}
@media (min-width: 768px) {
	.banner-recruit li a {
		border-radius: 1.625rem;
		height: 3.125rem;
	}
}

.banner-recruit span {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top .banner-recruit li.recruit-top a,
.about-us .banner-recruit li.recruit-about-us a,
.works .banner-recruit li.recruit-works a,
.scale .banner-recruit li.recruit-scale a,
.voice .banner-recruit li.recruit-voice a,
.voice-detail .banner-recruit li.recruit-voice a,
.welfare .banner-recruit li.recruit-welfare a,
.qa .banner-recruit li.recruit-qa a,
.info .banner-recruit li.recruit-info a,
.entry .banner-recruit li.recruit-info a,
.inquiry .banner-recruit li.recruit-inquiry a {
	color: #fff;
	background-color: #0047b3;
	cursor: default;
}


#banner-recruit-top {
	padding-top: 1.75rem;
	padding-bottom: 1.375rem;
}
@media (min-width: 768px) {
	#banner-recruit-top {
		padding-top: 2rem;
		padding-bottom: 0;
	}
}

#banner-recruit-btn-sp {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}
@media (min-width: 768px) {
	#banner-recruit-btn-sp {
		display: none;
	}
}


#banner-recruit-btn-pc {
	display: none;
}
#recruit.top #banner-recruit-btn-pc {
	display: block;
}
@media (min-width: 768px) {
	#banner-recruit-btn-pc {
		display: block;
	}
}

.banner-recruit-pc {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: center;
	font-weight: bold;
}

.banner-recruit-pc a:hover {
	text-decoration: none;
}

.banner-recruit-pc li {
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	border-radius: .5rem;
}

.banner-recruit-pc li.recruit-b1 {
	width: 48%;
	height: 9.375rem;
	margin-bottom: 1rem;
}
.banner-recruit-pc li.recruit-info,
.banner-recruit-pc li.recruit-inquiry {
	width: 100%;
}
@media (min-width: 768px) {
	.banner-recruit-pc li.recruit-b1 {
		width: 32%;
		height: 11rem;
		margin-bottom: 1.5rem;
	}
	.banner-recruit-pc li.recruit-info {
		width: 66%;
		order: 7;
	}
	.banner-recruit-pc li.recruit-inquiry {
		width: 32%;
		order: 8;
	}
	.banner-recruit-pc li.recruit-about-us {
		order: 1;
	}
	.banner-recruit-pc li.recruit-works {
		order: 2;
	}
	.banner-recruit-pc li.recruit-scale {
		order: 3;
	}
	.banner-recruit-pc li.recruit-qa {
		order: 6;
	}
	.banner-recruit-pc li.recruit-voice {
		order: 4;
	}
	.banner-recruit-pc li.recruit-welfare {
		order: 5;
	}
}

.banner-recruit-pc li.recruit-b1 a {
	border-radius: .5rem;
}
.banner-recruit-pc li.recruit-b1 a div:nth-child(1) {
	display: none;
}
.banner-recruit-pc li.recruit-b1 a div:nth-child(2) {
	width: 100%;
	height: 100%;
	border-radius: .5rem;
	background-color: #0047b3;
	color: #fff;
	text-decoration: none;
	padding-top: 5.5rem;
	font-size: 1.125rem;
	background-repeat: no-repeat;
	background-size: 4rem auto;
	background-position: top 1.75rem center;
}
.banner-recruit-pc li.recruit-about-us a div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-01.png);
}
.banner-recruit-pc li.recruit-works a div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-03.png);
	padding-top: 6.25rem;
}
.banner-recruit-pc li.recruit-scale a div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-06.png);
}
.banner-recruit-pc li.recruit-qa a div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-05.png);
	padding-top: 6.25rem;
}
.banner-recruit-pc li.recruit-voice a div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-02.png);
}
.banner-recruit-pc li.recruit-welfare a div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-04.png);
}

.banner-recruit-pc li.recruit-b1 a:hover div:nth-child(1) {
	position: relative;
}
.banner-recruit-pc li.recruit-b1 a:hover div:nth-child(1)::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: .5rem 0 0 .5rem;
	background-color: rgba(0,71,179,.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.banner-recruit-pc li.recruit-b1 a:hover div:nth-child(2) {
	background-color: #fff;
	color: #0047b3;
}
.banner-recruit-pc li.recruit-about-us a:hover div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-01-b.png);
}
.banner-recruit-pc li.recruit-works a:hover div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-03-b.png);
}
.banner-recruit-pc li.recruit-scale a:hover div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-06-b.png);
}
.banner-recruit-pc li.recruit-qa a:hover div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-05-b.png);
}
.banner-recruit-pc li.recruit-voice a:hover div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-02-b.png);
}
.banner-recruit-pc li.recruit-welfare a:hover div:nth-child(2) {
	background-image: url(../images/parts/btn-icon-04-b.png);
}

@media (min-width: 768px) {
	.banner-recruit-pc li.recruit-b1 a {
		display: flex;
		align-items: stretch;
		height: 100%;
	}
	.banner-recruit-pc li.recruit-about-us a div:nth-child(1) {
		background-image: url(../images/parts/btn-01.jpg);
	}
	.banner-recruit-pc li.recruit-works a div:nth-child(1) {
		background-image: url(../images/parts/btn-02.jpg);
	}
	.banner-recruit-pc li.recruit-scale a div:nth-child(1) {
		background-image: url(../images/parts/btn-03.jpg);
	}
	.banner-recruit-pc li.recruit-qa a div:nth-child(1) {
		background-image: url(../images/parts/btn-06.jpg);
	}
	.banner-recruit-pc li.recruit-voice a div:nth-child(1) {
		background-image: url(../images/parts/btn-04.jpg);
	}
	.banner-recruit-pc li.recruit-welfare a div:nth-child(1) {
		background-image: url(../images/parts/btn-05.jpg);
	}
	.banner-recruit-pc li.recruit-b1 a div:nth-child(1) {
		display: block;
		width: 100%;
		border-radius: .5rem 0 0 .5rem;
		font-size: 1rem;
		background-position: top 2rem center;
		padding-top: 6.25rem;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.banner-recruit-pc li.recruit-b1 a div:nth-child(2) {
		border-radius: 0 .5rem .5rem 0;
	}
	.banner-recruit-pc li.recruit-works a div:nth-child(2),
	.banner-recruit-pc li.recruit-qa a div:nth-child(2) {
		padding-top: 7rem;
	}
}
@media (min-width: 992px) {
	.banner-recruit-pc li.recruit-b1 a div:nth-child(2) {
		font-size: 1.25rem;
	}
}


.banner-recruit-pc li.recruit-info {
	margin-bottom: 1rem;
}
.banner-recruit-pc li.recruit-info a {
	display: block;
	color: #fff;
	background: -moz-linear-gradient(left, #009d95, #0047b3);
	background: -webkit-linear-gradient(left, #009d95, #0047b3);
	background: linear-gradient(to right, #009d95, #0047b3);
	font-size: 1.25rem;
	padding: 1.75rem 0;
	border-radius: .5rem;
}
@media (max-width: 350px) {
	.banner-recruit-pc li.recruit-info a {
		font-size: 1rem;
	}
}
.banner-recruit-pc li.recruit-info a span {
	background-image: url(../images/parts/ico-aw6f-r.png);
	background-repeat: no-repeat;
	background-size: auto 1.125rem;
	background-position: left center;
	padding-left: 1rem;
}
.banner-recruit-pc li.recruit-info a:hover {
	background: -moz-linear-gradient(left, #0047b3, #009d95);
	background: -webkit-linear-gradient(left, #0047b3, #009d95);
	background: linear-gradient(to right, #0047b3, #009d95);
}
.info .banner-recruit-pc li.recruit-info a,
.entry .banner-recruit-pc li.recruit-info a {
	background: -moz-linear-gradient(left, #0047b3, #009d95);
	background: -webkit-linear-gradient(left, #0047b3, #009d95);
	background: linear-gradient(to right, #0047b3, #009d95);
}
@media (min-width: 768px) {
	.banner-recruit-pc li.recruit-info {
		margin-bottom: 0;
	}
	.banner-recruit-pc li.recruit-info a {
		font-size: 1.875rem;
		padding: 2rem 0;
	}
	.banner-recruit-pc li.recruit-info a span {
		background-size: auto 2.125rem;
		padding-left: 2.5rem;
	}
}


.banner-recruit-pc li.recruit-inquiry {}
.banner-recruit-pc li.recruit-inquiry a {
	display: block;
	color: #fff;
	font-size: 1.125rem;
	background-color: #0047b3;
	border-radius: .5rem;
	padding: 1rem 0;
}
.banner-recruit-pc li.recruit-inquiry a span {
	background-image: url(../images/parts/ico-aw6f-r.png);
	background-repeat: no-repeat;
	background-size: auto 1.125rem;
	background-position: left center;
	padding-left: 1rem;
}
.banner-recruit-pc li.recruit-inquiry a:hover {
	color: #0047b3;
	background-color: #fff;
}
.banner-recruit-pc li.recruit-inquiry a:hover span {
	background-image: url(../images/parts/ico-aw6a-r.png);
}
@media (min-width: 768px) {
	.banner-recruit-pc li.recruit-inquiry a {
		height: 100%;
		font-size: 1rem;
		padding: 2.625rem 0;
	}
}
@media (min-width: 992px) {
	.banner-recruit-pc li.recruit-inquiry a {
		font-size: 1.25rem;
		padding: 2.5rem 0;
	}
}


@media (min-width: 768px) {
	#recruit.about-us .banner-recruit-pc li.recruit-about-us a div:nth-child(1),
	#recruit.works .banner-recruit-pc li.recruit-works a div:nth-child(1),
	#recruit.scale .banner-recruit-pc li.recruit-scale a div:nth-child(1),
	#recruit.qa .banner-recruit-pc li.recruit-qa a div:nth-child(1),
	#recruit.voice .banner-recruit-pc li.recruit-voice a div:nth-child(1),
	#recruit.voice-detail .banner-recruit-pc li.recruit-voice a div:nth-child(1),
	#recruit.welfare .banner-recruit-pc li.recruit-welfare a div:nth-child(1) {
		position: relative;
	}
	#recruit.about-us .banner-recruit-pc li.recruit-about-us a div:nth-child(1)::after,
	#recruit.works .banner-recruit-pc li.recruit-works a div:nth-child(1)::after,
	#recruit.scale .banner-recruit-pc li.recruit-scale a div:nth-child(1)::after,
	#recruit.qa .banner-recruit-pc li.recruit-qa a div:nth-child(1)::after,
	#recruit.voice .banner-recruit-pc li.recruit-voice a div:nth-child(1)::after,
	#recruit.voice-detail .banner-recruit-pc li.recruit-voice a div:nth-child(1)::after,
	#recruit.welfare .banner-recruit-pc li.recruit-welfare a div:nth-child(1)::after {
		content: '';
		width: 100%;
		height: 100%;
		border-radius: .5rem 0 0 .5rem;
		background-color: rgba(0,71,179,.5);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#recruit.about-us .banner-recruit-pc li.recruit-about-us a div:nth-child(2),
	#recruit.works .banner-recruit-pc li.recruit-works a div:nth-child(2),
	#recruit.scale .banner-recruit-pc li.recruit-scale a div:nth-child(2),
	#recruit.qa .banner-recruit-pc li.recruit-qa a div:nth-child(2),
	#recruit.voice .banner-recruit-pc li.recruit-voice a div:nth-child(2),
	#recruit.voice-detail .banner-recruit-pc li.recruit-voice a div:nth-child(2),
	#recruit.welfare .banner-recruit-pc li.recruit-welfare a div:nth-child(2) {
		color: #0047b3;
		background-color: #fff;
	}
	#recruit.about-us .banner-recruit-pc li.recruit-about-us a div:nth-child(2) {
		background-image: url(../images/parts/btn-icon-01-b.png);
	}
	#recruit.works .banner-recruit-pc li.recruit-works a div:nth-child(2) {
		background-image: url(../images/parts/btn-icon-03-b.png);
	}
	#recruit.scale .banner-recruit-pc li.recruit-scale a div:nth-child(2) {
		background-image: url(../images/parts/btn-icon-06-b.png);
	}
	#recruit.qa .banner-recruit-pc li.recruit-qa a div:nth-child(2) {
		background-image: url(../images/parts/btn-icon-05-b.png);
	}
	#recruit.voice .banner-recruit-pc li.recruit-voice a div:nth-child(2),
	#recruit.voice-detail .banner-recruit-pc li.recruit-voice a div:nth-child(2) {
		background-image: url(../images/parts/btn-icon-02-b.png);
	}
	#recruit.welfare .banner-recruit-pc li.recruit-welfare a div:nth-child(2) {
		background-image: url(../images/parts/btn-icon-04-b.png);
	}

	#recruit.info .banner-recruit-pc li.recruit-info a {
		background: -moz-linear-gradient(left, #0047b3, #009d95);
		background: -webkit-linear-gradient(left, #0047b3, #009d95);
		background: linear-gradient(to right, #0047b3, #009d95);
	}

	#recruit.inquiry .banner-recruit-pc li.recruit-inquiry a {
		color: #0047b3;
		background-color: #fff;
	}
	#recruit.inquiry .banner-recruit-pc li.recruit-inquiry a span {
		background-image: url(../images/parts/ico-aw6a-r.png);
	}
}



#recruit .bg-white-sp {
	background-color: #fff;
}
@media (min-width: 768px) {
	#recruit .bg-white-sp {
		background-color: rgba(255,255,255,0);
	}
}

#recruit .bg-white-pc {}
@media (min-width: 768px) {
	#recruit .bg-white-pc {
		background-color: #fff;
		padding: 1rem 1rem .5rem;
		margin-bottom: 4rem;
		border-radius: 1.25rem;
	}
}
@media (min-width: 992px) {
	#recruit .bg-white-pc {
		padding: 1rem 3rem 1rem;
	}
}
@media (min-width: 1200px) {
	#recruit .bg-white-pc {
		padding: 4rem 4.25rem 1rem;
	}
}


@media (min-width: 768px) {
	#recruit.voice-detail .bg-white-pc {
		border-radius: 0;
		margin-bottom: 0;
	}
	#recruit.voice-detail #employee-top .bg-white-pc {
		border-radius: 1.25rem 1.25rem 0 0;
	}
	#recruit.voice-detail #banner-voice .bg-white-pc {
		border-radius: 0 0 1.25rem 1.25rem;
		margin-bottom: 4rem;
	}
}


#recruit_footimage {
	display: none;
}
#recruit.top #recruit_footimage {
	display: block;
	padding-bottom: 10rem;
	background-image: url(../images/parts/pts-road-w.png);
	background-repeat: repeat-x;
	background-size: auto 110px;
	background-position: bottom center;
}
@media (min-width: 768px) {
	#recruit_footimage {
		display: block;
		padding-bottom: 12rem !important;
		background-image: url(../images/parts/pts-road-b.png);
		background-repeat: repeat-x;
		background-size: auto 10rem !important;
		background-position: bottom center;
	}
}




/* 採用情報トップ */
#recruit.top {}

#recruit-topbg {
	background-image: url(../images/recruit/01-02.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
}

#recruit-topimg {
	margin-top: 2rem;
	padding-bottom: 200vw;
	background-image: url(../images/recruit/01-01-sp.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
}
@media (min-width: 768px) {
#recruit-topimg {
		margin-top: 2rem;
		padding-bottom: 35rem;
		background-image: url(../images/recruit/01-01.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: top center;
	}
}
@media (min-width: 992px) {
	#recruit-topimg {
		padding-bottom: 46rem;
	}
}
@media (min-width: 1200px) {
	#recruit-topimg {
		padding-bottom: 55rem;
	}
}





/* 北陸機材について */
#recruit.about-us {}

#recruit-mv {
}
.secIndexMovie {
	width: 100%;
	height: 52vw;
	position: relative;
}
@media (min-width: 576px) {
	.secIndexMovie {
		width: 520px;
		height: 18.3rem;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) {
	.secIndexMovie {
		width: 620px;
		height: 21.8rem;
	}
}
@media (min-width: 992px) {
	.secIndexMovie {
		width: 720px;
		height: 25.3rem;
	}
}
@media (min-width: 1200px) {
	.secIndexMovie {
		width: 880px;
		height: 31rem;
	}
}


.secIndexMovie .bg {
	position: absolute;
	left: 50%;
	bottom: 0;
	min-width: 100%;
	min-height: 52vw;
	width: auto;
	height: 52vw;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media (min-width: 576px) {
	.secIndexMovie .bg {
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: 100%;
	}
}
@media (min-width: 768px) {
	.secIndexMovie .bg {
	}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}



#such_company {}	/* こんな会社です */

#from_recruiter {}	/* 採用担当者より */
#from_recruiter .recruiter-detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 768px) {
	#from_recruiter .recruiter-detail {
		flex-wrap: nowrap;
		justify-content: space-between;
		margin: 0 2rem;
	}
}
@media (min-width: 992px) {
	#from_recruiter .recruiter-detail {
		margin: 0 3.75rem;
	}
}

#from_recruiter .recruiter-img {
	width: 100%;
}
@media (min-width: 768px) {
	#from_recruiter .recruiter-img {
		width: 23%;
		order: 2;
	}
}

#from_recruiter .recruiter-photo {
	width: 8.5rem;
	height: 8.5rem;
	border-radius: 50%;
	margin: 0 auto .5rem;
	background-image: url(../images/recruit-about-us/02-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
@media (min-width: 768px) {
	#from_recruiter .recruiter-photo {
		width: 7.5rem;
		height: 7.5rem;
	}
}
@media (min-width: 992px) {
	#from_recruiter .recruiter-photo {
		width: 9rem;
		height: 9rem;
	}
}
@media (min-width: 1200px) {
	#from_recruiter .recruiter-photo {
		width: 12.5rem;
		height: 12.5rem;
	}
}

#from_recruiter .recruiter-txt {}
@media (min-width: 768px) {
	#from_recruiter .recruiter-txt {
		width: 72%;
		order: 1;
	}
}


#contribution {}	/* 地域貢献 */
#contribution .contribution-list {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	box-sizing: border-box;
	justify-content: space-between !important;
}
@media (min-width: 768px) {
	#contribution .contribution-list {
		margin-left: -16px;
		margin-right: -16px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start!important;
	}
}
@media (min-width: 992px) {
	#contribution .contribution-list {
		margin-left: -26px;
		margin-right: -26px;
	}
}

#contribution .contribution-list li {
	margin-bottom: 1.5rem;
	width: 45%
}
@media (min-width: 768px) {
	#contribution .contribution-list li {
		width: 25%;
		padding-left: 16px!important;
		padding-right: 16px!important;
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {
	#contribution .contribution-list li {
		padding-left: 26px;
		padding-right: 26px;
	}
}

#contribution .contribution-list li div {
	width: 100%;
	padding-bottom: 13rem;
	margin: 0 auto .75rem;
	border-radius: 0rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
#contribution .contribution-list li:nth-child(1) div {
	background-image: url(../images/recruit-about-us/03-01.jpg);
}
#contribution .contribution-list li:nth-child(2) div {
	background-image: url(../images/recruit-about-us/03-02.jpg);
}
#contribution .contribution-list li:nth-child(3) div {
	background-image: url(../images/recruit-about-us/03-03.jpg);
}
#contribution .contribution-list li:nth-child(4) div {
	background-image: url(../images/recruit-about-us/03-04.jpg);
}
#contribution .contribution-list li:nth-child(5) div {
	background-image: url(../images/recruit-about-us/03-06.jpg);
	padding-bottom: 6.5rem;
}
#contribution .contribution-list li:nth-child(6) div {
	background-image: url(../images/recruit-about-us/03-05.jpg);
	padding-bottom: 6.5rem;
}


@media (min-width: 768px) {
	#contribution .contribution-list li div {
		width: 100%;
		padding-bottom: 131%;
		margin: 0 0 1rem;
		border-radius: 0rem;
	}
#contribution .contribution-list li:nth-child(5) div,
#contribution .contribution-list li:nth-child(6) div
{padding-bottom: 66%;}

}

#contribution .contribution-list li h4 {
	color: #009d95;
	font-size: 0.9rem;
	text-align: center;
	margin-bottom: .75rem;
}

@media (min-width: 768px) {
	#contribution .contribution-list li h4 {
		font-size: 0.9rem;
		margin-bottom: 2.5rem;
	}
}

#contribution .contribution-list li p {
	font-size: .875rem;
	line-height: 1.4;
}





/* お仕事紹介 */
#recruit.works {}

#recruit.works .works_1,
#recruit.works .works_2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#recruit.works .works_1 .works-txt {
	width: 100%;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	#recruit.works .works_1 .works-txt {
		width: 48%;
	}
}

#recruit.works .works-txt h4 {
	color: #009d95;
	font-size: 1.1875rem;
	margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
	#recruit.works .works-txt h4 {
		font-size: 1.125rem;
	}
}


#recruit.works .works_1 .works-photo {
	width: 100%;
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
@media (min-width: 768px) {
	#recruit.works .works_1 .works-photo {
		width: 48%;
	}
}

#recruit.works .works_1 .works-photo li {
	width: 48%;
}

#recruit.works .works_1 .works-photo li div {
	padding-bottom: 75%;
	border-radius: .625rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

#recruit.works #electrician .works_1 .works-photo li:nth-child(1) div {
	background-image: url(../images/recruit-works/01-01.jpg);
}
#recruit.works #electrician .works_1 .works-photo li:nth-child(2) div {
	background-image: url(../images/recruit-works/01-02.jpg);
}
#recruit.works #electrician .works_1 .works-photo li:nth-child(3) div {
	background-image: url(../images/recruit-works/01-03.jpg);
}
#recruit.works #electrician .works_1 .works-photo li:nth-child(4) div {
	background-image: url(../images/recruit-works/01-04.jpg);
}
#recruit.works #const_mng .works_1 .works-photo li:nth-child(1) div {
	background-image: url(../images/recruit-works/02-01.jpg);
}
#recruit.works #const_mng .works_1 .works-photo li:nth-child(2) div {
	background-image: url(../images/recruit-works/02-02.jpg);
}
#recruit.works #const_mng .works_1 .works-photo li:nth-child(3) div {
	background-image: url(../images/recruit-works/02-03.jpg);
}
#recruit.works #const_mng .works_1 .works-photo li:nth-child(4) div {
	background-image: url(../images/recruit-works/02-04.jpg);
}

#recruit.works .works_1 .works-photo li div {
	font-size: .875rem;
}

#recruit.works .works_1 .works-list {
	width: 100%;
	border: 2px solid #e5e5e5;
	padding: 1rem 1rem 1rem 1.25rem;
}
@media (min-width: 992px) {
	#recruit.works .works_1 .works-list {
		padding: 2rem;
	}
}

#recruit.works .works_1 .works-list h4 {
	text-align: center;
	font-size: 1.375rem;
	margin-bottom: 2rem;
}

#recruit.works .works_1 .works-list ul {
	list-style-type: none;
	padding-left: 0;
}
@media (min-width: 768px) {
	#recruit.works .works_1 .works-list ul {
		display: flex;
		flex-wrap: wrap;
	}
}

#recruit.works .works_1 .works-list li {}
@media (min-width: 768px) {
	#recruit.works .works_1 .works-list li {
		width: 30%;
		margin-right: 5%;
	}
	#recruit.works .works_1 .works-list li:nth-child(3n) {
		margin-right: 0;
	}
}

#recruit.works .works_1 .works-list li::before {
	content: '●';
	color: #ff8900;
	margin-right: .25rem;
}


#recruit.works .works_2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 768px) {
	#recruit.works .works_2 {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
}

#recruit.works .works_2 .works-photo {
	width: 14.5rem;
	margin-bottom: 1.5rem;
	padding-bottom: 10.75rem;
	border-radius: .625rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
@media (min-width: 768px) {
	#recruit.works .works_2 .works-photo {
		width: 23%;
		padding-bottom: 17.25%;
	}
}

#recruit.works #sales .works_2 .works-photo {
	background-image: url(../images/recruit-works/03-01.jpg);
}
#recruit.works #office_work .works_2 .works-photo {
	background-image: url(../images/recruit-works/04-01.jpg);
}

#recruit.works .works_2 .works-txt {
	width: 100%;
}
@media (min-width: 768px) {
	#recruit.works .works_2 .works-txt {
		width: 74%;
	}
}


/* 北陸機材のスケール */
#recruit.scale {}

.scale-list {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: center;
}

.scale-list li {
	width: 48%;
	background-color: #dbf1f0;
	margin-bottom: 1rem;
}
.scale-list li.qualified,
.scale-list li.trip_party_costs {
	width: 100%;
}

@media (min-width: 768px) {
	.scale-list li {
		width: 32%;
	}
	.scale-list li.business_years,
	.scale-list li.qualified,
	.scale-list li.trip_party_costs {
		width: 66%;
	}
	.scale-list li.average_years {
		order: 1;
	}
	.scale-list li.over_10years {
		order: 3;
	}
	.scale-list li.qualified {
		order: 2;
	}
	.scale-list li.employees_age {
		order: 4;
	}
	.scale-list li.gender_ratio {
		order: 5;
	}
	.scale-list li.annual_holidays {
		order: 1;
	}
	.scale-list li.paid_holidays {
		order: 2;
	}
	.scale-list li.trip_party_costs {
		order: 4;
	}
	.scale-list li.parental_leave {
		order: 3;
	}
	.scale-list li.return_rate {
		order: 5;
	}
}


.scale-list h4 {
	color: #fff;
	background-color: #009d95;
	font-weight: 500;
	font-size: 1.06rem;
	height: 3rem;
	line-height: 1.14;
	display: flex;
	justify-content: center;
	align-items: center;
}


.scale-list  div {
	height: 11rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	background-repeat: no-repeat;
	background-size: auto 6rem;
	background-position: top .5rem center;
}
@media (min-width: 768px) {
	.scale-list div {
		height: 15rem;
		background-size: 68% auto;
		background-position: top 1rem center;
		padding-bottom: 1rem;
	}
}
@media (min-width: 992px) {
	.scale-list div {
		height: 18rem;
	}
}
@media (min-width: 1200px) {
	.scale-list div {
		height: 21.875rem;
		background-position: top 2rem center;
	}
}

.scale-list .quantity {
	color: #0047b3;
	font-weight: 700;
	font-size: 4.5rem;
	line-height: 1;
}
@media (min-width: 768px) {
	.scale-list .quantity {
		font-size: 3.5rem;
	}
}

.scale-list .unit {
	font-size: .875rem;
}


.scale-list .business_years div {
	background-image: url(../images/recruit-scale/01-01.png);
	background-size: 9rem auto;
	background-position: top 10px center;
	padding-top: 5rem;
}

.scale-list .business_years .this_year {
	font-size: .75rem;
}
@media (min-width: 768px) {
	.scale-list .business_years {
		text-align: left;
	}
	.scale-list .business_years div {
		background-size: 47% auto;
		background-position: center right 5%;
		padding-left: 1.5rem;
		padding-top: 3.5rem;
		display: block;
	}
	.scale-list .business_years .quantity {
		font-size: 7rem;
	}
	.scale-list .unit {
		font-size: 1.25rem;
	}
	.scale-list .business_years .this_year {
		padding-left: 2rem;
	}
}
@media (min-width: 992px) {
	.scale-list .business_years div {
		padding-left: 2.5rem;
		padding-top: 4rem;
	}
	.scale-list .business_years .quantity {
		font-size: 8.5rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .business_years div {
		padding-left: 3.5rem;
		padding-top: 5rem;
	}
	.scale-list .business_years .quantity {
		font-size: 10rem;
	}
	.scale-list .business_years .this_year {
		padding-left: 3rem;
	}
}

.scale-list .owned_vehicles div {
	padding-top: 3.5rem;
	background-image: url(../images/recruit-scale/01-02.png);
	background-size: 9rem auto;
	background-position: top 1.25rem center;
}
.scale-list .owned_vehicles .quantity {
	font-size: 4.5rem;
}
@media (min-width: 768px) {
	.scale-list .owned_vehicles div {
		background-size: 85% auto;
	}
	.scale-list .owned_vehicles .quantity {
		font-size: 6rem;
	}
}
@media (min-width: 992px) {
	.scale-list .owned_vehicles .quantity {
		font-size: 7.5rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .owned_vehicles .quantity {
		font-size: 9rem;
	}
}




.scale-list .signal_inspect div {
	background-image: url(../images/recruit-scale/01-03.png);
}
.scale-list .signal_repairs div {
	background-image: url(../images/recruit-scale/01-04.png);
}
.scale-list .signal_inspect div .quantity,
.scale-list .signal_repairs div .quantity {
	font-size: 3.25rem;
}
@media (min-width: 768px) {
	.scale-list .signal_inspect div .quantity:nth-child(1),
	.scale-list .signal_repairs div .quantity:nth-child(1) {
		font-size: 4.25rem;
	}
	.scale-list .signal_inspect div .quantity:nth-child(2),
	.scale-list .signal_repairs div .quantity:nth-child(2) {
		font-size: 3.5rem;
	}
}
@media (min-width: 992px) {
	.scale-list .signal_inspect div .quantity:nth-child(1),
	.scale-list .signal_repairs div .quantity:nth-child(1) {
		font-size: 5.5rem;
	}
	.scale-list .signal_inspect div .quantity:nth-child(2),
	.scale-list .signal_repairs div .quantity:nth-child(2) {
		font-size: 4.25rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .signal_inspect div .quantity:nth-child(1),
	.scale-list .signal_repairs div .quantity:nth-child(1) {
		font-size: 6.25rem;
	}
	.scale-list .signal_inspect div .quantity:nth-child(2),
	.scale-list .signal_repairs div .quantity:nth-child(2) {
		font-size: 5.5rem;
	}
}


.scale-list .signal_construct div {
	background-image: url(../images/recruit-scale/01-05.png);
}
.scale-list .signal_accident div {
	background-image: url(../images/recruit-scale/01-06.png);
}
.scale-list .road_white_line div {
	background-image: url(../images/recruit-scale/01-07.png);
}
.scale-list .installed_meters div {
	background-image: url(../images/recruit-scale/01-08.png);
}
.scale-list .signal_construct div .quantity,
.scale-list .signal_accident div .quantity,
.scale-list .road_white_line div .quantity,
.scale-list .installed_meters div .quantity {
	font-size: 2.5rem;
}
@media (min-width: 768px) {
	.scale-list .road_white_line div,
	.scale-list .installed_meters div {
		background-position: top 3rem center;
	}
	.scale-list .signal_construct div .quantity,
	.scale-list .signal_accident div .quantity,
	.scale-list .road_white_line div .quantity,
	.scale-list .installed_meters div .quantity {
		font-size: 3.25rem;
	}
}
@media (min-width: 992px) {
	.scale-list .road_white_line div,
	.scale-list .installed_meters div {
		background-position: top 3.25rem center;
	}
	.scale-list .signal_construct div .quantity,
	.scale-list .signal_accident div .quantity,
	.scale-list .road_white_line div .quantity,
	.scale-list .installed_meters div .quantity {
		font-size: 3.75;
	}
}
@media (min-width: 1200px) {
	.scale-list .road_white_line div,
	.scale-list .installed_meters div {
		background-position: top 3.75rem center;
	}
	.scale-list .signal_construct div .quantity,
	.scale-list .signal_accident div .quantity,
	.scale-list .road_white_line div .quantity,
	.scale-list .installed_meters div .quantity {
		font-size: 4.875rem;
	}
}


.scale-list .average_years div {
	background-image: url(../images/recruit-scale/02-01.png);
}
.scale-list .average_years div .quantity {
	font-size: 3.5rem;
}
@media (min-width: 768px) {
	.scale-list .average_years div .quantity {
		font-size: 4.25rem;
	}
}
@media (min-width: 992px) {
	.scale-list .average_years div .quantity {
		font-size: 5.5rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .average_years div .quantity {
		font-size: 6.875rem;
	}
}


.scale-list .over_10years div {
	background-image: url(../images/recruit-scale/02-03.png);
	background-size: 8.25rem auto;
	background-position: center center;
}
.scale-list .over_10years p {
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff;
}
@media (min-width: 768px) {
	.scale-list .over_10years div {
		background-size: auto 73%;
		background-position: top 1.875rem center;
	}
	.scale-list .over_10years div .quantity {
		font-size: 4.25rem;
	}
}
@media (min-width: 992px) {
	.scale-list .over_10years div {
		background-position: top 2.5rem center;
	}
	.scale-list .over_10years div .quantity {
		font-size: 5.5rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .over_10years div {
		background-position: top 3.5rem center;
	}
	.scale-list .over_10years div .quantity {
		font-size: 6.875rem;
	}
}


.scale-list .qualified > div {
	background-image: url(../images/recruit-scale/02-02.png);
	background-repeat: no-repeat;
	background-size: auto 4.25rem;
	background-position: top 1rem center;
}
@media (min-width: 768px) {
	.scale-list .qualified > div {
		background-size: 80% auto;
		background-position: top 1rem center;
	}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

.scale-list .qualified .qualified-text {
	height: 8rem;
	width: 100%;
}
@media (min-width: 768px) {
	.scale-list .qualified .qualified-text {
		height: 12.25rem;
	}
}
@media (min-width: 992px) {
	.scale-list .qualified .qualified-text {
		height: 14.75rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .qualified .qualified-text {
		height: 17.75rem;
	}
}

.scale-list .qualified .quantity {
	font-size: 2.5rem;
}
@media (max-width: 350px) {
	.scale-list .qualified .quantity {
		font-size: 1.75rem;
	}
}
@media (min-width: 768px) {
	.scale-list .qualified .quantity {
		font-size: 3.25rem;
	}
}
@media (min-width: 992px) {
	.scale-list .qualified .quantity {
		font-size: 4rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .qualified .quantity {
		font-size: 5rem;
	}
}

.scale-list .qualified .unit {
	font-size: .75rem;
}


.scale-list .employees_age div {
	background-image: url(../images/recruit-scale/02-04.png);
}
.scale-list .employees_age .quantity {
	font-size: 1.875rem;
}
@media (min-width: 768px) {
	.scale-list .employees_age .quantity {
		font-size: 2.75rem;
	}
}
@media (min-width: 992px) {
	.scale-list .employees_age .quantity {
		font-size: 3.25rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .employees_age .quantity {
		font-size: 3.75rem;
	}
}


@media (min-width: 768px) {
	.scale-list .employees_age div,
	.scale-list .employees_age div {
		background-position: top 30px center;
	}
}
@media (min-width: 992px) {
	.scale-list .employees_age div,
	.scale-list .employees_age div {
		background-position: top 30px center;
	}
}
@media (min-width: 1200px) {
	.scale-list .employees_age div,
	.scale-list .employees_age div {
		background-position: top 30px center;
	}
}



.scale-list .gender_ratio div {
	background-image: url(../images/recruit-scale/02-05.png);
}
.scale-list .gender_ratio .quantity {
	font-size: 2.875rem;
}
@media (min-width: 768px) {
	.scale-list .gender_ratio .quantity {
		font-size: 3.75rem;
	}
}
@media (min-width: 992px) {
	.scale-list .gender_ratio .quantity {
		font-size: 4.5rem;
	}
}
@media (min-width: 1200px) {
	.scale-list .gender_ratio .quantity {
		font-size: 5.625rem;
	}
}



.scale-list .annual_holidays div {
	background-image: url(../images/recruit-scale/03-01.png);
}
.scale-list .paid_holidays div {
	background-image: url(../images/recruit-scale/03-03.png);
}
.scale-list .parental_leave div {
	background-image: url(../images/recruit-scale/03-04.png);
}
.scale-list .return_rate div {
	background-image: url(../images/recruit-scale/03-06.png);
}

#environment .scale-list li div {
	background-size: auto 4.875rem;
}
#environment .scale-list .trip_party_costs div {
	background-image: url(../images/recruit-scale/03-05.png);
	background-size: auto 6.75rem;
}

@media (min-width: 768px) {
	#environment .scale-list li div {
		background-size: 70% auto;
	}
	#environment .scale-list .trip_party_costs div {
		background-size: 80% auto;
	}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}





#environment .scale-list li .quantity {
	font-size: 3.5625rem;
}
#environment .scale-list .trip_party_costs .quantity {
	font-size: 5.5625rem;
}
@media (min-width: 768px) {
	#environment .scale-list li .quantity {
		font-size: 4.25rem;
	}
	#environment .scale-list .trip_party_costs .quantity {
		font-size: 6.25rem;
	}
}
@media (min-width: 992px) {
	#environment .scale-list li .quantity {
		font-size: 5.5rem;
	}
	#environment .scale-list .trip_party_costs .quantity {
		font-size: 8rem;
	}
}
@media (min-width: 1200px) {
	#environment .scale-list li .quantity {
		font-size: 6.875rem;
	}
	#environment .scale-list .trip_party_costs .quantity {
		font-size: 9.6875rem;
	}
}





.btn_vehicle {
	font-size: .625rem;
}
.btn_vehicle a {
	display: inline-block;
	padding: .375rem 1.375rem .5rem 1.25rem;
	color: #fff;
	background-color: #009d95;
	border: 1px solid #009d95;
	border-radius: 1.5rem;
	white-space: nowrap;
}
.btn_vehicle span {
	background-image: url(../images/parts/ico-aw6f-r.png);
	background-repeat: no-repeat;
	background-size: .375rem auto;
	background-position: left center;
	padding-left: .625rem;
}
.btn_vehicle a:hover {
	text-decoration: none;
	color: #009d95;
	background-color: #fff;
}
.btn_vehicle a:hover span {
	background-image: url(../images/parts/ico-aw6b-r.png);
}

@media (min-width: 768px) {
	.btn_vehicle {
		font-size: .75rem;
	}
	.btn_vehicle span {
		background-size: .5rem auto;
		padding-left: .875rem;
	}
}
@media (min-width: 992px) {
	.btn_vehicle {
		font-size: 1rem;
	}
}



/* 先輩社員からひとこと */
#recruit.voice {}

.employee-list {
	list-style-type: none;
	padding-left: 0;
}
@media (min-width: 768px) {
	.employee-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 0;
	}
}

.employee-list li {
	width: 100%;
	margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
	.employee-list li {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) {
	.employee-list li {
		width: 47%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2.5rem;
	}
}
@media (min-width: 992px) {
	.employee-list li {
		margin-bottom: 3.25rem;
	}
}
@media (min-width: 1200px) {
	.employee-list li {
		margin-bottom: 4rem;
	}
}

.employee-list li:nth-child(1) a {
	background-image: url(../images/recruit-voice/01-01.jpg);
}
.employee-list li:nth-child(2) a {
	background-image: url(../images/recruit-voice/01-02.jpg);
}
.employee-list li:nth-child(3) a {
	background-image: url(../images/recruit-voice/01-03.jpg);
}
.employee-list li:nth-child(4) a {
	background-image: url(../images/recruit-voice/01-04.jpg);
}
.employee-list li a {
	display: block;
	width: 100%;
	border-radius: .5rem;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 5rem 0 1rem 1.25rem;
	position: relative;
}
@media (min-width: 576px) {
	.employee-list li a {
	}
}
@media (min-width: 768px) {
	.employee-list li a {
		border-radius: .625rem;
	}
}
@media (min-width: 992px) {
	.employee-list li a {
		padding-top: 7rem;
	}
}
@media (min-width: 1200px) {
	.employee-list li a {
		padding-top: 9rem;
	}
}

.employee-list li a:hover {
	text-decoration: none;
}

.employee-list li a:hover::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: .3125rem;
	background-color: rgba(0,71,179,.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.employee-list p {
	margin-bottom: 0;
}


.employee-list .employee-dep {
	text-shadow: 0 0 3px rgba(0,0,0,.6);
}

.employee-list .employee-type {
	font-size: 1.125rem;
	font-weight: 500;
	background-color: #0047b3;
	padding: .5rem 1.5rem;
	display: inline-block;
}
@media (min-width: 768px) {
	.employee-list .employee-type {
		font-size: 1.25rem;
	}
}

.employee-list .employee-name {
	font-size: 1.25rem;
	font-weight: 500;
	text-shadow: 0 0 3px rgba(0,0,0,.6);
}

.employee-list .employee-year {
	font-size: .875rem;
	background-color: #009d95;
	padding: .125rem .5rem;
	display: inline-block;
}



/* 社員バナー */
#recruit #banner-voice {
	margin-bottom: 2rem;
}


#recruit #banner-voice h2 {
	font-size: 1.25rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1.5rem;
}

#recruit #banner-voice ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
@media (min-width: 768px) {
	#recruit #banner-voice ul {
		flex-wrap: nowrap;
	}
}

#recruit #banner-voice li {
	width: 46%;
	text-align: center;
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	#recruit #banner-voice li {
		width: 23%;
	}
}

#recruit #banner-voice li a {}
#recruit #banner-voice li a:hover {
	text-decoration: none;
}


#recruit #banner-voice li:nth-child(1) div {
	background-image: url(../images/recruit-voice/02-01.jpg);
}
#recruit #banner-voice li:nth-child(2) div {
	background-image: url(../images/recruit-voice/02-02.jpg);
}
#recruit #banner-voice li:nth-child(3) div {
	background-image: url(../images/recruit-voice/02-03.jpg);
}
#recruit #banner-voice li:nth-child(4) div {
	background-image: url(../images/recruit-voice/02-04.jpg);
}
#recruit #banner-voice li div {
	padding-bottom: 100%;
	border-radius: .3125rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-bottom: .75rem;
	position: relative;
}
@media (min-width: 768px) {
	#recruit #banner-voice li div {
		padding-bottom: 68%;
	}
}

#recruit.voice-01 #banner-voice li.voice-01 a div::after,
#recruit.voice-02 #banner-voice li.voice-02 a div::after,
#recruit.voice-03 #banner-voice li.voice-03 a div::after,
#recruit.voice-04 #banner-voice li.voice-04 a div::after,
#recruit #banner-voice li a:hover div::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: .3125rem;
	background-color: rgba(0,71,179,.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#recruit #banner-voice li h3 {
	font-size: 1.125rem;
	color: #0047b3;
	font-weight: 500;
	padding-bottom: .375rem;
	margin-bottom: .375rem;
	border-bottom: 1px solid #e5e5e5;
}

#recruit #banner-voice p.name {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0;
}

#recruit #banner-voice p.year {
	font-size: .75rem;
	color: #009d95;
}



#recruit #employee-top {
	background-repeat: no-repeat;
	background-size: auto 15rem;
	background-position: top 4.5rem center;
}
#recruit.voice-01 #employee-top {
	background-image: url(../images/recruit-voice-TY/01-01.jpg);
}
#recruit.voice-02 #employee-top {
	background-image: url(../images/recruit-voice-SM/01-01.jpg);
}
#recruit.voice-03 #employee-top {
	background-image: url(../images/recruit-voice-DS/01-01.jpg);
}
#recruit.voice-04 #employee-top {
	background-image: url(../images/recruit-voice-HI/01-01.jpg);
}
@media (min-width: 768px) {
	#recruit.voice-01 #employee-top,
	#recruit.voice-02 #employee-top,
	#recruit.voice-03 #employee-top,
	#recruit.voice-04 #employee-top {
		background-image: none;
	}
}

#recruit #employee-top h3 {
	color: #0047b3;
	font-size: 1.25rem;
	margin-bottom: 4.25rem;
}
@media (min-width: 576px) {
	#recruit #employee-top h3 {
		font-size: 1.4375rem;
	}
}
@media (max-width: 370px) {
	#recruit #employee-top h3 {
		font-size: 1rem;
	}
}
@media (min-width: 768px) {
	#recruit #employee-top h3 {
		font-size: 1.75rem;
		display: inline-block;
		margin-bottom: 1.75rem;
		line-height: 1.7;
	}
	#recruit #employee-top h3 span {
		background-color: #fff;
		padding: 0 .75rem;
	}
}
@media (min-width: 992px) {
	#recruit #employee-top h3 {
		font-size: 2.25rem;
	}
}


#recruit #employee-top .personal_info {
	margin-bottom: 4.5rem;
}
@media (min-width: 576px) {
	#recruit #employee-top .personal_info {
		margin-bottom: 5.5rem;
		padding-left: 1rem;
	}
}
@media (min-width: 768px) {
	#recruit #employee-top .personal_info {
		margin-bottom: 1rem;
		padding-left: 0;
	}
}

#recruit #employee-top p.department {
	color: #fff;
	margin-bottom: .75rem;
	line-height: 1.2;
	text-shadow: 0 0 6px rgba(0,0,0,.5);
}

#recruit #employee-top p.occupation {
	font-size: 1.25rem;
	color: #fff;
	font-weight: 500;
}
@media (min-width: 768px) {
	#recruit #employee-top p.occupation {
		font-size: 1.5rem;
	}
}

#recruit #employee-top p.occupation span {
	background-color: #0047b3;
	padding: .25rem .5rem;
}

#recruit #employee-top p.name {
	color: #fff;
	font-size: 1.125rem;
	margin-bottom: .25rem;
	text-shadow: 0 0 6px rgba(0,0,0,.5);
}
@media (min-width: 768px) {
	#recruit #employee-top p.name {
		font-size: 1.25rem;
		line-height: 1;
		display: inline-block;
		margin-right: .5rem;
	}
}

#recruit #employee-top p.year {
	color: #fff;
	font-size: .75rem;
}
#recruit #employee-top p.year span {
	background-color: #009d95;
	padding: .125rem .25rem;
}
@media (min-width: 768px) {
	#recruit #employee-top p.year {
		display: inline-block;
	}
}

#recruit #employee-top p.profile {
	font-size: .875rem;
	border: 1px solid #e5e5e5;
	padding: .75rem;
	margin: .75rem 0;
}
@media (min-width: 768px) {
	#recruit #employee-top p.profile {
		width: 70%;
		margin: 0;
		background-color: rgba(255,255,255,.8);
	}
}
@media (min-width: 992px) {
	#recruit #employee-top p.profile {
		border: none;
	}
}
@media (min-width: 1200px) {
	#recruit #employee-top p.profile {
		width: 50%;
		border: none;
	}
}


#recruit #employee-top .bg-white-pc {}
@media (min-width: 768px) {
	#recruit #employee-top .bg-white-pc {
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top center;
	}
	#recruit.voice-01 #employee-top .bg-white-pc {
		background-image: url(../images/recruit-voice-TY/01-01.jpg);
	}
	#recruit.voice-02 #employee-top .bg-white-pc {
		background-image: url(../images/recruit-voice-SM/01-01.jpg);
	}
	#recruit.voice-03 #employee-top .bg-white-pc {
		background-image: url(../images/recruit-voice-DS/01-01.jpg);
	}
	#recruit.voice-04 #employee-top .bg-white-pc {
		background-image: url(../images/recruit-voice-HI/01-01.jpg);
	}
}


#recruit #employee-detail {}

#recruit #employee-detail section {
	margin-bottom: 3rem;
}
@media (min-width: 768px) {
	#recruit #employee-detail section {
		display: flex;
		justify-content: space-between;
	}
	#recruit #employee-detail section:nth-child(2n-1) .text {
		order: 2;
	}
	#recruit #employee-detail section:nth-child(2n-1) .image {
		order: 1;
	}
	#recruit #employee-detail section:last-child {
		margin-bottom: 0;
	}
}


#recruit #employee-detail section .text {
	margin-bottom: 2rem;
}
@media (min-width: 768px) {
	#recruit #employee-detail section .text {
		width: 52%;
		margin-bottom: 0;
	}
}


#recruit #employee-detail section .image {
	width: 90%;
	margin: 0 auto;
}
@media (min-width: 576px) {
	#recruit #employee-detail section .image {
		width: 75%;
	}
}
@media (min-width: 768px) {
	#recruit #employee-detail section .image {
		width: 45%;
		margin: 0;
	}
}


#recruit #employee-detail .text h3 {
	font-size: 1.25rem;
	font-weight: 500;
	color: #009d95;
}




#recruit #employee-schedule {
}

#employee-schedule .schedule-inner {
	padding-bottom: 3rem;
}
@media (min-width: 768px) {
	#employee-schedule .schedule-inner {
		display: flex;
		justify-content: space-between;
	}
}

#employee-schedule .schedule-txt {}
@media (min-width: 768px) {
	#employee-schedule .schedule-txt {
		width: 47%;
	}
}

#employee-schedule .schedule-txt h3 {
	font-size: 1.125rem;
	font-weight: 500;
	color: #fff;
	line-height: 1;
}

#employee-schedule .schedule-txt h3 span {
	background-color: #0047b3;
	padding: .375rem 1rem;
	position: relative;
}
#employee-schedule .schedule-txt h3 span::before {
	content: '';
	width: 8px;
	height: 40px;
	border-top: 20px solid #0047b3;
	border-left: 4px solid #0047b3;
	border-right: 4px solid rgba(255,255,255,0);
	border-bottom: 20px solid rgba(255,255,255,0);
	position: absolute;
	top: 0;
	right: -8px;
}
#employee-schedule .schedule-txt h3 span::after {
	content: '';
	width: 16px;
	height: 10px;
	border-top: 5px solid #002a6f;
	border-right: 8px solid #002a6f;
	border-bottom: 5px solid rgba(255,255,255,0);
	border-left: 8px solid rgba(255,255,255,0);
	position: absolute;
	left: 0;
	top: 100%;
}

#employee-schedule .schedule-table {
	background-color: #d8f1ff;
	margin: -1rem 1rem 1rem;
	padding: 2rem 1rem;
}

#employee-schedule .schedule-table th {
	padding: 1rem 1rem 1rem 0;
	color: #0047b3;
	position: relative;
}
#employee-schedule .schedule-table th::after {
	content: '';
	width: 3px;
	height: calc(100% - 6px);
	background-color: #0047b3;
	border-radius: 3px;
	position: absolute;
	top: 3px;
	bottom: 3px;
	right: 0;
}

#employee-schedule .schedule-table td {
	padding: .25rem 0 .25rem 1rem;
	line-height: 1.4;
}

#employee-schedule .schedule-img {
	padding: 0 1rem;
}
#employee-schedule .schedule-img img {
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	#employee-schedule .schedule-img {
		padding: .625rem 0 0;
		width: 48%;
	}
}


#employee-message {}

.employee-message-inner {
	margin: 4rem 0 0;
	padding: 0 1rem .5rem;
	border: 4px solid #e5e5e5;
	border-radius: .625rem;
}
@media (min-width: 768px) {
	.employee-message-inner {
		margin: 1rem 0 0;
		padding: 0 3rem 2rem;
	}
}

.massage-title {
	text-align: center;
	color: #0047b3;
	font-size: 1.4375rem;
	font-weight: 500;
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 768px) {
	.massage-title {
		font-size: 1.625rem;
		padding-bottom: 1.25rem;
		margin-bottom: 1.5rem;
	}
}

.massage-photo {
	margin-top: -3.75rem;
	margin-bottom: 1.25rem;
	text-align: center;
}
.massage-photo img {
	width: auto;
	height: 7.5rem;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.massage-photo {
		margin-top: -4.0625rem;
		text-align: center;
	}
	.massage-photo img {
		height: 8.125rem;
	}
}




/* 福利厚生・キャリアパス */
#recruit.welfare {}

.welfare-list {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: -7px;
	margin-right: -7px;
}
@media (min-width: 768px) {
	.welfare-list {
		margin-left: -10px;
		margin-right: -10px;
	}
}
@media (min-width: 992px) {
	.welfare-list {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media (min-width: 1200px) {
	.welfare-list {
		margin-left: -20px;
		margin-right: -20px;
	}
}

.welfare-list li {
	width: 50%;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 2rem;
}
@media (min-width: 768px) {
	.welfare-list li {
		width: 25%;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 3rem;
	}
}
@media (min-width: 992px) {
	.welfare-list li {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 1200px) {
	.welfare-list li {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.welfare-list li.other {
	width: 100%;
}

.welfare-list div {
	padding-bottom: 75%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	border-radius: .5rem;
}
.welfare-list li.training div {
	background-image: url(../images/recruit-welfare/01-01.jpg);
}
.welfare-list li.travel div {
	background-image: url(../images/recruit-welfare/01-02.jpg);
}
.welfare-list li.excellent div {
	background-image: url(../images/recruit-welfare/01-03.jpg);
}
.welfare-list li.resort div {
	background-image: url(../images/recruit-welfare/01-04.jpg);
}
.welfare-list li.qualification div {
	background-image: url(../images/recruit-welfare/01-05.jpg);
}
.welfare-list li.tickets div {
	background-image: url(../images/recruit-welfare/01-06.jpg);
}
.welfare-list li.care div {
	background-image: url(../images/recruit-welfare/01-07.jpg);
}
.welfare-list li.vaccination div {
	background-image: url(../images/recruit-welfare/01-08.jpg);
}

.welfare-list h4 {
	color: #009d95;
	font-size: 1.125rem;
	text-align: center;
	margin-bottom: 0;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.welfare-list li.other h4 {
	text-align: left;
	display: block;
	height: auto;
	margin-bottom: .5rem;
}

.tickets p{margin-bottom: 0.5rem}

.tickets ul{
display: inline;
padding-left: 0;
}

.tickets ul li {
	font-size: 0.78rem;
	width: auto;
	padding: 0;
	margin: 0;
	display: inline;
}

.tickets ul li::after{
content: '/';}

#career_path {}

.career_path-inner {
	position: relative;
	width: 1000px;
}


.scroll-txt {
	text-align: center;
	color: #0047b3;
	font-size: .875rem;
}
.scroll-txt span {
	padding: 0 1rem;
	position: relative;
}
.scroll-txt span::before,
.scroll-txt span::after {
	content: '';
	width: 14px;
	height: 14px;
	border-top: 7px solid rgba(255,255,255,0);
	border-bottom: 7px solid rgba(255,255,255,0);
	position: absolute;
	top: 4px;
}
.scroll-txt span::before {
	border-right: 14px solid #0047b3;
	left: -.25rem;
}
.scroll-txt span::after {
	border-left: 14px solid #0047b3;
	right: -.25rem;
}
@media (min-width: 1200px) {
	.scroll-txt {
		display: none;
	}
}


.career_path-table {
	width: 1000px;
}

.career_path-table tr > *:not(:first-child) {
	width: 11.5rem;
}
.career_path-table tr > *:first-child {
	width: 4.375rem;
}

.career_path-table th,
.career_path-table td {
	border: 2px solid #fff;
}
.career_path-table td {
}

.career_path-table thead th {
	text-align: center;
	color: #fff;
	vertical-align: bottom;
}
.career_path-table thead th p {
	display: block;
	padding-bottom: .5rem;
	margin-bottom: 0;
	margin: 0 -1px -1px;
}

.career_path-table thead th:nth-child(2) p {
	background-color: rgba(0,157,149,.5);
	padding-top: .5rem;
	margin-top: .125rem;
}

.career_path-table thead th:nth-child(3) p {
	background-color: rgba(0,157,149,.6);
	padding-top: 3rem;
	margin-top: -1.75rem;
}

.career_path-table thead th:nth-child(4) p {
	background-color: rgba(0,157,149,.7);
	padding-top: 5.5rem;
	margin-top: -1.75rem;
}

.career_path-table thead th:nth-child(5) p {
	background-color: rgba(0,157,149,.8);
	padding-top: 8rem;
	margin-top: -1.75rem;
}

.career_path-table thead th:nth-child(6) p {
	background-color: rgba(0,157,149,1);
	padding-top: 10.5rem;
	margin-top: -1.75rem;
}

.career_path-table tbody th {
	text-align: center;
	background-color: rgba(0,157,149,1);
	color: #fff;
	padding: .5rem 0;
}

.career_path-table tbody td {
	background-color: #dbf1f0;
	vertical-align: top;
	padding: .5rem .625rem;
}

.career_path-table tbody tr.age td {
	text-align: center;
}

.career_path-table tbody tr.position th,
.career_path-table tbody tr.position td {
}

.career_path-table tbody tr.position th {
	background-color: #0047b3;
}

.career_path-table tbody tr.position td {
	color: #fff;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.career_path-table tbody tr.position td span:nth-child(1) {
	font-weight: bold;
	display: block;
}
.career_path-table tbody tr.position td span:nth-child(2) {
	font-size: .75rem;
	display: block;
}

.career_path-table tbody tr.position td:nth-child(2) {
	background-color: rgba(0,71,179,.5);
}
.career_path-table tbody tr.position td:nth-child(3) {
	background-color: rgba(0,71,179,.6);
}

.career_path-table tbody tr.position td:nth-child(4) {
	background-color: rgba(0,71,179,.7);
}

.career_path-table tbody tr.position td:nth-child(5) {
	background-color: rgba(0,71,179,.8);
}

.career_path-table tbody tr.position td:nth-child(6) {
	background-color: rgba(0,71,179,1);
}

.career_path-table ul {
	list-style-type: none;
	padding-left: 0;
}
.career_path-table ul li {}
.career_path-table ul li::before {
	content: '●';
	color: #0047b3;
}


.career_path-table {}

.career_path-table {}

.career_path-table {}

.career_path-table {}





/* よくある質問 */
#recruit.qa {}






/* 募集要項 */
#recruit.info {}

#recruit.info #recruiting {}

.recruiting-list {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: .5rem;
}
@media (min-width: 768px) {
	.recruiting-list {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
}

.recruiting-list > li {}
@media (min-width: 768px) {
	.recruiting-list > li {
		width: 30%;
	}
}

.recruiting-list > li h3 {
	font-size: 1.125rem;
	font-weight: bold;
	color: #009d95;
	background-color: #dbf1f0;
	padding: .5rem 1rem;
	margin-bottom: 0;
}

.recruiting-list > li > ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.recruiting-list > li > ul > li {
	border-bottom: 1px solid #e5e5e5;
}


.recruiting-list > li > ul > li a {
	display: block;
	padding: .75rem 1.5rem .75rem 1rem;
	background-image: url(../images/parts/ico-aw6a-r.png);
	background-repeat: no-repeat;
	background-size: .5rem auto;
	background-position: right 1rem center;
}

.recruiting-list > li > ul > li a::before {
	content: '●';
	color:  #009d95;
	margin-right: .125rem;
}

.recruiting-list > li > ul > li a:hover {
	text-decoration: none;
	background-position: right .5rem center;
	background-color: rgba(0,157,149,.05);
}



#recruit.info #visit {}

.visit-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 768px) {
	.visit-inner {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
}


.visit-photo {
	width: 58%;
	padding-bottom: 40%;
	border-radius: .5rem;
	background-image: url(../images/company-access/02-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
	.visit-photo {
		width: 33%;
		padding-bottom: 22%;
	}
}

.visit-text {}
@media (min-width: 768px) {
	.visit-text {
		width: 63%;
	}
}

.visit-text h3 {
	color: #0047b3;
	font-size: 1.125rem;
	font-weight: 500;
}
.visit-text h3::before {
	content: '●';
	color: #009d95;
	margin-right: .25rem;
}

.inquiry-tel,
.inquiry-tel:hover {
	color: #0047b3;
	font-weight: bold;
	font-size: 1.375rem;
	cursor: default;
	text-decoration: none;
}


/* エントリー */
#recruit.entry {}




/* 採用お問合せフォーム */
#recruit.inquiry {}