@charset "UTF-8";
footer#sitefoot {
	text-align: center;
	padding-bottom: 6rem;
}
#sitefoot .shortcut {
	padding: 2.4em 0;
}
#sitefoot .shortcut a {
	display: inline-block;
	margin: 0 0.6em;
}
#sitefoot .shortcut a > img {
	width: auto;
	height: 2em;
}
#sitefoot .shortcut a:hover {
	opacity: 0.6;
}
#sitefoot .elm {
	text-align: center;
}
#sitefoot .lgm-wrap {
	text-align: center;
	padding: 1em 0;
}
#sitefoot a.lgm {
	display: inline-block;
	width: 20%;
}
#sitefoot a.lgm > img {
	width: 100%;
	max-width: 276px;
	height: auto;
}
#sitefoot small {
	margin-top: 1em;
	display: block;
	font-size: 8px;
	line-height: 1em;
	color: #adadad;
}
#sitefoot .controls {
	position: fixed;
	z-index: 1;
}
#sitefoot .pagetop {
	display: inline-block;
	position: fixed;
	z-index: 10;
	right: 0;
	padding-right: 1.4em;
	bottom: 44px; /* fallback for enviroment can't use calc & env function */
	bottom: calc(env(safe-area-inset-bottom) + 20px + var(--ui-bottom-contact-pan));
	opacity: 0.0;
	transform: translateY(-2em);
	transition: all 1s;
	transition-delay: inherit;
}
#sitefoot .pagetop > img {
	width: 2em;
	height: auto;
}
[data-ispagescrolled="true"] #sitefoot .pagetop {
	opacity: 1.0;
	transform: translateY(0em);
}

#sitefoot .menus {
	padding-top: 7rem;
	padding-bottom: 2rem;
}
#sitefoot .menus a {
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1em;
	display: inline-block;
	padding: 0em 1em;
	letter-spacing: 0.1em;
	color: #000;
	border-right: solid 1px #ddd;
}
#sitefoot .menus a:last-child {
	border-right: none;
}
#sitefoot .menus a:hover {
	color: #aaa;
}
#sitefoot .contact-pan {
	display: none;
}
@media only screen and (max-width:780px) {
	#sitefoot .menus {
		padding-top: 0rem;
		padding-bottom: 2rem;
	}
	#sitefoot .menus a {
		font-size: 0.7em;
	}
	#sitefoot a.lgm {
		width: 50%;
	}
	#sitefoot .contact-pan {
		position: fixed;
		z-index: 50;
		bottom: 0;
		left: 0;
		display: table;
		width: 100%;
		font-family: var(--font-g);
		border-top: solid 4px #fff;
	}
	#sitefoot .contact-pan > * {
		display: table-cell;
		vertical-align: middle;
		background-color: var(--cl-theme);
		color: #fff;
		text-align: center;
		padding: 1em 0;
	}
	#sitefoot .contact-pan .contact {
		/* border-right: solid 4px #fff; */
		width: 100%;
		font-size: 5.4vw;
		font-weight: 600;
		line-height: 1.5em;
		background-color: var(--cl-activation);
	}
	#sitefoot .contact-pan .phone {
		
	}
		#sitefoot .contact-pan .phone > i {
			font-size: 5.4vw;
			font-weight: 600;
		}
			#sitefoot .contact-pan .phone > i .mrk-freedial {
				width: auto;
				height: 0.8em;
				vertical-align: 0.0em;
				margin-right: 0.2em;
			}
		#sitefoot .contact-pan .guide {
			font-size: 2.4vw;
			line-height: 1em;
			margin-top: 0.8em;
		}
			#sitefoot .contact-pan .guide > time {
				margin-right: 0.5em;
			}
}