/**
 * Partner page styles.
 */

.partner-corporate-section,
.partner-production-section,
.partner-contact-section,
.partner-corporate-deco-anchor,
.partner-production-deco-anchor,
.partner-contact-deco-anchor {
	position: relative !important;
	overflow: visible !important;
}

.partner-corporate-section::after,
.partner-corporate-deco-anchor::before,
.partner-production-section::after,
.partner-production-deco-anchor::before,
.partner-contact-deco-anchor::before {
	position: absolute;
	z-index: 1;
	display: block;
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

.partner-corporate-deco-anchor > *,
.partner-production-deco-anchor > *,
.partner-contact-deco-anchor > * {
	position: relative;
	z-index: 2;
}

.partner-corporate-section > *,
.partner-production-section > *,
.partner-contact-section > * {
	position: relative;
	z-index: 2;
}

.partner-corporate-deco-anchor::before {
	left: -19%;
	bottom: -15%;
	width: clamp(120px, 16vw, 234px);
	aspect-ratio: 234 / 410;
	background-image: url("../../img/partner_deco_corporate.svg");
}

.partner-corporate-section::after {
	top: 80%;
	left: calc(100% - 1448px);
	z-index: 3;
	width: 1448px;
	height: 67px;
	background-image: url("../../img/partner_text_contact.svg");
	background-size: 100% 100%;
}

.partner-production-deco-anchor::before {
	right: -16%;
	top: -126%;
	width: clamp(280px, 35vw, 505px);
	aspect-ratio: 505 / 275;
	background-image: url("../../img/partner_deco_production.svg");
}

.partner-production-section::after {
	left: 0;
	right: auto;
	bottom: 0;
	width: 2025px;
	aspect-ratio: 2025 / 58;
	background-image: url("../../img/partner_text_production.svg");
	background-size: 100% 100%;
}

.partner-contact-deco-anchor::before {
	left: -25%;
	top: -71%;
	width: clamp(150px, 20vw, 289px);
	aspect-ratio: 289 / 331;
	background-image: url("../../img/partner_deco_contact.svg");
}

.partner-main-button {
	position: relative;
	z-index: 4;
}

.partner-main-button .wp-block-button__link,
.wp-block-button.partner-main-button .wp-block-button__link {
	position: relative;
	z-index: 4;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.partner-corporate-section::after {
		top: auto;
		right: auto;
		left: calc(100% - min(110vw, 900px) + 10%);
		bottom: -34px;
		z-index: 1;
		width: min(110vw, 900px);
		height: calc(min(110vw, 900px) * 67 / 1452);
	}

	.partner-corporate-deco-anchor .wp-block-image {
		width: min(48vw, 320px) !important;
		max-width: 320px;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.partner-corporate-deco-anchor .wp-block-image img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 767px) {
	.partner-corporate-section::after,
	.partner-production-section::after {
		display: none;
	}

	.partner-corporate-deco-bg::before {
		height: 100%;
	}

	.partner-corporate-deco-anchor {
		flex-direction: column-reverse;
		gap: 28px;
	}

	.partner-corporate-deco-anchor .wp-block-image {
		width: min(70%, 216px) !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.partner-corporate-deco-anchor::before {
		top: -114px;
		left: 270px;
		width: 76px;
		aspect-ratio: 76 / 144;
		background-image: url("../../img/partner_deco_corporate_sp.svg");
	}

	.partner-production-deco-anchor::before {
		top: -194px;
		right: -36px;
		width: 221px;
		aspect-ratio: 221 / 183;
		background-image: url("../../img/partner_deco_production_sp.svg");
	}

	.partner-contact-deco-anchor::before {
		top: -179px;
		left: -2%;
		width: 102px;
		aspect-ratio: 102 / 134;
		background-image: url("../../img/partner_deco_contact_sp.svg");
	}

	.partner-tel-card {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	.partner-tel-card p:first-child {
		font-size: 14px;
		white-space: nowrap;
	}
}