.p-office-oa > .c-cta {
	margin-top: var(--section-pad);
}

.p-office-oa__text {
	font-size: var(--fs-base);
	line-height: var(--line-height-body);
}

/* 段落間は空行 1 行分 */
.p-office-oa__text p {
	margin: 0 0 calc(var(--line-height-body) * 1em);
}

.p-office-oa__text p:last-child {
	margin-bottom: 0;
}

.p-office-oa__hero {
	padding-top: var(--page-top-pad);
}

.p-office-oa__hero-image {
	margin: var(--hero-image-gap) 0 0;
}

.p-office-oa__hero-image img {
	display: block;
	width: 100%;
	height: auto;
}

.p-office-oa__hero-lead {
	margin-top: var(--content-gap);
	text-align: center;
	font-size: var(--fs-base);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
}

.p-office-oa__hero-lead p {
	margin: 0;
}

.p-office-oa__hero-lead strong,
.p-office-oa__hero-lead b {
	font-size: var(--fs-lg);
	color: var(--color-office);
}

.p-office-oa__hero-body {
	margin-top: var(--content-gap);
}

.p-office-oa__media {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: var(--content-gap);
}

.p-office-oa__media-image {
	margin: 0;
}

.p-office-oa__media-image img {
	display: block;
	width: 100%;
	height: auto;
}

.p-office-oa__noimage {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 2;
	background: var(--color-bg-muted);
	color: var(--color-text);
	font-size: var(--fs-base);
	letter-spacing: 0.08em;
}

.p-office-oa__issue {
	/* セクション間より狭い区切り。FV 用だが同じ間隔のトークンを流用 */
	margin-top: var(--hero-image-gap);
}

.p-office-oa__issue-heading {
	margin: 0 0 var(--content-gap);
	text-align: center;
	font-size: var(--fs-md);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	color: var(--color-office);
}

.p-office-oa__service {
	margin-top: var(--section-pad);
}

.p-office-oa__service .c-heading + .p-office-oa__media {
	margin-top: var(--content-gap);
}

.p-office-oa__products {
	/* セクション間より狭い区切り。FV 用だが同じ間隔のトークンを流用 */
	margin-top: var(--hero-image-gap);
}

.p-office-oa__products-heading {
	margin: 0;
	padding-bottom: 16px;
	text-align: center;
	font-size: var(--fs-lg);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	border-bottom: 1px solid var(--color-border);
}

.p-office-oa__product-list {
	list-style: none;
	margin: 32px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 16px;
}

.p-office-oa__product-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.p-office-oa__product-image {
	width: 100%;
	margin: 0;
}

.p-office-oa__product-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.p-office-oa__product-label {
	font-size: var(--fs-base);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	text-align: center;
}

.p-office-oa__products-note {
	margin-top: 32px;
	text-align: center;
}

@media (min-width: 768px) {
	.p-office-oa__hero-lead {
		font-size: var(--fs-lg);
	}

	.p-office-oa__hero-lead strong,
	.p-office-oa__hero-lead b {
		font-size: var(--fs-2xl);
	}

	.p-office-oa__issue-heading {
		font-size: var(--fs-lg);
	}

	.p-office-oa__media {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--content-gap);
		align-items: start;
	}

	.p-office-oa__media--center {
		align-items: center;
	}

	.p-office-oa__product-list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 32px;
	}
}