@charset "utf-8";

.func-event {
	padding-block: 6.0625rem 7.3125rem;
	background-color: var(--clr-secondary);
}

.sec-ttl strong {
	color: var(--clr-primary);
  font-weight: 700;
}

.func-event-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-30);
}

.func-event-list li {
	max-width: 21.6875rem;
	min-height: 21.75rem;
	padding: var(--space-35) var(--space-25) var(--space-15);
	text-align: left;
	background-color: var(--clr-neutral-100);
	margin-inline: auto;
}

.func-event-list .upload-doc {
	padding-inline: var(--space-25) var(--space-5);
}

.func-event-list li .event-ico {
  min-width: 6.1875rem;
	min-height: 6.25rem;
	align-items: center;
}

.func-event-list li .ico-ttl {
	flex-direction: column;
	gap: var(--space-15);
}

.func-event-list li h3 {
	display: flex;
	min-height: 3.9375rem;
	line-height: 1.4;
	color: var(--clr-primary);
	align-items: center;
}

.func-event-list li .ttl-content {
	line-height: 1.4;
}

.func-event-list li .event-text {
	line-height: 1.8;
	margin-top: var(--space-20);
  text-align: justify;
}

.func-applicant {
	padding-block: var(--space-140) 9.375rem;
}

.sec-func-exhibitor.func-applicant {
	padding-block: var(--space-140) var(--space-100);
}

.func-applicant .func-event-list li {
	border: 0.0625rem solid var(--clr-primary);
}

.func-attendees {
	background-color: var(--clr-secondary);
}

.func-attendees .event-list-wrap {
  margin-bottom: 10.625rem;
}

.func-attendees .nav-button {
  background-color: var(--clr-neutral-100);
}

.func-attendees .nav-button .btn-view-more {
  margin-block: var(--space-90);
}

.nav-button .btn-view-more {
	color: var(--clr-neutral-100);
	background-color: var(--clr-primary);
	column-gap: var(--space-35);
	padding-inline: 4.125rem 2.5rem;
}

.nav-button .btn-view-more:hover {
	color: var(--clr-primary);
	background-color: var(--clr-neutral-100);
}

@media (max-width: 64em) {
	.func-event-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.func-event-list li {
		min-height: 15.9375rem;
	}

	.func-event-list li .ico-ttl {
		flex-direction: row;
		gap: 1rem;
		justify-content: flex-start;
	}

	.func-event-list li .event-text {
		margin-top: var(--space-15);
	}
}

@media (max-width: 48em) {
	.func-event,
	.func-applicant,
	.sec-func-exhibitor.func-applicant {
		padding-block: var(--space-50);
	}

	.func-event-list {
		grid-template-columns: 1fr;
		gap: var(--space-10);
	}

	.func-event-list li .event-ico.google {
		width: unset;
	}

  .func-attendees .event-list-wrap {
    margin-bottom: var(--space-50);
  }

  .func-attendees .nav-button .btn-view-more {
    margin-block: var(--space-50);
  }

	.nav-button .btn-view-more {
		column-gap: var(--space-10);
		padding-inline: var(--space-40);
	}
}