#tfooter { position: relative; background-color: #1e1e1e; }
#tfooter .top { padding-top: 35px; }
#tfooter .top .topnav { display: flex; flex-wrap: nowrap; align-content: center; font-size: 18px; color: #fff; }
#tfooter .top .topnav * { font-size: inherit; color: inherit; }
#tfooter .top .topnav a { display: inline-block; margin-right: 30px; }
#tfooter .bottom { padding: 35px 0; }
#tfooter .bottom dl { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#tfooter .bottom dl dt { width: 100%; }
#tfooter .bottom dl dd { min-width: max-content; margin-left: 20px; }
#tfooter .bottom dl dd img { display: inline-block; width: 376px; } 
#tfooter .bottom .textbox { font-size: 18px; color: #949393; line-height: 1.65; }
#tfooter .bottom .textbox * { font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .bottom .textbox b { font-weight: 700; font-size: 24px; color: #fff; }
#tfooter .bottom .textbox p { display: inline-block; margin-right: 20px; }
@media (max-width: 1535px) {
    #tfooter .top .topnav a { margin-right: calc(14px + 1vw); }
    #tfooter .bottom dl dd img { width: calc(200px + 11vw); } 
}
@media (max-width: 1023px) {
    #tfooter .top .topnav a { display: block; width: 33.3333%; text-align: center; margin-right: initial; }
    #tfooter .bottom dl { flex-wrap: wrap; flex-direction: column-reverse; text-align: center; }
    #tfooter .bottom dl dd { width: 100%; min-width: initial; margin-left: initial; margin-bottom: 20px; }
    #tfooter .bottom dl dd img { width: 100%; max-width: 200px; }
}
@media (max-width: 767px) {
    #tfooter .bottom .textbox p { display: block; }
    #tfooter .bottom .textbox br { display: none; }
    #tfooter .bottom dl dd img { max-width: 170px; }
}
@media (max-width: 424px) {
    #tfooter .top .topnav { display: block; }
    #tfooter .top .topnav a { width: 100%; }    
    #tfooter .top .topnav a:nth-of-type(n + 2) { margin-top: 10px; }
}

/* quciktop */
.quciktop { position: fixed; cursor: pointer; z-index: 999; bottom: 60px; right: 60px; }
.quciktop img { width: 50px; }
.quciktop.mainver { z-index: -1; display: none !important; width: 0 !important; height: 0 !important; pointer-events: none !important; }
@media (max-width: 1535px) {
    .quciktop { bottom: 40px; right: 40px; }
    .quciktop img { width: 45px; }
}
@media (max-width: 1279px) {
    .quciktop { bottom: 30px; right: 30px; }
    .quciktop img { width: 40px; }
}
@media (max-width: 767px) {
    .quciktop { right: 20px; top: initial; bottom: 20px; }
}