.top-footer-inner{padding: 60px 0 40px;display: flex;gap: 20px;justify-content: space-between;}
.top-footer-inner .info-box .txt01{font-weight: 400;font-size: 18px;line-height: 120%;color: #FFFFFF;margin: 20px 0 10px;}
.top-footer-inner .info-box ul{display: inline-flex;gap: 10px 30px;align-items: center;}
.top-footer-inner .info-box ul li{font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.75);padding-left: 32px;white-space: nowrap;}
.top-footer-inner .info-box ul li.f-time{background: url(../img/common/time.png) no-repeat center left;}
.top-footer-inner .info-box ul li.f-tel{background: url(../img/common/tel.png) no-repeat center left;}
.top-footer-inner .info-box ul li.f-mail{background: url(../img/common/mail.png) no-repeat center left;}
.top-footer-inner .info-box .txt02{font-weight: 500;font-size: 16px;line-height: 140%;color: rgba(255, 255, 255, 0.4);margin-top: 20px;}

.top-footer-inner .related-box{}
.top-footer-inner .related-box .related-site-wrap{position:relative;width: 240px;}
.top-footer-inner .related-box .related-site-wrap > a{display:block;padding:12.5px 40px 12.5px 20px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 100px;position:relative;box-sizing: border-box;background: rgba(255, 255, 255, 0.05);white-space: nowrap;}
.top-footer-inner .related-box .related-site-wrap > a span{font-weight: 600;font-size: 16px;line-height: 20px;color: rgba(255, 255, 255, 0.6);}
.top-footer-inner .related-box .related-site-wrap > a span:after{content:'';display:inline-block;position:absolute;top:0;bottom: 0;margin: auto;right:16px;width:20px;height:20px;background:url(../img/common/f-select.png) no-repeat center / contain;}
.top-footer-inner .related-box .related-site-wrap > a.active span:after{transform: rotate(180deg);} 
.top-footer-inner .related-box .related-site-wrap .related-site-box{display:none;position:absolute;bottom:100%;left:0;z-index:50;width:100%;box-sizing:border-box;}
.top-footer-inner .related-box .related-site-wrap .related-site-box ul{padding:20px;background: #fff;margin-bottom: 2px;max-height:300px;overflow-y:auto;border-radius: 8px;}
.top-footer-inner .related-box .related-site-wrap .related-site-box ul > li:not(:last-child){padding-bottom: 10px;}
.top-footer-inner .related-box .related-site-wrap .related-site-box ul > li > a{display:block;position:relative;font-size:16px;color:#333;line-height:26px;}
.top-footer-inner .related-box .related-site-wrap .related-site-box ul > li:hover > a{color: #003378;}

@media(max-width: 1024px){
	.top-footer-inner{flex-direction: column;}
}

@media(max-width: 768px){
	.top-footer-inner .info-box ul{flex-direction: column;align-items: flex-start;}
	.top-footer-inner .related-box .related-site-wrap{margin: auto;}
}