@charset "UTF-8";

/* =========================================================
   ClassNK 海運EU-ETSセミナー
   /hp/{ja,en,zh}/authentication/eumrv/seminar.html
========================================================= */

/* Hero: no background image */
.p-eumrv-seminar-hero {
	min-height: 220px;
	background: linear-gradient(120deg, #125b94 0%, #397bb2 100%);
}

/* Lecture I / II */
.p-eumrv-seminar__primary-section {
	padding-top: 38px;
	padding-bottom: 38px;
}

.p-eumrv-seminar__primary-content > :first-child {
	margin-top: 0;
}

.p-eumrv-seminar__primary-content > :last-child {
	margin-bottom: 0;
}

/* Lecture III */
.p-eumrv-seminar__lecture-list {
	display: grid;
	gap: 24px;
	margin-top: 24px;
}

.p-eumrv-seminar__lecture h3 {
	margin-top: 0;
}

.p-eumrv-seminar__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin-top: 18px;
}

.p-eumrv-seminar__links li {
	margin: 0;
}

.p-eumrv-seminar .goToTop {
	margin-top: 32px;
	text-align: right;
}

/* Mobile Hero: full width + right aligned title */
@media screen and (max-width: 768px) {
	.p-eumrv-seminar .c-hero.p-eumrv-seminar-hero {
		position: relative !important;
		min-height: 132px !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
		overflow: hidden !important;
	}

	.p-eumrv-seminar .c-hero.p-eumrv-seminar-hero > .c-hero__title {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 16px 18px !important;
		text-align: right !important;
	}

	.p-eumrv-seminar .c-hero.p-eumrv-seminar-hero > .c-hero__title > h1 {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.25rem !important;
		line-height: 1.35 !important;
		text-align: right !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}

	.p-eumrv-seminar__primary-section {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.p-eumrv-seminar__lecture-list {
		gap: 16px;
	}

	.p-eumrv-seminar__links {
		display: block;
		margin-top: 16px;
	}

	.p-eumrv-seminar__links li + li {
		margin-top: 10px;
	}
}

@media screen and (max-width: 480px) {
	.p-eumrv-seminar .c-hero.p-eumrv-seminar-hero > .c-hero__title {
		padding: 14px 16px !important;
	}

	.p-eumrv-seminar .c-hero.p-eumrv-seminar-hero > .c-hero__title > h1 {
		font-size: 1.1rem !important;
		line-height: 1.35 !important;
	}
}