/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 1279px){
a.tel, a.tel:hover { pointer-events: initial; }
}
.right-tool-bar { position: fixed; right:10px; bottom:30px; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;transition: all 0.3s ease-out 0s;}
.right-tool-bar > div { width:40px; height:40px;line-height: 0px; background:#9a8a78;border-radius: 100%; margin-bottom: 10px;display: flex; flex-direction: row;flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.4s ease-out 0s;}
.right-tool-bar > div img { }
.right-tool-bar > div:hover { transform: scale(0.9);}
#gotop { cursor: pointer;  text-align: center; background: #626262;transition: all 0.4s ease-out 0s; } 
#gotop:hover { box-shadow: 0px 0px 0px 6px #888;} 
#gotop a { display:inline-block; font-size: 15px; color: #005ea6; position: relative; text-align: center; cursor: pointer; width: 20px;}
#gotop a > img { position: absolute; width: 20px; height: 20px; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
#gotop a:before { position: absolute; width: 16px; height: 8px; display: block; background: #fff; transform: translate(-50%, -50%); top:50%; left: 50%; clip-path: polygon(50% 0, 100% 100%, 0 100%);}
#gotop a:hover { }

.right-tool-bar-show { right:10px; }

footer { font-size: 16px; line-height:1.7; color: #fff; letter-spacing: 0; font-weight: 400; }

.footer-top-section { border-top: 2px solid #1e1e1e; padding-top: calc(20px + 4%); padding-bottom: calc(20px + 4%);}
.footer-logo { border-bottom: 1px solid #e8e8e8; padding-bottom: calc(20px + 2%); margin-bottom: 30px;}
.footer-logo img { max-width: 270px; width: 100%;}

.footer-note { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer-note-title {  line-height: 1.1; color: #000; font-size: clamp(24px, 3.5vw, 42px); }

.footer-note-btn { width: 240px; height: 70px; padding: 0 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; background: #000; position: relative; overflow: hidden;  }
.footer-note-btn:before, .footer-note-btn:after { content: ""; position: absolute; width: 250px; height: 250px; left: 50%; top: 50%; background: #a68a6d; border-radius: 100%; transform:translate(-50%,-50%) scale(0.3);transition: all 0.35s ease-out 0s;}
.footer-note-btn:before { transform-origin: 0% 100%; }
.footer-note-btn:after { transform-origin: 100% 0%; }
.footer-note-btn:hover:before, .footer-note-btn:hover:after { transform:translate(-50%,-50%) scale(1);}
.footer-note-btn > div { font-size: 18px; color: #fff !important; position: relative; z-index: 2; line-height: 1;  padding: 0 15px;transition: all 0.35s ease-out 0s;}
.footer-note-btn:hover > div { color: #fff !important;}


.footer-bottom-section { padding:40px 3%; background: #1e1e1e;}

.footer-bottom-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #343434; padding-bottom: 30px; margin-bottom: 30px;}
.footer-bottom-content > div:nth-of-type(1) { width: 35%;}
.footer-bottom-content > div:nth-of-type(2) { width: 65%;}

.footer-title { color: #8a8a8a; padding-bottom: 18px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 700;}

.footer-info-section { display: flex; flex-direction: row; flex-wrap: wrap; letter-spacing: 0.1rem;}
.footer-info-section > div { margin-bottom: 7px;}
.footer-info-section > div:nth-child(odd) { width: 32px;}
.footer-info-section > div:nth-child(even) { width: calc(100% - 32px); font-size: 14px; color: #dad1d1; padding-top: 7px;line-height: 1.1;}
.footer-info-section > div:nth-child(even) a { color: #dad1d1;}
.footer-info-section > div:nth-child(even) a:hover { color: #fff;}

.footer-social-link { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 45px; justify-content: flex-end;}
.footer-social-link > a  { margin-left: 10px; margin-bottom: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; border: 1px solid #5e5e5e; width: 52px; height: 52px;}
.footer-social-link > a:hover { background: #fff;}
.footer-social-link > a:hover img  { filter: brightness(0);}

.footer-link {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;}
.footer-link > a { color: #fff; font-size: 14px; line-height: 1.1; margin-bottom: 8px; padding: 0 10px; position: relative; }
.footer-link > a:hover { text-decoration: underline;}
.footer-link > a:after { content: "|"; position: absolute; top: -1px; right: 0;}
.footer-link > a:last-child:after { display: none;}

.copyright { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.copyright > div:nth-of-type(1) { color: #696969; font-size: 14px; font-family: "Raleway", sans-serif;}
.copyright > div:nth-of-type(1) > span { display: inline-block;}
.copyright > div:nth-of-type(2) { font-size: 14px; }
.copyright > div:nth-of-type(2) > a { color: #696969;}
.copyright > div:nth-of-type(2) > a:hover { color: #fff;}
.copyright > div:nth-of-type(2) > a img { transform: translateY(-1px);transition: all 0.4s ease-out 0s;}
.copyright > div:nth-of-type(2) > a:hover img { filter: brightness(0) invert(1);}

@media only screen and (max-width: 1365px) {
	.right-tool-bar { transform: scale(0.7); right: 0;}
}

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

@media only screen and (max-width: 980px) {
	.footer-note-btn { width: 220px; height: 60px;  }
	
	.footer-note { flex-direction: column; align-items: flex-start;}
	.footer-note-title { margin-bottom: 25px;}
	
	.footer-bottom-content > div:nth-of-type(1) { width: 100%; padding-bottom: 30px;}
	.footer-bottom-content > div:nth-of-type(2) { width: 100%;}
	.footer-social-link {  margin-bottom: 10px; justify-content: flex-start;}
	.footer-social-link > a { width: 42px; height: 42px;}
	.footer-link { justify-content: flex-start;}
}
@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) {
	
}