.splide {
		padding-inline: 56px;
}
@media screen and (max-width: 767px) {
		.splide {
				padding-inline: 16px;
		}
}
.splide .splide__slide {
		text-align: center;
		padding-inline: 12px;
}
@media screen and (max-width: 767px) {
		.splide .splide__slide {
				padding-inline: 6px;
		}
}
.splide .splide__arrow {
		opacity: 1;
		width: 3em;
		height: 3em;
		background: #ffe2e4;
}
@media screen and (max-width: 767px) {
		.splide .splide__arrow {
				width: 2.4em;
				height: 2.4em;
		}
}
.splide .splide__arrow svg {
		fill: #be0022;
}
.splide .splide__arrow--prev {
		left: 0;
}
.splide .splide__arrow--next {
		right: 0;
}

.recent-news {
		padding: 16px;
		border-radius: 16px;
		border: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
		.recent-news {
				padding: 12px;
		}
}
.recent-news > h2 {
		position: relative;
		font-weight: 700;
}
.recent-news > h2::before {
		content: "";
		position: relative;
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: #be0022;
		border-radius: 999px;
		margin-right: 12px;
		vertical-align: middle;
		top: -2px;
}
.recent-news .news-list {
		border-radius: 12px;
		background: #f5f5f5;
}
.recent-news .news-list + .news-list {
		margin-top: 16px;
}
.recent-news .news-list .news-card {
		padding: 16px 32px 16px 16px;
		background: transparent;
}
@media screen and (max-width: 767px) {
		.recent-news .news-list .news-card::after {
				right: 8px;
		}
}

.past-item + .past-item {
		margin-top: 64px;
}

#media-list-container.loading {
		opacity: 0.6;
}

.media-item {
		padding: 16px 8px;
		border-radius: 16px;
		border: 2px solid #eee;
}
.media-item .media-info {
		font-size: 14px;
		text-align: center;
		margin-top: 8px;
}

.partner-item {
		padding: 16px 8px;
		border-radius: 16px;
		border: 2px solid #eee;
}
.partner-item .partner-info {
		font-size: 16px;
		text-align: center;
		margin-top: 8px;
}
@media screen and (max-width: 767px) {
		.partner-item .partner-info {
				font-size: 14px;
		}
}