/* ----------------------------------------------------
	events
---------------------------------------------------- */
.events {
	color: rgb(var(--blk));
}

.events .link-button {
	height: min(5.6rem, 4.308vw);
}

.events__title {
	background-color: rgb(var(--beg));
	padding-top: min(4.2rem, 3.231vw);
	line-height: normal;
	font-size: min(3.1rem, 2.385vw);
	text-align: center;
}

.events__title::after {
	background-color: rgb(var(--blk));
	margin: min(3rem, 2.308vw) auto 0;
	width: min(31rem, 23.846vw);
	height: 1px;
	display: block;
	content: "";
}

.events__section {
	padding-top: min(4.2rem, 3.231vw);
	text-align: center;
}

.events__section--title {
	margin-bottom: min(5rem, 3.846vw);
	line-height: 1;
	font-size: min(2.7rem, 2.077vw);
}

.events__lead {
	margin-bottom: min(7rem, 5.385vw);
}

.events__lead--title {
	margin-bottom: min(3rem, 2.308vw);
	line-height: 1.5;
	font-size: min(3.6rem, 2.769vw);
}

.events__lead--title .date {
	margin-top: 0.5em;
	font-size: 0.7em;
	display: block;
}

.events__lead--text {
	line-height: 2.2;
	font-size: min(1.6rem, 1.231vw);
}

.events__lead--text .text {}

.events__list {
	background-color: rgb(var(--mov));
	padding: min(10rem, 7.692vw) 0;
	color: rgb(var(--wht));
	text-align: left;
}

.events__list--item {
	width: 100%;
}

.events__list--item:not(:last-of-type) {
	margin-bottom: min(5rem, 3.846vw);
	padding-bottom: min(5rem, 3.846vw);
	border-bottom: solid 1px rgb(var(--wht));
}

.events__list--inner {
	margin: 0 auto;
	width: min(118rem, 90.769vw);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.events__list--item:nth-child(odd) .events__list--inner {
	flex-direction: row-reverse;
}

.events__image {
	width: min(56.1rem, 43.154vw);
}

.events__image img {
	border-radius: min(3.5rem, 2.692vw);
}

.events__content {
	width: min(53.2rem, 40.923vw);
}

.events__content--title {
	margin-bottom: min(3.5rem, 2.692vw);
	line-height: 1.5;
	font-size: min(2.6rem, 2vw);
}

.events__content--title .date {
	margin-top: 0.5em;
	font-size: 0.75em;
	display: block;
}

.events__content--detail .type1,
.events__content--detail .text {
	line-height: 2;
	font-size: min(1.6rem, 1.231vw);
}

.events__content--detail .link-button {
	margin-top: min(5.5rem, 4.231vw);
}

.events__content--detail .link-button+.link-button {
	margin-top: 1em;
}

.events-nav {
	background-color: rgb(var(--wht));
	padding: 7.692vw 0;
}

.events-nav__slide {
	line-height: normal;
}

.events-nav__slide--item {
	padding: 0 0.846vw;
}

.events-nav__slide--item a {
	color: rgb(var(--blk));
	text-decoration: none;
}

.events-nav__slide--item a figcaption {
	margin-top: 0.25em;
	color: rgb(var(--baseColor));
	font-size: 1.538vw;
	font-weight: bold;
}

.slick-arrow,
.slick-arrow:hover,
.slick-arrow:focus {
	background-image: url(../img/events/slide-arrow.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 4.308vw;
	height: 4.308vw;
	position: absolute;
	top: 50%;
	z-index: 1;
	transition: all 0.5s ease 0s;
}

.slick-arrow:hover {
	opacity: 0.8;
}

.slick-prev {
	left: 7.692vw;
	transform: translateY(-50%);
}

.slick-next {
	right: 7.692vw;
	transform: translateY(-50%) rotate(-180deg);
}

@media screen and (max-width: 768px) {
	.events .link-button {
		height: 9.333vw;
	}

	.events__title {
		padding-top: 12vw;
		font-size: 5.333vw;
	}

	.events__section {
		padding-top: 6.4vw;
	}

	.events__section--title {
		margin-bottom: 8vw;
		font-size: 5.333vw;
	}

	.events__lead {
		margin-bottom: 12vw;
	}

	.events__lead--title {
		margin-bottom: 4vw;
		font-size: 5.867vw;
	}

	.events__lead--title .date {
		margin-top: 0.75em;
	}

	.events__lead--text {
		padding: 0 6.133vw;
		line-height: 1.8;
		font-size: 3.733vw;
		text-align: left;
	}

	.events__list {
		padding: 16VW 0;
		width: 100%;
		text-align: left;
	}

	.events__list--item,
	.events__list--item:nth-child(odd) {
		flex-direction: column-reverse;
	}

	.events__list--item:not(:last-of-type) {
		margin-bottom: 13.333vw;
		padding-bottom: 13.333vw;
	}

	.events__list--inner,
	.events__list--item:nth-child(odd) .events__list--inner {
		width: 100%;
		flex-direction: column-reverse;
	}

	.events__image,
	.events__content {
		width: 100%;
	}

	.events__image {
		margin-bottom: 7.2vw;
		text-align: center;
	}

	.events__image img {
		width: 73.6vw;
		border-radius: 12vw;
	}

	.events__content--title {
		margin-bottom: 6.4vw;
		font-size: 5.333vw;
		text-align: center;
	}

	.events__content--detail {
		text-align: center;
	}

	.events__content--detail .type1,
	.events__content--detail .text {
		line-height: 1.8;
		font-size: 3.733vw;
	}

	.events__content--detail .link-button {
		margin: 10.667vw auto 0;
	}

	.events-nav {
		padding: 12vw 0 25.067vw;
	}

	.events-nav__slide--item {
		padding: 0 1.6vw;
	}

	.events-nav__slide--item a figcaption {
		font-size: 3.2vw;
	}

	.slick-arrow,
	.slick-arrow:hover,
	.slick-arrow:focus {
		width: 8.533vw;
		height: 8.533vw;
		top: auto;
		bottom: -16vw;
	}

	.slick-arrow:hover {
		opacity: 0.8;
	}

	.slick-prev {
		left: 36vw;
		transform: translateY(0);
	}

	.slick-next {
		right: 36vw;
		transform: translateY(0) rotate(-180deg);
	}
}