/* tfooter */
#tfooter { position: relative; background-color: #fcfcfc; }

#tfooter .top { padding: 20px 0; border-top: 1px solid #dcdcdc; }
#tfooter .top .topmenu { display: flex; flex-wrap: nowrap; height: 100%; font-weight: 500; font-size: 18px; color: #000; }
#tfooter .top .topmenu a { display: inline-block; margin-right: 35px; font-weight: inherit; font-size: inherit; color: inherit; }

#tfooter .mid { padding: 50px 0 30px; border-top: 1px solid #dcdcdc; }
#tfooter .mid ul { display: flex; flex-wrap: nowrap; }
#tfooter .mid ul > li:nth-of-type(1) { width: 26%; }
#tfooter .mid ul > li:nth-of-type(2) { width: 26%; }
#tfooter .mid ul > li:nth-of-type(3) { width: 48%; }
#tfooter .mid ul > li strong { display: block; padding-bottom: 10px; padding-bottom: 10px; font-weight: 700; font-size: 25px; color: #000; }
#tfooter .mid ul > li .text1 { margin-bottom: 15px; font-weight: 700; font-size: 34px; color: #c71b22; }
#tfooter .mid ul > li .text2 { font-size: 16px; color: #626262; line-height: 1.7; }
#tfooter .mid ul > li .text2 * { font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .mid ul > li .text2 p { display: inline-block; margin-right: 20px; }
#tfooter .mid ul > li .text3 { font-size: 20px; color: #000; line-height: 1.6; }

#tfooter .bottom { padding: 30px 0; }
#tfooter .bottom p { text-align: center; font-size: 16px; color: #4e4e4e; line-height: 1.45; }

@media (max-width: 1535px) {
    #tfooter .top { padding: 17px 0; }
    #tfooter .top .topmenu { font-size: 16px; }
    #tfooter .top .topmenu a { margin-right: 30px; }


    #tfooter .mid ul > li .text1 { margin-bottom: 13px; }
    #tfooter .mid ul > li .text2 p { margin-right: 17px; }
}
@media (max-width: 1279px) {
    #tfooter .top { padding: 15px 0; }
    #tfooter .top .topmenu { font-size: 15px; }
    #tfooter .top .topmenu a { margin-right: 25px; }

    #tfooter .mid ul { flex-wrap: wrap; }
    #tfooter .mid ul > li:nth-of-type(1) { width: 50%; }
    #tfooter .mid ul > li:nth-of-type(2) { width: 50%; }
    #tfooter .mid ul > li:nth-of-type(3) { width: 100%; margin-top: 20px; }
    #tfooter .mid ul > li .text1 { margin-bottom: 11px; }
    #tfooter .mid ul > li .text2 p { margin-right: 15px; }
}
@media (max-width: 767px) {
    #tfooter .top { padding: 13px 0; }
    #tfooter .top .topmenu { font-size: 14px; }
    #tfooter .top .topmenu a { width: 25%; margin-right: initial; text-align: center; }

    #tfooter .mid { text-align: center; }
    #tfooter .mid ul { display: block; }
    #tfooter .mid ul > li:nth-of-type(1) { width: 100%; }
    #tfooter .mid ul > li:nth-of-type(2) { width: 100%; }
    #tfooter .mid ul > li:nth-of-type(n + 2) { margin-top: 20px; }
    #tfooter .mid ul > li .text1 { margin-bottom: 10px; }
    #tfooter .mid ul > li .text2 p { display: block; margin-right: initial; }
    #tfooter .mid ul > li .text2 .br1 { display: none; }
}
@media (max-width: 424px) {
    #tfooter .top { padding: 7px 0; }
    #tfooter .top .topmenu { flex-wrap: wrap; font-size: 13px; }
    #tfooter .top .topmenu a { position: relative; padding: 7px 0; width: 50%; }
    #tfooter .top .topmenu a::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 70%; background-color: #dcdcdc; }
    #tfooter .top .topmenu a:nth-of-type(2n):after { display: none; }
    #tfooter .top .topmenu a::before { display: block; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; background-color: #dcdcdc; }
    #tfooter .top .topmenu a:nth-of-type(n + 3):before { display: none; }
}

/* quick_nav */
.quick_nav { z-index: 1050; position: fixed; top: 180px; right: 20px; }
.quick_nav a { display: block; }
.quick_nav a:nth-of-type(n + 2) { margin-top: 10px; pointer-events: none; }
.quick_nav a img { width: 98px; }
@media (max-width: 1535px) {
    .quick_nav { top: 50%; transform: translateY(-50%); }
    .quick_nav a img { width: 88px; }
}
@media (max-width: 1279px) {
    .quick_nav a img { width: 78px; }
}
@media (max-width: 1023px) {
    .quick_nav a img { width: 68px; }
}
@media (max-width: 767px) {
    .quick_nav { top: initial; transform: translateY(0); bottom: 20px; }
    .quick_nav a img { width: 58px; }
}