/* 
	f7 css root
	
	--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: 10vw 0 0;
    padding: 5vw 0
}

.footer-7- .footer-webmap- {
	position: relative;
	display: flex;
	flex-wrap: wrap;
    gap: 1.5rem;
    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- .item-collapse- .rotate-icon- {
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotateZ(180deg);
    transition: transform .3s linear
}

.footer-7- .footer-webmap- .item-collapse-:not(.collapsed-) .rotate-icon- {
    transform: translateY(-50%) rotateZ(0deg)
}

.footer-7- .footer-webmap- .item-collapse- .collapse-content- {
    display: block;
    visibility: visible;
    opacity: 1
}

.footer-7- .footer-webmap- .item-collapse-:not(.collapsed-) .collapse-content- {
	display: none;
	visibility: hidden;
    opacity: 0
}

.footer-7- .footer-webmap- .webmap-item- {
	position: relative;
    width: 100%
}

.footer-7- .footer-webmap- .webmap-item- h3 {
	position: relative;
	margin: 0 0 3vw;
	font-size: 4vw;
    font-weight: 700;
    color: var(--f7_WEBMAP_H3_TXT_COLOR)
}

.footer-7- .footer-webmap- .webmap-item- ul {
    font-size: 14px;
    list-style: disc;
    padding-inline-start: 1.2rem
}

.footer-7- .footer-webmap- .webmap-item- ul li {
	padding: 0 0 1rem
}

.footer-7- .footer-webmap- .webmap-item- ul li:last-child {
	padding: 0
}

.footer-7- .footer-webmap- .webmap-item- ul li a {
	color: var(--f7_WEBMAP_NAVI_TXT_COLOR)
}

.footer-7- .footer-webmap- .webmap-item- ul li a:hover {
	color: var(--f7_WEBMAP_NAVI_TXT_COLOR_HOVER)
}

.footer-7- .footer-webmap- .webmap-item- .item-img- {
	display: flex;
	flex-wrap: wrap;
    gap: 5px
}

.footer-7- .footer-webmap- .webmap-item- .item-img- img {
    max-width: 100px;
    transition: none
}

.footer-7- .footer-webmap- .webmap-item- .item-img- .icon- {
	width: 30px;
	height: 30px
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- {
	display: flex;
	flex-wrap: wrap;
    grid-gap: 10px
}

.footer-7- .footer-webmap- .webmap-item- .contact-list- .contact-item- {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 48%;
    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: 40px
}

.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
}