/* 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:20%; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;transition: all 0.3s ease-out 0s;}
.right-tool-bar > div { width:50px; height:50px;line-height: 0px; background:#00449a;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 { width:23px; }
.right-tool-bar > div:hover { transform: scale(0.9);}
#gotop { cursor: pointer;  text-align: center; position: relative;}
#gotop div { position: absolute; width: 10px; height: 10px; display: block; border-width: 1px 1px 0 0 ; border-style:solid; border-color: #fff;top:46%; left: 55%; transform: rotate(-45deg) translate(-50%, -50%); }

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

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

.footer-top-section { background: url("../images/bottom-contact-bg.jpg") no-repeat top center / cover; overflow:hidden;}

.footer-link-section { position:relative; padding: calc(20px + 2%) 5% calc(20px + 4%) 5%; margin-bottom:calc(20px + 6%); }
.footer-link-section:after { content: ""; position: absolute; background: #fff; border-radius: 0 0 0 10vw ; bottom: 0; right: 0; width: calc(100% - 66px); height: 200%;}
.footer-link-content { max-width: 1440px; margin: 0 auto; position: relative; padding: 0 64px; z-index: 3;}

.idx-link { position: relative;}
.idx-link-pto { padding-bottom: 30%; border: 1px solid #e1e3e6;}
.idx-link-pto img { transition: all 0.4s ease-out 0s;}
.idx-link-pto:hover img { transform: scale(0.9);}
.link-button-prev, .link-button-next { position: absolute; width: 42px; height: 42px; background: #0051b7; border-radius: 100%; top:50%; transform: translateY(-50%); z-index: 3;transition: all 0.4s ease-out 0s;}
.link-button-prev:hover, .link-button-next:hover { background: #333;}
.link-button-prev:before, .link-button-next:before { width: 12px; height: 12px; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff; position: absolute; top:50%; left: 50%; content: ""; }
.link-button-prev:before { transform: translate(-50%, -50%) rotate(-135deg); margin-left: 3px;}
.link-button-next:before { transform: translate(-50%, -50%) rotate(45deg); margin-left: -3px;}
.link-button-prev { left: 0px;}
.link-button-next { right: 0px;}

.footer-join-box { padding: 0 5% calc(20px + 5%) 5%;}
.footer-join-box .content-Box { max-width: 1280px;}

.footer-bottom-box { background: #23262b; padding: calc(20px + 4%) 5% 0 5%;}
.footer-bottom-box .content-Box { max-width: 1440px;}

.footer-bottom-section-1 { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 20px;}
.footer-bottom-section-1 > div:nth-of-type(1) { width: 360px;}
.footer-bottom-section-1 > div:nth-of-type(2) { width: calc(100% - 360px); padding-left: 5%;}

.footer-info { display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 3px; font-size: 16px;}
.footer-info > div:nth-of-type(1) { white-space: nowrap; color: #66686c;}
.footer-info > div:nth-of-type(2) { color: #fff;}
.footer-info > div:nth-of-type(2) a { color: #fff;}


.footer-link-box { display: flex; flex-direction: row; flex-wrap:wrap;}
.footer-link-box > div { width: 16.66%; padding-right: 10px;}
.footer-link-1 {position: relative;}
.footer-link-1 > a {display:block; color: #fff; font-size: 16px; opacity: 0.6; line-height: 1.3; padding-bottom: 10px;}
.footer-link-1-btn { display: none; width: 15px; height: 15px; top:50%; right: 5px; transform: translateY(-50%); position: absolute; z-index: 3; cursor: pointer; border: 0px solid #fff;}
.footer-link-1-btn:after { display: inline-block; width: 9px; height: 9px; border-width: 0 1px 1px 0; border-style: solid; border-color: #fff; top:30%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); position: absolute; content: "";}
.footer-link-1-btn-close:after { transform: translate(-50%, -50%) rotate(-135deg); top:60%;}
.footer-link-1 > a:hover {opacity:1;}
.footer-link-2 { padding-top: 10px;}
.footer-link-2 > a {display:block; color: #fff; font-size: 16px; line-height: 1.4; padding-bottom: 5px;}
.footer-link-2 > a:hover {text-decoration: underline;}

.footer-social { display: flex; flex-direction: row; flex-wrap:wrap; padding-bottom: 10px;}
.footer-social > a { display: inline-block; margin: 0 20px 10px 0;}
.footer-social > a:hover { opacity: 0.5;}
.footer-social > a img { width: 20px;}

.copyright { border-top: 1px solid rgba(255,255,255,.2); padding: 30px 0;display: flex; flex-direction: row; flex-wrap:wrap; justify-content: space-between; color: rgba(255,255,255,.5);}
.copyright span { display: inline-block;}
.copyright-link > a { display: inline-block; color: #fff; opacity: 0.5; margin: 0 32px 5px 0;}
.copyright-link > a:hover { opacity: 1; }

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

@media only screen and (max-width: 1279px) {
	.footer-bottom-section-1 > div:nth-of-type(1) { width: 100%; padding-bottom: 35px;}
	.footer-bottom-section-1 > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0%;}
	
}

@media only screen and (max-width: 980px) {
	.footer-link-section:after { border-radius: 0 0 60px 60px ; width: calc(100% - 0px); height: 100%;}
	
	.footer-link-box > div { width: 100%; padding-right: 0px;}
	.footer-link-1-btn { display: block;}
	.footer-link-2 { display: none; padding-bottom: 10px; padding-top: 0; }
	.footer-link-1 {}
	.footer-link-1 > a {border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 12px;margin-bottom: 10px;}
	
}
@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) {
	
}