/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 1279px){
a.tel, a.tel:hover { pointer-events: initial; }
}
.right-tool-bar { position: fixed; right:10px; bottom:90px; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;transition: all 0.3s ease-out 0s;}
.right-tool-bar > div { width:40px; height:40px;line-height: 0px; background:#9a8a78;border-radius: 100%; margin-bottom: 10px;display: flex; flex-direction: row;flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.4s ease-out 0s;}
.right-tool-bar > div img { }
.right-tool-bar > div:hover { transform: scale(0.9);}
#gotop { cursor: pointer;  text-align: center; background: #c6010f;transition: all 0.4s ease-out 0s;box-shadow: 0px 0px 0px 3px transparent; } 
#gotop:hover { box-shadow: 0px 0px 0px 6px #ffb600;} 
#gotop a { display:inline-block; font-size: 15px; color: #005ea6; position: relative; text-align: center; cursor: pointer; width: 20px;}
#gotop a > img { position: absolute; width: 20px; height: 20px; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
#gotop a:before { content: ""; position: absolute; width: 16px; height: 8px; display: block; background: #fff; transform: translate(-50%, -50%); top:50%; left: 50%; clip-path: polygon(50% 0, 100% 100%, 0 100%);}
#gotop a:hover { }

.right-tool-bar-show { right:10px; }

footer { font-size: clamp(16px, 1.3vw, 18px); line-height:1.3; color: #fff; letter-spacing: 0; font-weight: 400; background: #3e3e3e; padding: calc(20px + 2%) 5% calc(20px + 2%) 5%; }

.footer-section { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footer-section > div:nth-of-type(1) { width: 18%;}
.footer-section > div:nth-of-type(2) { width: 82%; padding-left: 5%; }

.footer-info-section { display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #d2d2d2; padding-bottom: 12px; margin-bottom: 16px;}
.footer-info-section > div { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-bottom: 15px; padding-right: 5vw;}
.footer-info-section > div > div:nth-of-type(1) { width: 20px; margin-right: 8px;}
.footer-info-section > div > div:nth-of-type(1) > img { filter: brightness(0) invert(1);}
.footer-info-section > div > div:nth-of-type(2) { padding-top: 2px;}
.footer-info-section > div > div:nth-of-type(2) img { width: 20px; display: inline-block; margin-left: 10px; transform: translateY(-3px);}
.footer-info-section > div > div:nth-of-type(2) span { display: inline-block;;}
.footer-info-section > div > div:nth-of-type(2) a { color: #fff !important;}

.footer-bottom-section { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.footer-social { display: flex; flex-direction: row; flex-wrap: wrap; }
.footer-social > a { display: inline-block; padding: 0 0 10px 0; margin-right: 1.5vw;}
.footer-social > a:hover { transform: scale(0.8);}
.footer-social > a img { filter: invert(1); width: 25px;}

.copyright { text-align: right; font-size: 16px; line-height: 1.5;}
.copyright span { display: inline-block;}
.copyright a { color: #fff !important; display: inline-block;}
.copyright a:hover { text-decoration: underline;}


@media only screen and (max-width: 1365px) {
	.right-tool-bar { transform: scale(0.7); right: 0;}
}

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

@media only screen and (max-width: 980px) {
	.footer-section > div:nth-of-type(1) { width: 100%; text-align: center;}
	.footer-section > div:nth-of-type(1) img { max-width: 140px;}
	.footer-section > div:nth-of-type(2) { width: 100%; padding-left: 0%; padding-top: 25px;}
	.footer-info-section { justify-content: center;}
	.footer-bottom-section { flex-direction: column; justify-content: center;}
	.footer-social { justify-content: center; padding-bottom: 10px;}
	.footer-social > a { margin: 0 10px;}
	.copyright { text-align: center;}
	
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

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

@media only screen and (max-width: 320px) {
	.footer-info-section { justify-content: flex-start;}
	
}