/* 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:35%;z-index:20; display: flex; flex-direction: column; flex-wrap: nowrap; transform-origin: 100% 0%;}
.right-tool > div { margin-bottom: 6px; }
#gotop { cursor: pointer;  text-align: center;}
#gotop a { display:inline-block; width:44px; height:44px;line-height: 39px;  background:#006ba7; 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: 14px; height: 14px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg) translate(-50%, -50%); top:42%; left: 58%; }
#gotop a:hover { transform: scale(0.9);}

footer { color: #fff; font-size: 16px; letter-spacing: 0.05rem; font-weight: 400;}
.footer-top-section { background: #006ba7; padding: calc(20px + 1%) 5%;}
.footer-top-content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footer-top-content a { color: #fff; word-break: break-all;}
.footer-top-content a:hover { opacity: 0.5;}
.footer-top-content > div:nth-of-type(1) { width: 12%;}
.footer-top-content > div:nth-of-type(2) { width: 25%;}
.footer-top-content > div:nth-of-type(3) { width: 63%;}

.footer-logo { max-width: 90px;}
.footer-info { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 7px 0; }
.footer-info > div { line-height: 1.4;}
.footer-info > div:nth-of-type(1) { width: 15px; }
.footer-info > div:nth-of-type(2) { width: calc(100% - 15px); padding-left: 8px; }

.copyright { padding: calc(7px + 1%) 5%; text-align: center; font-size: 14px; color: #333333; line-height: 1.5;}
.copyright a { color: #333333;}
.copyright a:hover{ text-decoration: underline;}

@media only screen and (max-width: 1365px) {
	
}
@media only screen and (max-width: 1279px) {
	.footer-top-content > div:nth-of-type(1) { width: 100%;}
	.footer-top-content > div:nth-of-type(2) { width: 100%;}
	.footer-top-content > div:nth-of-type(3) { width: 100%;}
	
}

@media only screen and (max-width: 980px) {
	
}
@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) {
	
}