.sainou-information-list-block {
	width: min(700px, 100%);
	margin-inline: auto;
	color: var(--sainou-cover-text-color);
}

.sainou-information-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid currentColor;
}

.sainou-information-list__item {
	margin: 0;
	border-bottom: 1px solid currentColor;
	transition: opacity 0.25s ease;
}

.sainou-information-list__link {
	display: grid;
	grid-template-columns: 85px max-content minmax(0, 1fr);
	column-gap: 0;
	align-items: center;
	min-height: 57px;
	color: inherit;
	text-decoration: none;
}

.sainou-information-list__date {
	margin-block: calc((1em - 1lh) / 2);
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.075em;
}

.sainou-information-list__category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 20px;
	margin-right: 35px;
	padding-inline: 5px;
	border: 1px solid currentColor;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
	transition:
		background-color 0.25s ease,
		color 0.25s ease;
}

.sainou-information-list__date + .sainou-information-list__category {
	margin-left: 5px;
}

.sainou-information-list__category[data-category="jobinformation"],
.sainou-information-list__category[data-category="events"] {
	background: #f2f2f2;
}

.sainou-information-list__title {
	min-width: 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.75;
}

@media (any-hover: hover) {
	.sainou-information-list:has(.sainou-information-list__item:hover)
		.sainou-information-list__item:not(:hover) {
		opacity: 0.5;
	}

	.sainou-information-list__link:hover
		.sainou-information-list__category {
		background: var(--wp--preset--color--text-normal);
		color: #fff;
	}
}

.sainou-information-list__link:focus-visible
	.sainou-information-list__category {
	background: var(--wp--preset--color--text-normal);
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.sainou-information-list__item,
	.sainou-information-list__category {
		transition: none;
	}
}


@media (width >= 720px) {
	:root .is-layout-constrained > .sainou-information-list-block {
		margin-block-start: 34px !important;
	}
}


@media (width >= 720px) {
	.sainou-information-list__date {
		transform: translateY(-2px);
	}

	.sainou-information-list__category {
		transform: translateY(-1px);
	}

	.sainou-information-list__title {
		transform: translateY(-2px);
	}
}

@media (width < 720px) {
	.sainou-information-list-block {
		width: calc(100% - 50px);
	}

	.sainou-information-list__link {
		grid-template-columns: 80px minmax(0, 1fr);
		grid-template-areas:
			"date category"
			"title title";
		gap: 8px 10px;
		align-content: center;
		justify-content: stretch;
		min-height: 79px;
		padding-block: 12px;
	}

	.sainou-information-list__date {
		grid-area: date;
		width: 80px;
	}

	.sainou-information-list__date + .sainou-information-list__category {
		margin-left: 0;
	}

	.sainou-information-list__category {
		grid-area: category;
		justify-self: start;
		justify-content: flex-start;
		width: max-content;
		max-width: 100%;
		margin-right: 0;
	}

	.sainou-information-list__title {
		grid-area: title;
		min-width: 0;
		margin-top: 0;
		overflow-wrap: anywhere;
		word-break: normal;
		letter-spacing: 0;
		line-height: 24px;
	}

	:root .is-layout-constrained > .sainou-information-list-block {
		margin-block-start: 30px !important;
	}
}