/* 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:10px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:60px; height:60px;line-height: 55px;  background:#11325d; border-radius: 100%; font-size: 15px; color: #005ea6; position: relative; text-align: center; padding-top: 10px; cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);}
#gotop a:before { content: ""; position: absolute; width: 18px; height: 18px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:26px; left: 21px;}
#gotop a:hover { transform: scale(0.9);}

.right-tool { position: fixed; z-index: 20; right:10px; bottom:170px; display: flex; flex-direction: column; flex-wrap: nowrap;}
.right-tool > a { line-height: 0; display: block; margin-bottom: 10px;}
.right-tool > a img { width: 60px;transition: all 0.4s ease-out 0s;}
.right-tool > a:hover img { transform: scale(0.9);}

footer { border-top:12px solid #eb9e16; padding-left: 5%; padding-right: 5%; letter-spacing: 0.05rem; font-weight: 400; line-height: 140%;}
.footer-link { padding:25px 0 20px 0; text-align: right; border-bottom: 1px solid #ececec;}
.footer-link > a { display: inline-block; margin: 0 25px 5px 25px; color: #333;}
.footer-link > a:hover { color: #eb9e16;}

.footer-bottom-section { padding: 30px 20px; display: flex ;flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer-info { display: flex ;flex-direction: row; flex-wrap: nowrap; padding-bottom: 10px;}
.footer-info > div:nth-of-type(1) { width: 16px;}
.footer-info > div:nth-of-type(2) { padding-left: 15px;}

.footer-social > a { margin: 0 0 5px 0;}
.footer-social > a img { width:36px;}

.copyright { text-align: right; font-size: 15px; line-height: 26px;}

@media only screen and (max-width: 1279px) {
	.right-tool > a img { width: 45px;}
	#gotop { bottom:115px; }
	#gotop a { width:45px; height:45px;line-height: 40px;  }
	#gotop a:before { width: 12px; height: 12px; top:19px; left: 17px;}
	
	.footer-link { text-align: left;}
	.footer-link > a { margin: 0 20px 5px 20px; min-width: 84px;}
}

@media only screen and (max-width: 980px) {
	.footer-bottom-section { padding:20px 20px; flex-direction: column; justify-content:flex-start; align-items:flex-start;}
	.copyright { text-align: left; padding-top: 15px;}
}
@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) {
	
}