/* ------------------
scroll fadein
-------------------- */

.js-inview {
	opacity: 0;
	transition: 0.8s 0.4s;
	transform: translateY(4rem);
}

.js-inview.is-show {
	opacity: 1;
	transform: translateY(0);
}

/* ------------------
recruit-header
-------------------- */

@media (width >= 751px) {
	/* PC */

	.header-name {
		display: none;
	}
} /* @media */

/* ------------------
page-title
-------------------- */

.page-title.js-inview {
	transform: translateY(0);
}

.page-title .category {
	padding: 20px;
}

.page-title .category .en {
	display: block;
	font-size: calc(1.8rem / 1.6);
}

.page-title .category .jp {
	display: block;
	font-size: calc(1rem / 1.6);
	letter-spacing: 0.12em;
}

.page-title .set {
	position: relative;
}

.page-title h1 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.page-title h1 .en {
	display: block;
	font-size: calc(3.2rem / 1.6);
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
	letter-spacing: 0.06em;
}

.page-title h1 .jp {
	display: inline-block;
	padding: 2px 14px;
	font-size: calc(1.5rem / 1.6);
	font-weight: 700;
	letter-spacing: 0.08em;
	background: #fff;
	border-radius: 4px;
}

.page-title img {
	width: 100%;
}

@media (width >= 751px) {
	/* PC */

	.page-title {
		position: relative;
	}

	.page-title .category {
		position: absolute;
		top: 30px;
		left: 40px;
		z-index: 1;
		padding: 0;
		color: #fff;
	}

	.page-title .category .en {
		font-size: calc(2.4rem / 1.6);
	}

	.page-title .category .jp {
		font-size: calc(1.4rem / 1.6);
	}

	.page-title h1 .en {
		margin-bottom: 15px;
		font-size: calc(6.6rem / 1.6);
		line-height: 1;
	}

	.page-title h1 .jp {
		padding: 2px 18px;
		font-size: calc(2.8rem / 1.6);
	}

	.page-title img {
		max-height: 740px;
		object-fit: cover;
	}
} /* @media */

/* ------------------
category-nav
-------------------- */

.category-nav {
	padding: 30px 20px;
}

.category-nav h2 {
	margin-bottom: 30px;
	font-weight: 400;
	text-align: center;
}

.category-nav h2 .en {
	display: block;
	margin-bottom: 10px;
	font-size: calc(3.2rem / 1.6);
	line-height: 1.25;
}

.category-nav h2 .jp {
	display: block;
	font-size: calc(1.6rem / 1.6);
	letter-spacing: 0.12em;
}

.category-nav li + li {
	margin-top: 20px;
}

.category-nav li a {
	position: relative;
	display: block;
	color: #fff;
}

.category-nav li a.current {
	pointer-events: none;
	opacity: 0.5;
}

.category-nav li a p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: calc(2rem / 1.6);
	text-align: center;
	transform: translateY(-50%);
}

.category-nav li a .img img {
	width: 100%;
}

@media (width >= 751px) {
	/* PC */

	.category-nav {
		max-width: 1200px;
		padding: 110px 40px;
		margin: 0 auto;
	}

	.category-nav h2 {
		margin-bottom: 80px;
	}

	.category-nav h2 .en {
		font-size: calc(4rem / 1.6);
	}

	.category-nav h2 .jp {
		font-size: calc(1.8rem / 1.6);
	}

	.category-nav ul {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
		justify-content: center;
	}

	.category-nav li {
		width: calc(50% - 40px);
	}

	.category-nav li + li {
		margin-top: 0;
	}

	.category-nav li a p {
		font-size: calc(2.4rem / 1.6);
	}
} /* @media */