/* 製品一覧ページスタイル
PCフォントサイズ、カンプより80%小さくしている（もとから小さいところは除外）
 */
.content-area {
	@media screen and (max-width: 899px) {
		padding-inline: 0;
	}
}

.page-header {
	@media screen and (max-width: 899px) {
		padding-inline: 5.33vw;
	}

}

.product-lines {
	display: grid;
	gap: 16.67cqw;

	@media screen and (max-width: 899px) {
		gap: 13.33vw;
	}

}

.product-line {
	@media screen and (max-width: 899px) {
		&>*:not(.product-line__image) {
			padding-inline: 5.33vw;
		}
	}
}

.product-line__image {
	margin-bottom: 6.67cqw;
}

@media screen and (max-width: 899px) {
	.product-line__image {
		margin-bottom: 8vw;
	}
}

.product-line__header {
	display: grid;
	grid-template-columns: 1fr 50cqw;
	align-items: start;
	margin-bottom: 5.92cqw;

	@media screen and (max-width: 899px) {
		margin-bottom: 8vw;
		grid-template-columns: 1fr;
		gap: 5.33vw;
	}

}

.product-line__title {
	font-family: var(--font-family--en);
	font-weight: 300;
	/* 375px-899px:20px-32px */
	font-size: clamp(1.25rem, 0.713rem + 2.29vw, 2rem);
	margin: 0;
	letter-spacing: -.02em;
	line-height: .75;

	strong {
		font-size: 2.051em;
		font-weight: 500;

		.product-line--clear-zero & {
			display: block;
			margin-bottom: .2em;

			@media screen and (max-width: 899px) {
				display: inline;
			}
		}
	}
}

.product-line__catch-wrap {
	display: grid;
	gap: 2cqw;

	@media screen and (max-width: 899px) {
		gap: 4vw;
	}
}

.product-line__catch {
	/* 375px-899px:16px-21px */
	font-size: clamp(1rem, 0.776rem + 0.95vw, 1.313rem);
	line-height: 1.92;
	letter-spacing: .05em;

	@media screen and (max-width: 899px) {
		letter-spacing: .02em;
	}
}

.product-line__text {
	line-height: 2.5;
	letter-spacing: .05em;

	@media screen and (max-width: 899px) {
		line-height: 2;
	}
}