.page-template-ambassador-introduction .header-logo-svg {
	opacity: .67;
}

@media (min-width: 1000px) {
    .page-template-ambassador-introduction .header-nav-item:not(.__active) {
      color: var(--color-text);
    }

    .page-template-ambassador-introduction .header-logo-svg {
      fill: black;
    }
}

/**
 * Breadcrumb
 */
.breadcrumb-container {
	max-width: 1200px;
}

.breadcrumb-item {
	color: #343A40;
	text-align: center;
	font-family: var(--font-notosansjp);
	font-weight: 500;
	font-size: 16px;
	line-height: normal;
}

.breadcrumb-icon {
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.breadcrumb {
		margin-top: calc(100vw * 30 / 1440);
		margin-bottom: calc(100vw * 30 / 1440);
	}

	.breadcrumb-container {
		gap: calc(100vw * 10 / 1440);
		padding-top: calc(100vw * 20 / 1440);
		padding-bottom: calc(100vw * 20 / 1440);
	}

	.breadcrumb-icon {
		width: 8px;
	}
}

@media (max-width: 767px) {
	.breadcrumb {
		margin-top: calc(100vw * 60 / 390);
		margin-bottom: calc(100vw * -60 / 390);
	}

	.breadcrumb-container {
		gap: calc(100vw * 8 / 390);
		padding-top: calc(100vw * 14 / 390);
		padding-bottom: calc(100vw * 14 / 390);
	}

	.breadcrumb-icon {
		width: 6px;
	}
}

/**
 * Ambassador
 */
.ambassador-section {
	background-color: #FFFFFF;
}

.ambassador-container {
	max-width: 1200px;
}

.ambassador-title {
	color: var(--color-text);
	font-family: var(--font-impact);
	letter-spacing: .1em;
	line-height: 1;
}

.ambassador-title:before {
	color: var(--color-yellow);
	content: "/";
}

.ambassador-subtitle {
	color: var(--color-yellow);
	line-height: normal;
}

.ambassador-desc {
	color: var(--color-text);
}

.ambassador-item-cover {
	position: relative;
	flex-shrink: 0;
}

.ambassador-item-cover.__ready {
	transition: transform .5s ease-in;
}

.ambassador-item.__odd .ambassador-item-cover:not(.__ready) {
	transform: translateX(calc(-100% - 20px));
}

.ambassador-item.__even .ambassador-item-cover:not(.__ready) {
	transform: translateX(calc(100% + 20px));
}

.ambassador-item-cover:after {
	position: absolute;
	top: 0;
	background-color: var(--color-yellow);
	content: "";
	z-index: -1;
}

.ambassador-item-cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

.ambassador-item-label-number {
	display: block;
	width: auto;
	flex-shrink: 0;
}

.ambassador-item-label-text {
	color: var(--color-yellow);
	font-family: var(--font-impact);
	font-weight: 400;
	line-height: normal;
	font-size: 22px;
	letter-spacing: .66px;
	white-space: nowrap;
}

.ambassador-item-name {
	color: #000;
	font-family: var(--font-notosansjp);
	font-weight: 700;
	font-size: 36px;
	line-height: 35px;
	letter-spacing: 2.16px;
}

.ambassador-item-role {
	color: #000;
	font-family: var(--font-notosansjp);
	font-weight: 700;
	font-size: 22px;
	line-height: 35px;
	letter-spacing: 1.32px;
}

.ambassador-item-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
}

.ambassador-item-desc {
	color: #000;
	font-family: var(--font-notosansjp);
	font-weight: 700;
}

.ambassador-item-number {
	color: #F4F4F4;
	text-align: center;
	font-family: var(--font-impact);
	font-weight: 400;
	line-height: normal;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.ambassador-container {
		padding-top: calc(100vw * 120 / 1440);
		padding-bottom: calc(100vw * 120 / 1440);
	}

	.ambassador-title-wrapper {
		margin-bottom: calc(100vw * 20 / 1440);
	}

	.ambassador-title {
		font-size: calc(100vw * 48 / 1440);
	}

	.ambassador-title:before {
		font-size: calc(100vw * 84 / 1440);
		margin-right: calc(100vw * 12 / 1440);
	}

	.ambassador-subtitle {
		font-family: var(--font-yogothic);
		font-weight: 600;
		font-size: 20px;
		letter-spacing: .6px;
		margin-top: calc(100vw * 4 / 1440);
	}

	.ambassador-desc {
		font-size: calc(100vw * 14 / 1440);
		line-height: 2;
		margin-bottom: calc(100vw * 90 / 1440);
	}

	.ambassador-items {
		gap: calc(100vw * 90 / 1440);
	}

	.ambassador-item {
		align-items: flex-start;
		gap: calc(100vw * 55 / 1440);
	}

	.ambassador-item.__even {
		flex-direction: row-reverse;
	}

	.ambassador-item-cover {
		align-self: center;
		width: calc(100vw * 430 / 1440);
		aspect-ratio: 970 / 630;
	}

	.ambassador-item-number {
		align-self: flex-end;
		font-size: calc(100vw * 135 / 1440);
		letter-spacing: calc(100vw * 8.1 / 1440);
	}

	.ambassador-item-label {
		gap: calc(100vw * 8 / 1440);
		margin-bottom: calc(100vw * 14 / 1440);
	}

	.ambassador-item-label-number {
		width: calc(100vw * 38 / 1440);
		aspect-ratio: 80 / 85;
	}

	.ambassador-item-name {
		margin-bottom: calc(100vw * 8 / 1440);
	}

	.ambassador-item-role {
		margin-bottom: calc(100vw * 16 / 1440);
	}

	.ambassador-item-desc {
		font-size: 14px;
		line-height: 30px;
		letter-spacing: .84px;
	}
}

@media (max-width: 767px) {
	.ambassador-container {
		padding-top: calc(100vw * 90 / 390);
		padding-bottom: calc(100vw * 90 / 390);
		padding-left: calc(100vw * 30 / 390);
		padding-right: calc(100vw * 30 / 390);
	}

	.ambassador-title-wrapper {
		margin-bottom: calc(100vw * 16 / 390);
	}

	.ambassador-title {
		font-size: calc(100vw * 32 / 390);
	}

	.ambassador-title:before {
		font-size: calc(100vw * 56 / 390);
		margin-right: calc(100vw * 6 / 390);
	}

	.ambassador-subtitle {
		font-family: var(--font-hiraginokakugothic);
		font-weight: 800;
		font-size: 10.635px;
		letter-spacing: 2.127px;
		margin-top: calc(100vw * 4 / 390);
	}

	.ambassador-desc {
		font-size: calc(100vw * 12 / 390);
		line-height: 1.8;
		margin-bottom: calc(100vw * 50 / 390);
	}

	.ambassador-items {
		gap: calc(100vw * 60 / 390);
	}

	.ambassador-item {
		flex-direction: row !important;
		flex-wrap: wrap;
		column-gap: calc(100vw * 10 / 390);
	}

	.ambassador-item-content {
		display: contents;
	}

	.ambassador-item-cover {
		order: 1;
		flex-basis: 100%;
		width: 100%;
		aspect-ratio: 970 / 630;
		margin-bottom: calc(100vw * 20 / 390);
	}

	.ambassador-item-number {
		order: 3;
		align-self: center;
		margin-left: auto;
		font-size: calc(100vw * 96 / 390);
		letter-spacing: calc(100vw * 5.76 / 390);
	}

	.ambassador-item-label {
		order: 2;
		gap: calc(100vw * 6 / 390);
	}

	.ambassador-item-label-number {
		width: calc(100vw * 32 / 390);
		aspect-ratio: 80 / 85;
	}

	.ambassador-item-name {
		order: 4;
		flex-basis: 100%;
		margin-bottom: calc(100vw * 6 / 390);
	}

	.ambassador-item-role {
		order: 5;
		flex-basis: 100%;
		margin-bottom: calc(100vw * 10 / 390);
	}

	.ambassador-item-desc {
		order: 6;
		flex-basis: 100%;
		font-size: 12px;
		line-height: 24px;
		letter-spacing: .72px;
	}
}