@charset "utf-8";
/* -----------------------------------------------------------
    【採用トップ】
-------------------------------------------------------------- */
/* -----------------------------------------------------------
    rec-header-area
-------------------------------------------------------------- */
.rec-header-area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
	height: 350px;
	display: flex;
	justify-content: center;
	text-align: center;
	position: relative;
}

.rec-header-area::before {
	content: "";
	background: rgba(0, 0, 0, .15);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.rec-header-inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
}

.rec-header-inner .rec-cmn-en{
	font-size: 4rem;
	color: #fff;
}

.rec-header-inner .ja {
	font-size: 3.5rem;
	font-weight: 500;
	margin: 5px 0 0 0;
	letter-spacing: .07em;
	color: #fff;
}
@media screen and (min-width: 769px) {
	.recruit-wrap .recruit-common .bread-h1-wrap {
		top: 10px;
	}
}

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

	.page-rec-top #wrapper {
		padding: 57px 0 0;
	}
	
	.page-rec-top .recruit-common .bread-h1-wrap {
		top: 0;
	}
	
	.rec-header-inner .rec-cmn-en {
		font-size: 2.3rem;
	}
	
	.rec-header-inner .ja {
		font-size: 2.2rem;
		margin: 0;
	}
	.rec-header-area {
		height: 150px;
		padding: 20px 0 0;
	}
}


/* -----------------------------------------------------------
rec-top-slide
-------------------------------------------------------------- */
@keyframes about-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

#recruit .rec-top-slide {
	display: flex;
	overflow: hidden;
}

#recruit .rec-top-slide ul {
	display: flex;
	margin: 0 auto;
	animation: about-slide 40s infinite linear .8s both;
	flex-shrink: 0;
}

#recruit .rec-top-slide li {
	width: 450px;
	height: 100%;
	flex-shrink: 0;
}

#recruit .rec-top-slide li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media screen and (max-width: 768px) {
	
	#recruit .rec-top-slide ul {
		width: 800px;
		max-width: unset;
	}
	
	#recruit .rec-top-slide li {
		width: 200px;
		height: 150px;
	}

}


/* -----------------------------------------------------------
    intro-area
-------------------------------------------------------------- */
.intro-area {
	margin: 60px 0 0;
	position: relative;
	z-index: 2;
}

.intro-area .intro-ttl {
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: .05em;
	text-align: center;
}

.intro-area .intro-txt {
	margin-top: 40px;
	text-align: center;
}

.intro-area .intro-txt p {
	line-height: 2.1;
	letter-spacing: .05em;
}

.intro-area .intro-txt p:not(:first-of-type) {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	
	.intro-area {
		margin: 20px 0 0;
	}
	
	.intro-area .intro-ttl {
		font-size: 2.3rem;
		line-height: 1.5;
		letter-spacing: .07em;
	}
	
	.intro-area .intro-txt {
		margin-top: 15px;
		text-align: left;
	}
	
	.intro-area .intro-txt p {
		line-height: 2;
	}
	
	.intro-area .intro-txt p:not(:first-of-type) {
		margin-top: 20px;
	}
	
}



/* -----------------------------------------------------------
    entrance-area
-------------------------------------------------------------- */
.entrance-area {
	background: url("../img/rec-top-bg-food.jpg") right top/100vw 33.5vw no-repeat,
		url("../img/rec-top-bg-md.jpg") left top 36vw /100vw 33.5vw no-repeat,
		url("../img/rec-top-bg-esthe.jpg") right top 73vw/100vw 33.5vw no-repeat;
}

.entrance-inner {
	align-items: center;
	display: flex;
	padding: 80px 0 0;
}

.entrance-inner.reverse {
	flex-direction: row-reverse;
}

.entrance-inner .entrance-img {
	width: 50%;
	flex-shrink: 0;
	height: 30vw;
	position: relative;
	z-index: 2;
}

.entrance-inner .entrance-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.entrance-txt {
	margin: 0 0 0 50px;
	max-width: 600px;
	position: relative;
	z-index: 2;
}

.entrance-inner.reverse .entrance-txt {
	margin: 0 50px 0 0;
}

.entrance-txt:hover {
	color: inherit;
}

.entrance-txt:hover .ttl,
.entrance-txt:hover .catch,
.entrance-txt:hover .note {
	opacity: .5;
}

.entrance-txt .ttl {
	font-size: 1.9rem;
	font-weight: 500;
	transition: .5s;
}

.entrance-txt .catch {
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6;
	margin: 20px 0 0;
	transition: .5s;
}

.entrance-txt .note {
	margin: 20px 0 0;
	line-height: 2;
	letter-spacing: .05em;
	transition: .5s;
}

.entrance-area div[class^="rec-btn-"] {
	margin: 30px 0 0;
}

/*entrance-food*/
.entrance-food {
	padding: 60px 0 0;
	margin: 20px 0 0;
}
.entrance-food .entrance-txt .ttl {
	color: var(--foodc);
}
.entrance-food .cmn-rec-btn:hover .btn-inner {
	border-color: #eb7676!important;
}
.entrance-food .entrance-txt .btn-inner {
	width: 320px;
}


/*entrance-md*/
.entrance-md .entrance-txt .ttl {
	color: var(--mdc);
}
.entrance-md .cmn-rec-btn:hover .btn-inner {
	border-color: #E4C97A!important;
}
.entrance-md .entrance-txt .btn-inner {
	width: 370px;
}


/*entrance-esthe*/
.entrance-esthe .entrance-txt .ttl {
	color: var(--esthec);
}
.entrance-esthe .cmn-rec-btn:hover .btn-inner {
	border-color: #f1acca!important;
}
.entrance-esthe .entrance-txt .btn-inner {
	width: 370px;
}

@media screen and (max-width: 768px) {
	
	.entrance-area {
		background: none;
	}
	
	.entrance-inner {
		display: block;
		padding: 60px 0 0;
		position: relative;
	}
	
	.entrance-inner::before {
		content: "";
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: unset;
		min-width: unset;
		top: auto!important;
		width: 300vw!important;
		height: 120vw!important;
		position: absolute;
	}
	
	.entrance-inner .entrance-img {
		width: 100%;
		height: auto;
	}
	
	.entrance-txt {
		margin: 20px 0 0!important;
		max-width: unset;
		display: block;
	}
	
	.entrance-txt .ttl {
		line-height: 1.5;
		font-size: 1.6rem;
	}
	
	.entrance-txt .catch {
		font-size: 2.3rem;
		margin: 10px 0 0;
	}
	
	.entrance-txt .note {
		margin: 15px 0 0;
		letter-spacing: .03em;
	}
	
	.entrance-area div[class^="rec-btn-"] {
		margin: 20px 0 0;
	}
	
	.entrance-area .cmn-rec-btn .btn-inner {
		background: #fff;
		margin: 0 auto;
		width: 100%!important;
	}
	
	/*entrance-food*/
	.entrance-food {
		padding: 0;
		margin: 30px 0 0;
	}
	.entrance-food.entrance-inner::before {
		background-image: url("../img/rec-top-bg-food.jpg");
		bottom: -30px!important;
		right: 0;
	}
	
	/*entrance-md*/
	.entrance-md.entrance-inner::before {
		background-image: url("../img/rec-top-bg-md.jpg");
		bottom: -50px!important;
		left: 0;
	}
	
	/*entrance-esthe*/
	.entrance-esthe.entrance-inner::before {
		background-image: url("../img/rec-top-bg-esthe.jpg");
		bottom: -60px!important;
		right: 0;
	}
	
	
	
}


/* -----------------------------------------------------------
    rec-contact
-------------------------------------------------------------- */
.rec-contact-area {
	margin: 30px 0 0;
}

.rec-contact-area .rec-contact-ttl .en {
	color: #505ab1;
}

#recruit.recruit-common .rec-contact .img1 {
	background: url("../img/rec-top-entrybg1.jpg")center center/cover no-repeat;
}

#recruit.recruit-common .rec-contact .img2 {
	background: url("../img/rec-top-entrybg2.jpg")center center/cover no-repeat;
}

@media screen and (max-width: 768px) {
	.rec-contact-area .rec-contact .img1 {
		background: url(../img/rec-top-entrybg1.jpg) left top /50% no-repeat, url(../img/rec-top-entrybg2.jpg) right top /50% no-repeat !important;
	}
}