@charset "utf-8";
/* -----------------------------------------------------------
    ページ共通
-------------------------------------------------------------- */
.job .catch {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	font-size: 4rem;
	margin: 0 0 20px;
}

.job .catch.top-m {
	margin-top: 50px;
}

@media screen and (max-width: 768px){
	.job .catch {
		font-size: 2.5rem;
		line-height: 1.4;
	}
	
	.job .catch.top-m {
		margin-top: 30px;
	}
	}

/* -----------------------------------------------------------
    ページ内リンク
-------------------------------------------------------------- */
#recruit.job .job-link-area .linl-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

#recruit.job .job-link-area .linl-wrap .sf-ttl{
	font-size: 4rem;
	position: relative;
	display: block;
	margin-bottom: 40px;
	color: #C3925E;
}
#recruit.job .job-link-area .linl-wrap .sf-ttl.factory{
	color: #49BEB0;
}

#recruit.job .job-link-area .linl-wrap .sf-ttl::before{
	content: "";
	width: 145px;
    height: 100px;
    display: inline-block;
	background-image: url("../img/rec-top-sf-no1.png");
}
#recruit.job .job-link-area .linl-wrap .sf-ttl.factory::before{
	background-image: url("../img/rec-top-sf-no2.png");
}

#recruit.job .job-link-area .linl-wrap .link {
	background-color: #EFEBE8;
	padding: 30px 20px 90px;
	width: 570px;
    position: relative;
}
#recruit.job .job-link-area .linl-wrap .link.link2 {
	background-color: #E8ECEF;
}


/*--キャッチ、画像*/
#recruit.job .job-link-area .linl-wrap .catch-bg{
	font-size: 3.5rem;
	line-height: 7rem;
	background-color: #fff;
    border-radius: 20px;
	padding: 5px 20px;
}

#recruit.job .job-link-area .linl-wrap .catch.sub {
	position: relative;
	z-index: 1;
}

#recruit.job .job-link-area .linl-wrap .catch.sub::after {
	position: absolute;
	z-index: -1;
	content: "";
	background-size: contain;
	width: 308px;
    height: 200px;
	top: -20px;
	right: 0px;
	display: inline-block;
	background-image: url("../img/rec-job-link01.png");
}
#recruit.job .job-link-area .linl-wrap .catch.sub2::after {
	background-image: url("../img/rec-job-link02.png");
}

/*--下三角--*/
#recruit.job .job-link-area .linl-wrap .link::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
	font-size: 2.5rem;
    color: #C3925E;
    bottom: 0px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
}
#recruit.job .job-link-area .linl-wrap .link2::after {
    color: #49BEB0;
}

@media screen and (max-width: 768px){
	#recruit.job .job-link-area .linl-wrap {
		display: flex;
		flex-direction: column;
		margin: 30px auto 40px;
	}

	#recruit.job .job-link-area .linl-wrap .sf-ttl{
		font-size: 2.8rem;
		margin-bottom: 20px;
	}

	#recruit.job .job-link-area .linl-wrap .sf-ttl::before{
		content: "";
		background-size: contain;
		width: 70px;
		height: 55px;
		display: inline-block;
		background-image: url("../img/rec-top-sf-no1.png");
	}

	#recruit.job .job-link-area .linl-wrap .link {
		padding: 20px 20px 65px;
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	#recruit.job .job-link-area .linl-wrap .link2 {
		margin-bottom: 0px;
	}

	/*--キャッチ、画像*/
	#recruit.job .job-link-area .linl-wrap .catch-bg{
		font-size: 2rem;
		line-height: 4.5rem;
		border-radius: 10px;
		padding: 5px 10px;
	}
	
	#recruit.job .job-link-area .linl-wrap .catch.sub::after {
		content: "";
		background-size: contain;
		width: 210px;
    	height: 136px;
		top: -30px;
    	right: 0px;
		display: inline-block;
		background-image: url("../img/rec-job-link01.png");
	}
	#recruit.job .job-link-area .linl-wrap .catch.sub2::after {
		background-image: url("../img/rec-job-link02.png");
	}
	
	#recruit.job .job-link-area .linl-wrap .catch.sub {
		top: 25px;
	}

	/*--下三角--*/
	#recruit.job .job-link-area .linl-wrap .link::after {
		font-size: 2rem;
	}
	}


/* -----------------------------------------------------------
    販売・工場
-------------------------------------------------------------- */
#recruit.job .rec-job-area.sale {
	background: url(../img/rec-job-sale_bg.png) no-repeat #EFEBE8 top 3% left;
	padding: 80px 0 80px;
}

#recruit.job .rec-job-area.factory {
	background: url(../img/rec-job-factory_bg.png) no-repeat #E8ECEF top 3% left;
	padding: 80px 0 80px;
}

#recruit.job .rec-job-area .job-top-wrap {
	display: flex;
	position: relative;
	margin-bottom: 200px;
}
#recruit.job .rec-job-area.factory .job-top-wrap {
	margin-bottom: 170px;
}

#recruit.job .rec-job-area .job-top-wrap .sf-ttl{
	font-size: 4rem;
	position: relative;
	display: block;
	margin-bottom: 30px;
	color: #C3925E;
}
#recruit.job .rec-job-area .job-top-wrap .sf-ttl.factory{
	color: #49BEB0;
}

#recruit.job .rec-job-area .job-top-wrap .sf-ttl::before{
	content: "";
	width: 145px;
    height: 100px;
    display: inline-block;
	background-image: url("../img/rec-top-sf-no1.png");
}
#recruit.job .rec-job-area .job-top-wrap .sf-ttl.factory::before{
	background-image: url("../img/rec-top-sf-no2.png");
}

#recruit.job .rec-job-area .job-top-wrap .txt{
	margin: 30px 0 0;
	width: 440px;
}

#recruit.job .rec-job-area .job-top-wrap .catch-bg{
	line-height: 8rem;
	background-color: #fff;
    border-radius: 20px;
	padding: 5px 20px;
}

#recruit.job .rec-job-area .job-top-wrap .img-area {
	position: absolute;
	right: -20%;
}

/*--キャッチ部分--*/
#recruit.job .rec-job-area .job-catch-wrap {
	display: flex;
    justify-content: space-between;
	margin-bottom: 70px;
}

#recruit.job .rec-job-area .job-catch-wrap .txt-area {
	width: 700px;
}

#recruit.job .rec-job-area .job-catch-wrap .img-wrap {
	width: 450px;
	height: 100%;
    object-fit: cover;
}


/*--仕事紹介--*/
#recruit.job .rec-job-area .job-occupation-wrap ul .occupation {
	background-color: #fff;
	border-radius: 20px;
	margin-bottom: 40px;
	padding: 50px;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation:last-child {
	margin-bottom: 0px;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation h5 {
	border-bottom: solid 8px #E9D7C4;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#recruit.job .rec-job-area.factory .job-occupation-wrap ul .occupation h5 {
	border-bottom: solid 8px #AADED7;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail {
	display: flex;
	justify-content: space-between;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .txt-area {
	width: 650px;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .catch {
	font-size: 2.5rem;
	display: flex;
  	align-items: center;
	margin-bottom: 15px;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .catch::before {
	content: "";
    height: 5px;
	width: 20px;
    background-color: #C3925E;
	margin-right: 10px;
}

#recruit.job .rec-job-area.factory .job-occupation-wrap ul .occupation .occ-detail .catch::before {
    background-color: #49BEB0;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .txt-area .top-m {
	margin-top: 30px;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .img-wrap {
	width: 380px;
	height: 100%;
	object-fit: cover;
}

/*--工場　製造ステップ--*/
#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step {
	margin: 30px auto;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step ol {
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step ol li {
	font-size: 1.8rem;
	font-weight: 700;
	padding: 30px;
	width: 200px;
	background-color: #E7F4F8;
	text-align: center;
}

#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-img img {
	width: 100%;
	max-width: 100%;
}

@media screen and (max-width: 768px){
	#recruit.job .rec-job-area.sale {
	background: #EFEBE8 ;
		padding: 40px 0 40px;
	}

	#recruit.job .rec-job-area.factory {
		background: #E8ECEF;
		padding: 40px 0 80px;
	}

	#recruit.job .rec-job-area .job-top-wrap {
		display: flex;
		flex-direction: column-reverse;
		position: relative;
		margin-bottom: 30px;
	}
	
	#recruit.job .rec-job-area.factory .job-top-wrap {
		margin-bottom: 30px;
	}

	#recruit.job .rec-job-area .job-top-wrap .sf-ttl{
		font-size: 2.8rem;
		margin-bottom: 20px;
	}

	#recruit.job .rec-job-area .job-top-wrap .sf-ttl::before{
		content: "";
		background-size: contain;
		width: 70px;
		height: 55px;
		display: inline-block;
		background-image: url("../img/rec-top-sf-no1.png");
	}
	#recruit.job .rec-job-area .job-top-wrap .sf-ttl.factory::before{
		background-image: url("../img/rec-top-sf-no2.png");
	}

	#recruit.job .rec-job-area .job-top-wrap .txt{
		margin: 20px 0 0;
		width: 100%;
	}

	#recruit.job .rec-job-area .job-top-wrap .catch-bg{
		line-height: 5.5rem;
		border-radius: 20px;
		padding: 5px 10px;
	}

	#recruit.job .rec-job-area .job-top-wrap .img-area {
		position: relative;
		right: 0;
		margin-bottom: 20px;
	}
	
	/*--キャッチ部分--*/
	#recruit.job .rec-job-area .job-catch-wrap {
		justify-content: space-between;
    	margin-bottom: 30px;
    	flex-direction: column;
	}

	#recruit.job .rec-job-area .job-catch-wrap .txt-area {
		width: 100%;
		margin-bottom: 30px;
	}

	#recruit.job .rec-job-area .job-catch-wrap .img-wrap {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	/*--仕事紹介--*/
	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation {
		border-radius: 20px;
		margin-bottom: 30px;
		padding: 20px;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation h5 {
		border-bottom: solid 8px #E9D7C4;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	#recruit.job .rec-job-area.factory .job-occupation-wrap ul .occupation h5 {
		border-bottom: solid 8px #AADED7;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail {
		display: flex;
		justify-content: space-between;
		flex-direction: column-reverse;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .txt-area {
		width: 100%;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .catch {
		font-size: 2rem;
		display: flex;
		margin-bottom: 15px;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .catch::before {
		content: "";
		height: 5px;
		width: 20px;
		background-color: #C3925E;
		margin-right: 10px;
	}

	#recruit.job .rec-job-area.factory .job-occupation-wrap ul .occupation .occ-detail .catch::before {
		background-color: #49BEB0;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .txt-area .top-m {
		margin-top: 30px;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .img-wrap {
		width: 100%;
		height: 200px;
		margin-bottom: 20px;
	}
	
	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .occ-detail .img-wrap img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: 0% 16%;
	}

	/*--製造ステップ--*/
	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step {
		margin: 30px auto;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step ol {
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
    	flex-direction: column;
    	align-items: center;
	}

	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step ol li {
		font-size: 1.6rem;
		padding: 20px;
		width: 100%;
		max-width: 500px;
		margin-bottom: 15px;
	}
	
	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-step ol li:last-child {
		margin-bottom: 0px;
	}
	
	#recruit.job .rec-job-area .job-occupation-wrap ul .occupation .seizou-img img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	}



/*--エントリー--*/
#recruit.job .rec-entry-link-area {
    margin: 0px 0 0;
}