@charset "utf-8";

/*
*****************************************************************************************

基調講演、特別講演、海外発表の登壇者

*****************************************************************************************
*/

.happyo-detail-speaker {
	display: flex;
	align-items: center;
	gap: 72px;
	border-bottom: 1px solid var(--blue-border);
	padding-bottom: 72px;
	margin: 72px 0 48px;
}

.happyo-detail-speaker-col-img {
	align-self: flex-start;
	flex: 0 0 auto;
	border-radius: var(--border-radius-sm);
	overflow: hidden;
}

.happyo-detail-speaker-img {
	width: 217px;
	aspect-ratio: 217 / 260;
	object-fit: cover;
	object-position: top center;
}

.happyo-detail-speaker-col-text {
	flex: 1 1 0;
	margin: 0 0 8px;
}

.happyo-detail-speaker-name {
	font-size: var(--font-size-xl);
	font-weight: bold;
	color: var(--blue-dark);
	margin: 0;
}

.happyo-detail-speaker-job {
	font-size: var(--font-size-md);
	font-weight: bold;
	line-height: var(--line-height-md);
	color: var(--blue-highlight);
	margin: 12px 0 0;
}

:where(.happyo-detail-speaker-job) + .happyo-detail-speaker-job {
	margin-top: 0;
}

.happyo-detail-speaker-profile-title {
	font-size: var(--font-size-md);
	font-weight: bold;
	line-height: var(--line-height-md);
	color: var(--blue-label);
	margin: 24px 0 6px;
}

.happyo-detail-speaker-profile-text {
	margin: 0;
	font-size: var(--font-size-sm);
}

.happyo-detail-desc-title {
	font-size: var(--font-size-md);
	font-weight: bold;
	line-height: var(--line-height-md);
	color: var(--blue-label);
	margin: 0 0 8px;
}

.seminar-summary {
	margin: 40px 64px 48px;

	.happyo-detail-header {
		border-bottom: 1px solid var(--blue-border);
	}

	.happyo-detail-title {
		font-size: var(--font-size-2xl);
        color: var(--blue-dark);
		font-weight: bold;
		color: var(--blue-dark);
		position: relative;
		padding-left: 40px;
		margin: 0 0 24px;
	}

	.happyo-detail-title::before,
	.happyo-detail-title::after {
		content: '';
		display: block;
		width: 16px;
		aspect-ratio: 1;
		position: absolute;
		top: 1em;
	}

	.happyo-detail-title::before {
		background: var(--red);
		left: 6px;
		translate: 0 -8px;
	}

	.happyo-detail-title::after {
		background: var(--blue);
		left: 0;
		translate: 0 -14px;
	}

	.happyo-detail-speaker {
		margin-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 32px;
		gap: 56px;
	}

	.happyo-detail-speaker-name {
		font-size: var(--font-size-lg);
	}

	.happyo-detail-speaker-job {
		font-size: var(--font-size-ms);
		line-height: var(--line-height-sm);
		margin: 8px 0 0;
	}

	.happyo-detail-speaker-profile-title {
		font-size: var(--font-size-sm);
		margin: 16px 0 4px;
	}

	.happyo-detail-desc-title {
		font-size: var(--font-size-sm);
		margin: 0 0 4px;
	}

	.happyo-detail-desc-text {
		font-size: var(--font-size-sm);
	}

	.happyo-detail-speaker-img {
		width: 208px;
	}

}

@media (width <= 768px){

	.happyo-detail-speaker {
		gap: 24px;
		padding: 0 0 32px;
		margin: 32px 0 16px;
	}

	.happyo-detail-speaker-img {
		width: 72px;
	}

	.happyo-detail-speaker-name {
		font-size: var(--font-size-md);
        margin: 0 0 6px;
	}

	.happyo-detail-speaker-job {
		margin: 6px 0 0;
		font-size: var(--font-size-sm);
	}

	.happyo-detail-speaker-profile-title {
		margin: 16px 0 2px;
		font-size: var(--font-size-xs);
	}

	.happyo-detail-speaker-col-text {
		margin: 0;
	}

	.happyo-detail-desc-title {
		margin: 0 0 2px;
		font-size: var(--font-size-xs);
	}

	.happyo-detail-desc-text {
		font-size: var(--font-size-sm);
	}

}