/* 
	f7 css root
	
	--f7_CONTAINER_MAX_WIDTH: var(--content_MAX_WIDTH);
	--f7_CONTAINER_MARGIN: var(--content_MARGIN);
	--f7_CONTAINER_PADDING: var(--content_PADDING);
	
	--f7_COPYRIGHT_TXT_COLOR: var(--color3);
	
	--f7_WEBMAP_LINE: linear-gradient(to left, transparent, var(--color4), transparent);
	--f7_WEBMAP_H3_TXT_COLOR: var(--color2);
	--f7_WEBMAP_NAVI_TXT_COLOR: var(--color2);
	--f7_WEBMAP_NAVI_TXT_COLOR_HOVER: #36a5d9;
	--f7_WEBMAP_CONTACT_ITEM_TXT_COLOR: var(--color2);
	--f7_WEBMAP_CONTACT_ITEM_BG: linear-gradient(#0d1016, #0d1016) padding-box, linear-gradient(#444852, #444852) border-box;
	--f7_WEBMAP_CONTACT_ITEM_BG_HOVER: linear-gradient(#0d1016, #0d1016) padding-box, linear-gradient(135deg, #f3ea12, #444852 40%) border-box;
 */

@-webkit-keyframes proventer {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	} 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes provleave {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	} 100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.footer-7- .copyright- {
	font-size: 12px;
	color: var(--f7_COPYRIGHT_TXT_COLOR)
}

.footer-7- footer {
	margin: 7rem 0 0;
	padding: 3rem 0
}

.footer-7- .footer-container {
	max-width: var(--f7_CONTAINER_MAX_WIDTH);
	margin: var(--f7_CONTAINER_MARGIN);
	padding: var(--f7_CONTAINER_PADDING)
}

.footer-7- .footer-webmap- {
	position: relative;
	display: flex;
	flex-wrap: wrap;
    gap: 2rem 1rem;
    justify-content: space-between;
    margin: 0 0 1rem;
    padding: 0 0 1rem
}

.footer-7- .footer-webmap-:last-child {
	margin: 0;
	padding: 0
}

.footer-7- .footer-webmap-:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: var(--f7_WEBMAP_LINE)
}

.footer-7- .footer-webmap-:last-child:after {
	width: 0;
	height: 0
}

.footer-7- .footer-webmap- .webmap-item- {
    max-width: 400px
}

.footer-7- .footer-webmap- .webmap-item-.full-width- {
	max-width: unset;
	width: 100%
}

.footer-7- .footer-webmap- .webmap-item- h3 {
	margin: 0 0 1rem;
	font-size: var(--SUBHEADER_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    color: var(--f7_WEBMAP_H3_TXT_COLOR)
}

.footer-7- .footer-webmap- .webmap-item- ul {
    font-size: 14px;
    list-style: disc;
    padding-inline-start: 1rem
}

.footer-7- .footer-webmap- .webmap-item- ul li a {
	display: flex;
	color: var(--f7_WEBMAP_NAVI_TXT_COLOR)
}

.footer-7- .footer-webmap- .webmap-item- ul li a:hover {
	transform: scale(1.05);
	color: var(--f7_WEBMAP_NAVI_TXT_COLOR_HOVER)
}

.footer-7- .footer-webmap- .webmap-item- .item-img- {
	display: flex;
	flex-wrap: wrap;
    gap: 1rem
}

.footer-7- .footer-webmap- .webmap-item- .item-img- img {
    max-width: 120px;
    transition: none
}

.footer-7- .footer-webmap- .webmap-item- .item-img- img:hover {
    transform: scale(1.2)
}

.footer-7- .footer-webmap- .webmap-item- .item-img- .icon- {
	width: 40px;
	height: 40px
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- {
	display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    grid-gap: 10px
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- .contact-item- {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 1rem;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid;
    border-color: transparent;
    color: var(--f7_WEBMAP_CONTACT_ITEM_TXT_COLOR);
    filter: brightness(.6);
    background: var(--f7_WEBMAP_CONTACT_ITEM_BG)
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- .contact-item-:hover {
	filter: brightness(1);
	background: var(--f7_WEBMAP_CONTACT_ITEM_BG_HOVER)
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- .contact-item- img {
	width: 20px;
	height: 20px;
	filter: grayscale(1)
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- .contact-item-:hover img {
	filter: grayscale(0)
}

.footer-7- .footer-webmap- .footer-prov- {
	overflow: hidden;
    position: relative;
    height: 60px
}

.footer-7- .footer-webmap- .footer-prov- .footprov-cont {
	position: absolute;
    display: flex;
    align-items: center;
    width: max-content;
    height: -webkit-fill-available;
    gap: 0 1rem
}

.footer-7- .footer-webmap- .footer-prov- .footprov-cont.ani-leave {
	-webkit-animation: provleave linear;
    animation: provleave linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.footer-7- .footer-webmap- .footer-prov- .footprov-cont.ani-enter {
	-webkit-animation: proventer linear;
    animation: proventer linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.footer-7- .footer-webmap- .footer-prov- .footprov-cont img {
    max-width: 100px;
    margin: 0 .5rem
}

.footer-7- .footer-webmap- .footer-payment- {
	max-width: unset;
	width: 100%
}