/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 999px){
a.tel, a.tel:hover { pointer-events: initial; }
}
.right-tool {position: fixed; right:10px; bottom:20%;z-index:20; display: flex; flex-direction: column; flex-wrap: nowrap; transform-origin: 100% 0%;}
.right-tool > div { margin-bottom: 6px; }
#gotop { display: none; position: fixed; right:5px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:50px; height:50px; border-radius: 100%; line-height: 50px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}

footer { font-size: 16px; color: #fff; line-height: 1.6; font-weight: 400; letter-spacing: 0.05rem; font-family: "Noto Sans SC", sans-serif;}
footer a { color: #fff;}
.footer-top-section { padding: calc(30px + 5%) 5% calc(20px + 2%) 5%;
background-image: url("../images/map-title.png"), url("../images/map-bg.jpg");
background-position: center 30%, top center;
background-repeat: no-repeat, no-repeat;
background-size: 70%, cover;
}
.footer-top-content { display:  flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.footer-top-content > div { width: 28%; text-align: center; padding: 0 0 40px 0;}
.footer-top-content > div a { color: #fff !important;}
.footer-top-title { position: relative; line-height: 1.1; font-weight: 900; text-align: center; padding-bottom: 12px; margin-bottom: 12px; font-size: clamp(19px, 1vw, 24px); text-transform: uppercase;}
.footer-top-title:after { position: absolute; content: ""; width: 20px; height: 2px; background: #fff; left: 50%; bottom: 0; transform: translateX(-50%);}

.footer-bottom-section { background: #0079c9; padding: calc(15px + 1%) 5%; text-align: center;}
.footer-mail { display:  flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 10px;}
.footer-mail > img { width: 30px;}
.footer-mail a { font-weight: 700; font-size: 18px; margin: 8px 10px; word-break: break-all; line-height: 1.2; color: #fff !important; display: inline-block;}
.footer-mail a:hover { opacity: 0.5;}
.copyright { font-size: 16px;}
.copyright a { color: #fff;}
.copyright a:hover { text-decoration: underline;}

@media only screen and (max-width: 1365px) {
	
}
@media only screen and (max-width: 1279px) {
	
}

@media only screen and (max-width: 980px) {
	#gotop { transform: scale(0.6); transform-origin: 100% 50%;}
	
	.footer-top-content > div { width: 48.5%;}
	
	.copyright { font-size: 14px;}
}
@media only screen and (max-width: 768px) {
    
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	.footer-top-content > div { width: 100%;}
	
}

@media only screen and (max-width: 414px) {
	
}

@media only screen and (max-width: 320px) {
	
}