.notices-content {
	padding-top: 31px;
	padding-bottom: 50px;
}
.notice-rows { position: relative; isolation: isolate; }
.notice-highlight {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: var(--highlight-height, 180px);
	overflow: hidden;
	background: var(--green);
	opacity: 0;
	transform: translate3d(0, var(--highlight-y, 0px), 0);
	transition: transform .32s cubic-bezier(.25, .8, .25, 1), height .32s ease, opacity .14s ease;
	pointer-events: none;
}
.notice-highlight img {
	position: absolute;
	left: 0;
	top: -186.01%;
	width: 100%;
	height: 309.67%;
	opacity: .05;
	object-fit: fill;
}
.notice-rows.is-highlight-visible .notice-highlight { opacity: 1; }
.notice-rows.is-measuring .notice-highlight { transition: opacity .14s ease; }
.notice-row {
	position: relative;
	height: 180px;
	border-bottom: 1px solid #e3e3e3;
}
.notice-row-link {
	position: relative;
	z-index: 2;
	display: block;
	height: 100%;
	transition: color .18s ease;
}
.notice-row-link:hover,
.notice-row-link:focus-visible { background: var(--green); color: #fff; }
.notice-rows.has-moving-highlight .notice-row-link { background: transparent; color: var(--text); }
.notice-rows.has-moving-highlight .notice-row.is-current .notice-row-link { color: #fff; }
.notice-date { position: absolute; inset: 0 auto auto 0; display: block; }
.notice-day,
.notice-month {
	position: absolute;
	left: 40px;
	white-space: nowrap;
	color: var(--green);
	font-family: var(--heading-font);
	font-weight: 600;
}
.notice-day { top: 47px; font-size: 40px; line-height: 34px; }
.notice-month { top: 117px; font-size: 20px; line-height: 18px; }
.notice-date-mark,
.notice-date-mark-white { position: absolute; left: 77px; top: 85px; max-width: none; }
.notice-date-mark-white,
.notice-icon-white { visibility: hidden; }
.notice-row.is-current :is(.notice-day, .notice-month) { color: #fff; }
.notice-row.is-current :is(.notice-date-mark, .notice-divider img:first-child, .notice-detail img:first-child) { visibility: hidden; }
.notice-row.is-current :is(.notice-date-mark-white, .notice-icon-white) { visibility: visible; }
.notice-divider { position: absolute; left: 148px; top: 40px; width: 1px; height: 100px; }
.notice-divider img {
	position: absolute;
	left: 1px;
	top: 0;
	max-width: none;
	transform: rotate(90deg);
	transform-origin: top left;
}
.notice-copy { position: absolute; left: 12.79%; right: 1.9%; top: 40px; }
.notice-copy h3 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 1.6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.notice-excerpt {
	display: block;
	font-size: 16px;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.notice-detail {
	position: absolute;
	left: 0;
	top: 76px;
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--green);
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 1.6px;
}
.notice-detail img { max-width: none; }
.notice-detail .notice-icon-white { position: absolute; left: 0; }
.notice-row.is-current .notice-detail { color: #fff; }
.notices-content .news-pagination { margin-top: 50px; }
@media (prefers-reduced-motion: reduce) {
	.notice-highlight,
	.notice-row-link { transition: none; }
}
@media (max-width: 1100px) {
	.notice-copy h3 { font-size: 22px; }
}
@media (max-width: 767px) {
	.notices-content { width: min(calc(100% - 32px), 500px); padding-top: 24px; padding-bottom: 40px; }
	.notice-row { height: auto; }
	.notice-row-link { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; padding: 20px 6px; }
	.notice-date { position: relative; width: 72px; height: 76px; }
	.notice-day, .notice-month { left: 0; }
	.notice-day { top: 0; font-size: 30px; line-height: 32px; }
	.notice-month { top: 54px; font-size: 13px; line-height: 18px; }
	.notice-date-mark, .notice-date-mark-white { display: none; }
	.notice-divider { display: none; }
	.notice-copy { position: static; min-width: 0; }
	.notice-copy h3 { font-size: 18px; line-height: 1.4; white-space: normal; }
	.notice-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px; font-size: 13px; line-height: 1.6; white-space: normal; }
	.notice-detail { position: relative; top: auto; margin-top: 12px; font-size: 13px; line-height: 18px; }
	.notices-content .news-pagination { margin-top: 28px; }
}