.ttl-features {
	position: relative;
	margin: 0;
	padding: clamp(28px, 6vw, 64px) 16px;
	color: #333;
	font-family: "Shippori Mincho B1", serif;
	font-size: clamp(16.8px, 3.22vw, 42px);
	font-weight: 800;
	font-feature-settings: "palt";
	line-height: 1.38;
	letter-spacing: -0.04em;
	text-align: center;
}

.ttl-features::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	color: rgba(171, 152, 115, 0.27);
	font-family: "Times New Roman", "Liberation Serif", Times, serif;
	font-size: clamp(32px, 8.5vw, 95px);
	font-style: italic;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.01em;
	white-space: nowrap;
	content: "FEATURES";
	pointer-events: none;
	transform: translate(-50%, -56%);
}

.ttl-features > span {
	position: relative;
	z-index: 1;
}

.ttl-features .is-accent {
	color: #aa9971;
}

.ttl-features .u-sp {
	display: none;
}

@media (max-width: 767px) {
	.ttl-features {
		font-size: clamp(25.2px, 4.83vw, 63px);
	}

	.ttl-features::before {
		font-size: clamp(48px, 12.75vw, 142.5px);
	}

	.ttl-features .u-sp {
		display: inline;
	}
}