#tfooter { background-color: #323232; }
#tfooter .top { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#tfooter .top .topitems { display: flex; flex-wrap: nowrap; }
#tfooter .top .topitems a { position: relative; display: inline-block; margin-right: 30px; font-size: 18px; color: #fff; }
#tfooter .bottom { padding: 40px 0; }
#tfooter .bottom dl { display: flex; flex-wrap: nowrap; align-items: center; }
#tfooter .bottom dl dt { min-width: max-content; margin-right: 45px; font-weight: 500; font-size: 23px; color: #707070; }
#tfooter .bottom dl dt img { display: inline-block; width: 200px; }
#tfooter .bottom dl dd { font-size: 16px; color: #fff; line-height: 1.75; }
#tfooter .bottom dl dd p { display: inline-block; margin-right: 22px; font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .bottom dl dd p span { color: #939393; }
@media (max-width: 1535px) {
    #tfooter .top .topitems a { margin-right: calc(14px + 1vw); }
    #tfooter .bottom dl dt img { width: calc(100px + 6.5vw); }
}
@media (max-width: 767px) {
    #tfooter .top .topitems a { width: 50%; margin-right: 0; text-align: center; }
    #tfooter .top .topitems a::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 70%; background-color: #eee; }
    #tfooter .top .topitems a:first-of-type:after { display: none; }
    #tfooter .bottom dl { display: block; }
    #tfooter .bottom dl dt { min-width: initial; margin-right: 0; text-align: center; }
    #tfooter .bottom dl dt img { width: 100%; max-width: 140px; }
    #tfooter .bottom dl dd { margin-top: 20px; text-align: center; }
    #tfooter .bottom dl dd p { display: block; margin-right: 0; }
    #tfooter .bottom dl dd br { display: none; }
}