/* -----------------------------------------------
= page-title
----------------------------------------------- */
.page-title .category {
	padding: 4px 13px;
}
.page-title .category span:first-child {
	margin-right: .8em;
	font-family: var(--en);
	font-size: calc(1.3rem / 1.6);
	font-weight: 400;
	letter-spacing: .04em;
}
.page-title .category span:last-child {
	font-family: var(--zen);
	font-size: calc(1rem / 1.6);
	letter-spacing: .08em;
}
.page-title .set {
	position: relative;
}
.page-title .set h1 {
	position: absolute;
	left: 25px;
	right: 15px;
	bottom: 10px;
	color: #fff;
}
.page-title .set h1 span {
	display: block;
}
.page-title .set h1 span:first-child {
	font-size: calc(1.2rem / 1.6);
	letter-spacing: .04em;
}
.page-title .set h1 span:last-child {
	font-family: var(--zen);
	font-size: calc(2rem / 1.6);
	letter-spacing: .02em;
}
@media print, screen and (min-width: 768px) {/* PC */
.page-title {
	max-width: 1500px;
	margin-inline: auto;
}
.page-title .category {
	padding: 10px 30px;
}
.page-title .category span:first-child {
	font-size: calc(2.4rem / 1.6);
}
.page-title .category span:last-child {
	font-size: calc(1.6rem / 1.6);
}
.page-title .set img {
	max-height: calc(100vh - 116px);
	height: 600px;
	object-fit: cover;
	object-position: 50% 100%;
}
.page-title .set h1 {
	left: 100px;
	right: 40px;
	bottom: 40px;
}
.page-title .set h1 span:first-child {
	margin-bottom: 5px;
	font-size: calc(1.8rem / 1.6);
}
.page-title .set h1 span:last-child {
	font-size: calc(2.4rem / 1.6);
	letter-spacing: .08em;
}
}/* @media */