/* 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; }
}

#gotop { display: none; position: fixed; right:0px; bottom:20px; cursor: pointer;  z-index:20;}
#gotop a { display:inline-block; width:30px; height:30px; padding-top:6px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}

footer { background: #333333; position: relative; padding: 50px 60px 80px 60px;}
footer:after { content: ""; position: absolute; width: 100%; height: 24px; background: #222222; display: block; left: 0; bottom: 0;}

.footer-content { display: flex; flex-direction: row; flex-wrap: nowrap; color: #fff;}
.footer-content > div:nth-of-type(1) { width: 50%; font-size: 16px; padding-right: 40px;}
.footer-logo { line-height: 0; padding-bottom: 24px;}
.footer-info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footer-info a { color: #fff;}
.footer-info > div:nth-child(odd) { width: 33px;}
.footer-info > div:nth-child(even) { width: calc(100% - 33px); padding-left: 22px;}
.footer-add { font-size: 18px;}
.footer-content > div:nth-of-type(2) { width: calc(50% - 150px);}
.footer-content > div:nth-of-type(3) { width: 150px;}
.footer-content > div:nth-of-type(3) a { display: block; padding-bottom: 10px; font-size: 18px; color: #fff; letter-spacing: 1px;}
.footer-content > div:nth-of-type(3) a:hover { text-decoration: underline;}

.footer-social > div {line-height: 0; max-width: 254px;display: flex;justify-content: center;align-items: center;}
.footer-social > div:nth-of-type(1), .footer-social > div:nth-of-type(2) { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #fff;}
.footer-social > div > a > img:hover{box-shadow: 0 4px 4px 0 rgba(51, 51, 51, .4);border-bottom: 8px #555 solid;transition: all 0.1s;
}

@media only screen and (max-width: 980px) {
	footer { padding-bottom: 60px;}
	.footer-content { flex-direction: column;}
	.footer-content > div { width: 100% !important;}
	.footer-content > div:nth-of-type(2) { padding: 35px 0;}
}
@media only screen and (max-width: 768px) {
	footer { padding: 50px 20px 80px 20px;}
}
@media only screen and (max-width: 570px) {
	
}