body > footer {
	margin-top: 100px;
	padding-bottom: 24px;
	position: relative;
	color: var(--color-white);

    &::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: var(--color-red);
        border-radius: 0 100px 0 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    article {
        padding-top: 37px;
        padding-bottom:0;
    }

    article {
        h1 {
            width: 207px;
            height: 64px;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: left top;
            }
        }

        div {
            h2 {
                font-size: 20px;
                font-weight: 700;
            }
            address {
                font-style: normal;
                font-size:0.9em;
                margin-top:10px;
            }
            ul {
                margin-top:20px;
                font-size:0.9em;
            }
            a {
                color:var(--color-white);
            }
        }
    }

    .copyright {
        margin-top: clamp(40px, 4.1vw, 97px);
        font-size: 12px;
    }
}


.page-top {
	bottom: 80px;
	right: -100%;

    a:hover svg {
        * {
            transition: all 0.3s;
        }

        path {
            stroke: var(--color-red);
            fill: var(--color-white);
        }

        circle {
            fill: var(--color-white);
            stroke: var(--color-red);
        }
    }
}
body.ts-scrolled .page-top {
    right:20px;
}
body.ts-is-scrolling .page-top:not(:hover) {
    pointer-events: none;
    right: -100%;
}


@media (min-width:1400px) {
	body > footer::before {
		width: calc(100% - 110px);
	}
}
@media (min-width:768px) {
	body > footer__content {
		display: flex;
		align-items: flex-start;
		gap: 100px;
	}

	body > footer__info h2 {
		margin-top: 0;
	}

    .page-top {
		bottom: 20px;
	}
}