/* 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:45px; height:45px;line-height: 40px;  background:#ad0d19; 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: 12px; height: 12px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:19px; left: 17px;}
#gotop a:hover { opacity: 0.8;}

footer { padding: 5% 10%; background-image: url("../images/footer-line.png"); background-repeat: no-repeat; background-position:  top right; background: linear-gradient(90deg, #4d66af 0%, #0e5da8 100%); position: relative; letter-spacing: 0.05rem; color: #fff; line-height: 160%; font-weight: 400;}
footer:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url("../images/footer-line.png"); background-repeat: no-repeat; background-position:  top right; }

.footer-title { position: relative; padding-bottom: 35px; z-index: 3;}
.footer-title:before { position: absolute; content: ""; width: 12px; height: 12px; background: #fff; border-radius: 100%; top:10%; left: -40px;}
.footer-title span { font-weight: 400; font-size: 38px; color: #fff; margin: 0; padding: 0;}

.footer-main { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; position: relative; z-index: 3;}
.footer-main > div { width: 48%;}
.footer-info { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-info > div { display: flex; flex-direction: row; flex-wrap: nowrap; width: 330px; padding-bottom: 20px;}
.footer-info > div > div:nth-of-type(1) { min-width: 34px;}
.footer-info > div > div:nth-of-type(2) { padding-left: 22px; color: #fff; font-size: 19px;}
.footer-info > div > div:nth-of-type(2) a { color: #fff;}

.copyright { text-align: right; font-size: 15px; color: #fff;}
.copyright a { color: #fff; display: inline-block;}
.copyright a:hover{ color: #fff; text-decoration: underline;}
.copyright-logo { line-height: 0; margin-bottom: 20px;}
.copyright-logo img { width: 160px;}

@media only screen and (max-width: 1279px) {
	footer { padding: 40px 5%;}
	
	.footer-title { padding-bottom: 20px; padding-left: 30px;}
	.footer-title:before { transform: scale(0.7); top:14%; left: 0px;}
	.footer-title span { font-size:26px;}
	
	.footer-main { flex-direction: column;}
	.footer-main > div { width: 100%;}
	.footer-info { padding-bottom: 30px;}
	.copyright { text-align: left;}
	.footer-info > div { padding-bottom: 10px;}
	.footer-info > div > div:nth-of-type(1) { min-width: 26px;}
	.footer-info > div > div:nth-of-type(2) { font-size: 17px;}
}

@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) {
	

}