.footer {
	/*background-color: pink;*/
	/*opacity: .5;*/
}

.footer-columns {
	position: relative;
}

.footer-columns:before {
	position: absolute;
	top: 0;
	left: -1px;
	background-color: black;
	content: "";
	width: 1px;
}

.footer-column {
	line-height: 1.6;
}

.footer-column:not(:nth-child(1)) {
	line-height: 1.7;
}

.footer-column-sub {
	line-height: 1.85;
}

.footer-column:not(:nth-child(1)) .footer-column-sub {
	line-height: 1.65;
}

.footer-column .__en {
	font-family: var(--font-athena);
}

.footer-column-link {
	color: black;
	letter-spacing: .02em;
}

.footer-button,
.footer-button:before,
.footer-button:after {
	border-radius: 8px !important;
}

.footer-button:not(:nth-child(5)) {
	font-family: var(--font-heisei-mincho-std) !important;
}

.footer-button:after {
	position: absolute;
	background-image: linear-gradient(225deg, rgba(33,29,26,0.8) 0%, rgba(255,255,255,1) 50%, rgba(33,29,26,0.8) 100%);
	content: none !important;
}

.footer-button:nth-child(5) .view-more-button-text {
	text-shadow: -2px -2px 5px white, 1px 1px 3px #242424;
}

.cdp-copy-loader-overlay{
	display: none;
}

.footer-wrapper{
	background-color: white;
}

.footer-button.__third svg {
	width: 85%;
}

@media (min-width: 1921px) {
	.footer-wrapper {
		gap: 59px;
		padding: 67px 24px 0 77px;
	}

	.footer-logo-compass {
		height: 50px;
		width: 47px;
	}

	.footer-logo-text {
		height: 51px;
		width: 199px;
	}

	.footer-columns {
		gap: 66px;
		padding-left: 29px;
		transform: translateY(-8px);
	}

	.footer-column:nth-child(2),
	.footer-column:nth-child(3),
	.footer-column:nth-child(4) {
		transform: translateY(11px);
	}

	.footer-columns:before {
		height: 237px;
	}

	.footer-column-sub {
		padding-left: 1px;
	}

	.footer-column-link {
		font-size: 20px;
	}

	.footer-column-item.__social {
		margin-top: 33px;
	}

	.footer-social-items {
		gap: 14px;
	}

	.footer-social-item {
		height: 44px;
		width: 44px;
	}

	.footer-buttons {
		gap: 4px;
		transform: translateY(-36px);
	}

	.footer-button {
		gap: 6px !important;
		max-width: 244px !important;
		padding: 14px 22px !important;
	}

	.footer-button:nth-child(2) img {
		height: 38px;
		width: 136px;
	}

	.footer-button:nth-child(4) img {
		width: 86px;
	}

	.footer-button:nth-child(5) img {
		width: 127px;
	}

	.footer-button:nth-child(5) .view-more-button-text {
		font-size: 9px !important;
	}
}

@media (max-width: 1920px) and (min-width: 768px) {
	.footer-wrapper {
		gap: calc(100vw * 59 / 1920);
		padding: calc(100vw * 67 / 1920) calc(100vw * 24 / 1920) 0 calc(100vw * 77 / 1920);
	}

	.footer-logo-compass {
		height: calc(100vw * 50 / 1920);
		width: calc(100vw * 47 / 1920);
	}

	.footer-logo-text {
		height: calc(100vw * 51 / 1920);
		width: calc(100vw * 199 / 1920);
	}

	.footer-columns {
		gap: calc(100vw * 66 / 1920);
		padding-left: calc(100vw * 29 / 1920);
		transform: translateY(calc(100vw * -8 / 1920));
	}

	.footer-column:nth-child(2),
	.footer-column:nth-child(3),
	.footer-column:nth-child(4) {
		transform: translateY(calc(100vw * 11 / 1920));
	}

	.footer-columns:before {
		height: calc(100vw * 237 / 1920);
	}

	.footer-column-sub {
		padding-left: calc(100vw * 1 / 1920);
	}

	.footer-column-link {
		font-size: calc(100vw * 20 / 1920);
	}

	.footer-column-item.__social {
		margin-top: calc(100vw * 33 / 1920);
	}

	.footer-social-items {
		gap: calc(100vw * 14 / 1920);
	}

	.footer-social-item {
		height: calc(100vw * 44 / 1920);
		width: calc(100vw * 44 / 1920);
	}

	.footer-buttons {
		gap: calc(100vw * 4 / 1920);
		transform: translateY(calc(100vw * -36 / 1920));
	}

	.footer-button {
		gap: calc(100vw * 6 / 1920) !important;
		padding: calc(100vw * 14 / 1920) calc(100vw * 22 / 1920) !important;
	}

	.footer-button:nth-child(2) img {
		height: calc(100vw * 38 / 1920);
		width: calc(100vw * 136 / 1920);
	}

	.footer-button:nth-child(4) img {
		width: calc(100vw * 86 / 1920);
	}

	.footer-button:nth-child(5) img {
		width: calc(100vw * 127 / 1920);
	}

	.footer-button:nth-child(5) .view-more-button-text {
		font-size: calc(100vw * 9 / 1920) !important;
	}
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
	.footer-wrapper {
		flex-direction: column;
		gap: 0 calc(100vw * 13 / 393);
		padding: calc(100vw * 27 / 393) calc(100vw * 15 / 393) calc(100vw * 27 / 393);
		padding-bottom: 10px;
	}

	.footer-logo-compass {
		height: calc(100vw * 25 / 393);
		width: calc(100vw * 24 / 393);
	}

	.footer-logo-text {
		height: calc(100vw * 26 / 393);
		width: calc(100vw * 101 / 393);
	}

	.footer-columns {
		flex-direction: column;
		gap: calc(100vw * 15 / 393);
		padding-top: 10px;
		padding-left: 10%;
		margin-top: 10px;
	}

	.footer-columns:before {
		left: calc(100vw * 11 / 393);
		height: 100%;
	}

	.footer-column-sub {
		padding-left: 0.5em;
	}

	.footer-column-link {
		font-size: calc(100vw * 12 / 393);
	}

	.footer-column-item.__social {
		margin-top: calc(100vw * 33 / 393);
	}

	.footer-social-items {
		gap: calc(100vw * 14 / 393);
	}

	.footer-social-item {
		height: calc(100vw * 30 / 393);
		width: calc(100vw * 30 / 393);
	}

	.footer-buttons {
		gap: 6px;
		padding-top: calc(100vw * 20 / 393);
		padding-left: 10%;
		position: relative;
	}

	.footer-buttons:before {
		position: absolute;
		top: 0;
		left: -1px;
		background-color: black;
		content: "";
		width: 1px;
		left: calc(100vw* 11 / 393);
        height: 100%;
	}

	.footer-button {
		gap: calc(100vw * 6 / 393) !important;
		max-width: calc(100vw * 244 / 393) !important;
		padding: calc(100vw * 14 / 393) calc(100vw * 22 / 393) !important;
	}

	.footer-button:nth-child(2) img {
		width: calc(100vw * 106 / 393);
	}

	.footer-button:nth-child(4) img {
		width: calc(100vw * 66 / 393);
	}

	.footer-button:nth-child(5) img {
		width: calc(100vw * 107 / 393);
	}

	.footer-button:nth-child(5) .view-more-button-text {
		font-size: calc(100vw * 9 / 393) !important;
	}
}