#tfooter { padding: 55px 0; background-color: #4f4f4f; }
#tfooter dl { display: flex; flex-wrap: nowrap; align-items: center; }
#tfooter dl dt { min-width: max-content; margin-right: 40px; }
#tfooter dl dt img { width: 320px; }
#tfooter dl dd .textbox { font-size: 18px; color: #fff; line-height: 1.65; }
#tfooter dl dd .textbox * { font-size: inherit; color: inherit; line-height: inherit; }
#tfooter dl dd .textbox p { display: inline-block; margin-right: 15px; }
#tfooter dl dd .textbox p b { font-weight: 700; }
#tfooter dl dd .textbox p span { color: #aaa; }

@media (max-width: 1535px) {
    #tfooter dl dt { margin-right: calc(20px + 1.3vw); }
    #tfooter dl dt img { width: 288px; }
}
@media (max-width: 1279px) {
    #tfooter dl dt img { width: 256px; }
    #tfooter dl dd .textbox p b { font-weight: 600; }
}
@media (max-width: 1023px) {
    #tfooter dl dt img { width: 224px; }
    #tfooter dl dd .textbox p b { font-weight: 500; }
}
@media (max-width: 880px) {
    #tfooter dl { display: block; text-align: center; }
    #tfooter dl dt { min-width: initial; margin-right: initial; }
    #tfooter dl dd { margin-top: 20px; }
    #tfooter dl dd .textbox p { display: block; margin-right: initial; }
    #tfooter dl dd .textbox br { display: none; }
    #tfooter dl dd .textbox .br1 { display: inline-block; }
}
@media (max-width: 767px) {
    #tfooter dl dt img { width: 192px; }
}

/* quicknav */
.quicknav { z-index: 9999; position: fixed; top: 45%; transform: translateY(-50%); right: 20px; }
.quicknav a { display: block; }
.quicknav a:nth-of-type(n + 2) { margin-top: 13px; }
.quicknav a img { width: 80px; }
@media (max-width: 1535px) {
    .quicknav a img { width: 70px; }
}
@media (max-width: 1279px) {
    .quicknav a img { width: 60px; }
}
@media (max-width: 1023px) {
    .quicknav a img { width: 50px; }
}
@media (max-width: 767px) {
    .quicknav { top: initial; transform: translateY(0); bottom: 20px; }
    .quicknav a img { width: 40px; }
}