/* 応援企業のご紹介ページ（Figma: ②-D 専用ページ_スポンサー一覧） */
.sponsor-page {
	background: #E6E2D8;
}

.sponsor-page__hero {
	background: linear-gradient(100deg, rgba(13, 20, 38, 1) 0%, rgba(20, 31, 56, 1) 50%, rgba(33, 48, 82, 1) 100%);
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
}

.sponsor-page__hero-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
	max-width: 960px;
}

.sponsor-page__hero-label {
	margin: 0;
	color: #9E823D;
	font-family: "Inter", "Noto Sans", sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.0667em;
	text-transform: lowercase;
}

.sponsor-page__hero-title {
	margin: 0;
	color: #fff;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5;
}

.sponsor-page__hero-subtitle {
	margin: 0;
	color: #D9D9D9;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.sponsor-page__featured {
	display: flex;
	flex-direction: column;
}

.sponsor-card {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.sponsor-card__body {
	flex: 1 1 50%;
	min-width: 280px;
	min-height: 460px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
	padding: 80px 100px;
	box-sizing: border-box;
}

.sponsor-card__body--platinum {
	background: linear-gradient(90deg, rgba(249, 246, 241, 1) 0%, rgba(241, 234, 218, 1) 100%);
	padding-left: 160px;
}

.sponsor-card__body--gold {
	background: #FBFAF6;
	padding-right: 160px;
}

.sponsor-card__tier {
	margin: 0;
	background: linear-gradient(135deg, rgba(45, 36, 89, 0.95) 0%, rgba(77, 117, 191, 0.95) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: "Inter", "Noto Sans", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1538em;
}

.sponsor-card--gold .sponsor-card__tier {
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	color: #9E823D;
}

.sponsor-card__name {
	margin: 0;
	max-width: 440px;
	color: #1C3359;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
}

.sponsor-card--gold .sponsor-card__name {
	font-size: 23px;
}

.sponsor-card__description {
	margin: 0;
	max-width: 440px;
	color: #666;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.9;
}

.sponsor-card__description a {
	color: #666;
	text-decoration: underline;
	word-break: break-all;
}

.sponsor-card__body .btn-flat-border-1 {
	margin: 0;
	width: 200px;
}

.sponsor-card__visual {
	flex: 1 1 50%;
	min-width: 280px;
	min-height: 460px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 32px 48px;
	box-sizing: border-box;
	background: #fff;
}

.sponsor-card__badge {
	align-self: flex-start;
	flex-shrink: 0;
	margin: 0 0 40px;
	padding: 9px 18px;
	border-radius: 4px;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sponsor-card__badge--platinum {
	background: linear-gradient(135deg, rgba(45, 36, 89, 0.95) 0%, rgba(77, 117, 191, 0.95) 100%);
	color: #fff;
	margin-left: 24px;
}

.sponsor-card__badge--gold {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(158, 130, 61, 0.6);
	color: #785E29;
	margin-left: 39px;
	padding: 8px 16px;
}

.sponsor-card__logo {
	display: block;
	align-self: center;
	max-width: 248px;
	width: 100%;
	height: auto;
	margin: 0;
}

.sponsor-card__logo--masagent {
	max-width: 220px;
}

.sponsor-page__list {
	padding: 80px 160px 100px;
	display: flex;
	flex-direction: column;
	gap: 56px;
}

.sponsor-page__list-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sponsor-page__list-tier {
	margin: 0;
	color: #9E823D;
	font-family: "Inter", "Noto Sans", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1667em;
}

.sponsor-page__list-title {
	margin: 0;
	color: #1C3359;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
}

.sponsor-page__grid {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sponsor-page__grid--silver {
	gap: 20px;
}

.sponsor-page__grid--supporter {
	gap: 10px;
}

.sponsor-page__item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #E6E6E6;
	color: #666;
	font-family: "Noto Sans JP", "Noto Sans", sans-serif;
	text-align: center;
	box-sizing: border-box;
}

.sponsor-page__item--silver {
	width: 360px;
	min-height: 88px;
	padding: 24px 12px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.sponsor-page__item--supporter {
	width: 216px;
	min-height: 52px;
	padding: 14px 12px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

@media (max-width: 991px) {
	.sponsor-card {
		flex-direction: column;
	}

	.sponsor-card__body {
		order: 1;
	}

	.sponsor-card__visual {
		order: 2;
		min-height: 320px;
		padding: 24px 24px 32px;
	}

	.sponsor-card__badge {
		margin-bottom: 32px;
	}

	.sponsor-card__badge--platinum,
	.sponsor-card__badge--gold {
		margin-left: 0;
	}

	.sponsor-card__body,
	.sponsor-card__body--platinum,
	.sponsor-card__body--gold {
		padding: 48px 32px;
		min-height: auto;
	}

	.sponsor-page__list {
		padding: 56px 24px 72px;
	}

	.sponsor-page__item--silver {
		width: calc(50% - 10px);
		flex: 1 1 calc(50% - 10px);
	}

	.sponsor-page__item--supporter {
		width: calc(50% - 5px);
		flex: 1 1 calc(50% - 5px);
	}
}

@media (max-width: 576px) {
	.sponsor-page__hero-title {
		font-size: 26px;
	}

	.sponsor-page__hero-label {
		font-size: 13px;
	}

	.sponsor-card__name {
		font-size: 22px;
	}

	.sponsor-card--gold .sponsor-card__name {
		font-size: 20px;
	}

	.sponsor-page__item--silver,
	.sponsor-page__item--supporter {
		width: 100%;
		flex: 1 1 100%;
	}
}