/* 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-box {position: fixed; right:1%; top:45%;z-index:20; display: flex; flex-direction: column; flex-wrap: nowrap;}
.right-tool-box > div { margin-bottom: 10px;border: 1px solid #cb1a26; background: #fff; width:50px; height:50px; border-radius: 100%;position: relative;}
.right-tool-box > div:hover { background: #cb1a26}
.right-tool-box > div:hover img { filter: brightness(0) invert(1);}
.right-tool-box > div img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25px;}
#gotop { cursor: pointer;   text-align: center;}
#gotop a { display:inline-block; width:50px; height:50px;line-height: 45px;  background:#cb1a26; border-radius: 100%; font-size: 15px; color: #073E8D; 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: 1px 1px 0 0; border-color: #fff; border-style: solid; transform: translate(-50%, -50%) rotate(-45deg) ; top:57%; left: 50%;}
#gotop a:hover { opacity: 1;}

footer { background: #181a1c; font-size: clamp(16px, 1.3vw, 18px); line-height:1.8; color: #9f9f9f; letter-spacing: 0; font-weight: 400; padding: calc(20px + 4%) 5% 0 5%; }

.footer-top-section { padding: 0 4% calc(20px + 2%) 4%; border-bottom: 1px solid rgba(255,255,255,.25);}
.footer-top-content { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-top-content > div:nth-of-type(1) { width: 54%; padding-right: 40px; padding-top: 10px;padding-bottom: 10px; border-right: 1px solid rgba(255,255,255,.25);}
.footer-top-content > div:nth-of-type(2) { width: 46%; padding:10px 0 10px 40px; }

.footer-left-top { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer-left-top > div { margin-bottom: 20px;}
.footer-logo { max-width: 260px;}
.footer-social { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-social > a { width: 35px; height: 35px; border-radius: 100%; border: 1px solid #fff; position: relative; display:inline-block; margin-right: 10px; opacity: 0.5;}
.footer-social > a:hover { opacity: 1;}
.footer-social > a > img { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 18px; filter: invert(1);}

.footer-info { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-info > div { padding: 5px 1.3vw 5px 0; margin-right: 1.3vw; position: relative;display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.footer-info > div > img { display: inline-block; width: 14px; margin-right: 7px;}
.footer-info > div > div { font-size: 14px; color: #9f9f9f; font-weight: 300;}
.footer-info > div > div a { color: #9f9f9f;}
.footer-info > div:after { content: ""; position: absolute; opacity: 0.13; background:#fff; width: 1px; height: 100%; transform: rotate(30deg); top: 0; right: 0;}
.footer-info > div:last-child:after { display: none;}

.footer-link { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link > a { width: 25%; margin-bottom: calc(10px + 1%); font-size: 15px; color: #fff; letter-spacing: 0.05rem; opacity: 0.7}
.footer-link > a:hover { opacity: 1; text-decoration: underline;}

.copyright { padding: 22px 0; text-align:center; color: #777777; font-size: 14px;}
.copyright a { color: #777777; text-decoration: underline;}
.copyright a:hover { color: #fff; }

@media only screen and (max-width: 1365px) {
	.right-tool-box { transform: scale(0.7); transform-origin: 100% 50%;}
	
}

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

@media only screen and (max-width: 980px) {
	.footer-top-section { padding-left: 0; padding-right: 0;}
	.footer-top-content > div:nth-of-type(1) { width: 100%; padding-right: 0px; padding-top: 0px;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.25);border-right: 0px solid rgba(255,255,255,.25);}
	.footer-top-content > div:nth-of-type(2) { width: 100%; padding:0px 0 0px 0px; }
	
}
@media only screen and (max-width: 768px) {
	.footer-logo { max-width: 200px;}
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	.footer-info { flex-direction: column;}
	.footer-info > div:after { display: none;}
	.footer-link > a { width: 33.33%;}
}

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