@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
EVENT 一覧
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.event-article {
	--color_page: #f28550;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- カンファレンス
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.event-conference-ul {
	display: grid;
	gap: var(--padding-block) 3%;
}


.event-conference-li .image {
	overflow: hidden;
	border: 1px solid var(--color_gray_dark);
	border-radius: var(--border-radius);
}

.event-conference-li .img {
	width: 100%;
	max-height: 310px;
	object-fit: cover;
	transition: var(--transition_img);
}

.event-conference-li a:hover .img {
	transform: scale(1.1);
	filter: brightness(0.9);
}

.event-conference-li .external {
	display: grid;
	font-size: 20px;
	grid-template-columns: auto auto;
	column-gap: 1em;
	justify-content: space-between;
}

.event-conference-li .external::after {
	width: 0.8em;
	height: 0.8em;
	background: url("../img/common/external.svg") center center / contain no-repeat;
	content: "";
	transform: translateY(1em);
}

.event-conference-li .heading {
	width: fit-content;
	margin-top: 0.6em;
	padding-bottom: 0.3em;
	border-bottom: 5px solid var(--color_page);
	font-weight: 500;
	letter-spacing: 0.08em;
	transition: var(--transition);
}

.event-conference-li a:hover .heading {
	color: var(--color_page);
}

.event-conference-li .description {
	margin-top: 1em;
	line-height: 1.6;
}

@media (min-width: 480px) {
.event-conference-ul {
	grid-template-columns: 1fr 1fr;
}
}

@media (min-width: 768px) {
.event-conference-ul {
	grid-template-columns: 1fr 1fr 1fr;
}

.event-conference-li .external {
	font-size: 23px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- CALENDAR
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/