.bottom-footer-box{margin:0 auto;padding:35px 0 30px;max-width:1200px;}
.bottom-footer-box:after{content:'';display:block;clear:both;}

.footer-content-box{float:left;width: calc(100% - 300px);}
.footer-logo-box{display:inline-block;padding:0 0 30px;}
.footer-logo-box span{display:inline-block;color:#c9cbcb;vertical-align:middle;}
.footer-logo-box span:last-of-type{margin:0;padding:0;}
.footer-logo-box .footer-logo{position:relative;margin:0 8px 0 0;padding:0 12px 0 0;width:200px;}
.footer-logo-box .footer-logo:after{content:'';display:inline-block;position:absolute;top:50%;right:0;width:1px;height:16px;background:#fff;vertical-align:middle;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.footer-logo-box .footer-logo img{width:100%;}
.footer-logo-box .footer-org-name{font-size:18px;line-height:26px;color:#fff;font-weight:500;letter-spacing:-0.5px;}

.footer-info-box ul{display:flex; justify-content:left; flex-wrap:wrap;}
.footer-info-box ul > li{font-size:14px;line-height:22px;color:#c9cbcb;    padding: 0 20px 0 0;}
.footer-info-box ul > li a{color:#c9cbcb;}
.footer-info-box ul > li a span{color:#45cef8}
.footer-info-box p{font-size:12px;line-height:20px;color:#c9cbcb;}

.footer-related-box{float:right;width: 250px;}
.footer-related-box .related-site-wrap{display:block;position:relative;z-index:10;vertical-align:middle;box-sizing:border-box;}
.footer-related-box .related-site-wrap:first-of-type{margin:0 0 20px 0;}
.footer-related-box .related-site-wrap:last-of-type{margin:0;}
.footer-related-box .related-site-wrap > div{display:inline-block;width:calc(100% - 45px);vertical-align:top;}
.footer-related-box .related-site-title{display:block;position:relative;z-index:10;padding: 0 20px;line-height: 30px;background:#002746 url(../img/ico-related-close.png) no-repeat right 15px top 50%;font-weight:200;font-size:14px;color:#fff;box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.footer-related-box .related-site-title.active{background-image:#002746 url(../img/ico-related-open.png)}
.footer-related-box .related-site-title.active + .related-site{display:block;}
.footer-related-box .related-site{display:none;position:absolute;bottom:30px;padding:10px 0 30px;width:100%;max-height:200px;border:1px solid #e7e7e7;background-color:#fff;overflow-y:scroll;box-sizing:border-box;}
.footer-related-box .related-site li a{display:block;padding:4px 20px;font-size:14px;line-height:22px;}
.footer-related-box .related-site li a:hover{font-weight:500;}
.footer-related-box .related-go{display:inline-block;width: 45px;text-align: center;background:#fff;font-weight:400;font-size:15px;color:#002746;line-height: 30px;}

@media screen and (max-width:1024px) {	
	
	.bottom-footer-box{position:relative;padding:0 0 20px;}

	.related-site-wrap{float:none;padding:0 0 20px ;width:100%;margin:0;}
	.footer-related-box .related-site-wrap:first-of-type{margin: 0;}
	.related-site-title{padding:12px 28px 9px 15px;width:100%;}
	.related-site{bottom:100%;}	
	
}
@media screen and (max-width:768px) {	
	
	.footer-logo-box .footer-logo{width:160px;}
	.bottom-footer-box{display:block;}
	.footer-content-box{float:none;width:100%;}
	.footer-logo-box{display:block;float:none;padding:0 0 15px;text-align:center;}
	.footer-logo-box > img{width:100%;}
	.footer-logo-box span{font-size:22px;line-height:30px;vertical-align:middle;}
	.footer-info{float:none;max-width:100%;}
	.footer-info-box{float:none;max-width:100%;text-align:center;}
	.footer-info-box ul{display:block;padding:0 0 10px;}
	.footer-info-box ul > li{padding:0;}
	
	.footer-related-box{width:100%;text-align:center;}
	.footer-related-box .related-site{bottom:50px;}
	.footer-related-box .related-site-wrap{text-align:left;width:100%;}
	.footer-related-box .related-go{font-size:14px;}
	
	
}
/*.bottom-footer-box{max-width:1200px;margin:0 auto;padding:60px 0;color:#fff;word-break:keep-all}
.bottom-footer-box ul{display:flex;flex-wrap:wrap;}
.bottom-footer-box ul:first-of-type{padding:0 0 10px;}
.bottom-footer-box ul li{margin:0 10px 0 0;padding:0 10px 0 0;position:relative;}
.bottom-footer-box ul li::after{content: '';width: 1px;position: absolute;height: 13px;background: #fff;display: inline-block;vertical-align: middle;margin: 0 0 0 10px;top:56%;right: 0;transform: translateY(-50%);}
.bottom-footer-box ul li:nth-of-type(3)::after{display:none;}


@media screen and (max-width:768px) {
	
	.bottom-footer-box{padding:30px 0;}
	.bottom-footer-box ul{display:block;}
	.bottom-footer-box ul li{font-size:12px;}
	.bottom-footer-box ul li::after{display:none;}

}*/