/* 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: #31004b;}
.footer-box { padding: 14px 40px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.footer-box > div:first-child > div {display: inline-block; vertical-align: middle; padding-right: 12px;}
.footer-box > div:first-child { letter-spacing: 1px; font-size: 15px; color: #ffffff;}
.footer-box > div:first-child a { color: #fff;}
.footer-box > div:first-child i { background: url(../images/footer-dot.png) no-repeat 0px 4px; padding: 0 12px 0 16px;}
.footer-box > div:last-child { font-size: 13px; color: rgba(255,255,255,.4); letter-spacing: 1px;} 

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

}

@media only screen and (max-width: 768px) {
	.footer-box {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.footer-box > div:first-child > div:nth-of-type(1) { display: block;}
	.footer-box > div:first-child > div { text-align: left; padding-bottom: 10px;}
	.footer-box > div:first-child { text-align: left;}
	.footer-box > div:first-child i { background:none; padding: 0 12px 0 10px;}
	.footer-box > div:last-child {margin-top: 10px; padding-left: 10px;}
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {
	.footer-box {padding: 20px 20px;}
}

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

}

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

}