@charset "utf-8";
/* ------------------------------------------ */
/* Recruit CSS */
/* ------------------------------------------ */
.area-pagettl::before {
	background-image: url(../img/recruit/bg.jpg);
}

.txt-pagettl .ttl-copy {
    line-height: 1.8;
}

/* sec-recruit
--------------------------------------------- */


/* lbox-item */
.lbox-item.item-table > dl dt {
	width: 165px;
}


/* sec-voice parts
========================= */
@media (min-width: 1200px) {
	#sec-voice .container-full .row .c-left::before {
		font-size: 200px;
	}
}

#sec-voice a.link-voice {
    width: 100%;
	display: block;
	transition: all ease 0.35s;
}
#sec-voice a.link-voice:hover {
    opacity: 0.8;
}
#sec-voice,
#sec-voice .container-full .row {
	position: relative;
}
#sec-voice .container-full .row::before {
	background-color: #136bc5;
	content:"";
	display: block;
	width: 100%;
	height: 88%;
	position: absolute;
	z-index: -1;
    top: 6%;
}
#sec-voice .container-full .row .c-left,
#sec-voice .container-full .row .c-right {
	position: relative;
	z-index: 1;
}
#sec-voice .container-full .row .c-left::before {
	content:"Staff Voice";
	position: absolute;
	display: inline-block;
	top: 12%;
	left: -20px;
	font-size: 10.5vw;	
	font-family: 'Crimson Text', serif;
    line-height: 0.8;
    letter-spacing: -0.025em;
	z-index: -1;
	color: rgba(0,0,0,0.15);
}

#sec-voice .container-full .row .c-left {
	padding-left: 6.5%;
	padding-right: 4%;
}

#sec-voice .container-full .row .c-right img {
	max-width: 100%;
}



@media (max-width: 1280px) {
	#sec-voice .c-left .txt-recruit .f-noto {
		text-align: left;
	}
}
@media (max-width: 1199px) {

	#sec-voice .container-full .row .c-right img {
		bottom: 0;
		top: 0;
	}
	#sec-voice .container-full .row .c-left {
		padding-left: 5%;
	}
}
@media (max-width: 1024px) {
    #sec-voice .container-full .row::before {
        height: 60%;
        top: 0;
    }
	#sec-voice .container-full .row .c-right {
		text-align: right;
	}	
	#sec-voice .container-full .row .c-right img {
		position: relative;
	}
	#sec-voice .container-full .row .c-right img {
		max-width: 740px;
	}

}
@media (max-width: 991px) {
	#sec-voice.mb90 {
		margin-bottom: 0;
	}
	#sec-voice .container-full .row .c-right {
		text-align: center;
	}

}
@media (max-width: 768px) {
	#sec-voice .container-full .row .c-left::before {
		font-size: 18.5vw;
	}
	#sec-voice .container-full .row .c-right img {
		max-width: 100%;
	}
}