#tfooter { background-color: #fcfcfc; }
#tfooter .top { border-top: 1px solid #dcdcdc; }
#tfooter .top .topmenu { padding: 15px 0; font-size: 16px; color: #000; }
#tfooter .top .topmenu * { font-size: inherit; color: inherit; }
#tfooter .top .topmenu a { position: relative; display: inline-block; margin-right: 35px; }
#tfooter .bottom { padding: 30px 0; border-top: 1px solid #dcdcdc; }
#tfooter .bottom .contents1 { display: flex; flex-wrap: nowrap; }
#tfooter .bottom .contents1 > li:nth-of-type(1) { width: 30%; }
#tfooter .bottom .contents1 > li:nth-of-type(2) { width: 30%; }
#tfooter .bottom .contents1 > li:nth-of-type(3) { width: 40%; }
#tfooter .bottom .contents1 strong { display: block; padding-bottom: 15px; font-weight: 700; font-size: 25px; color: #000; }
#tfooter .bottom .contents1 .text1 { font-weight: 700; font-size: 30px; color: #ff6600; }
#tfooter .bottom .contents1 .text2 { font-size: 16px; color: #626262; line-height: 1.75; }
#tfooter .bottom .contents1 .text3 { font-size: 20px; color: #000; line-height: 1.6; }
#tfooter .bottom .contents1 .text4 { font-size: 16px; color: #626262; line-height: 1.75; }
#tfooter .bottom .contents1 .text4 * { font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .bottom .contents1 .text4 p { display: inline-block; margin-right: 16px; }
#tfooter .copy { text-align: center; font-size: 16px; color: #4e4e4e; line-height: 1.75; }

@media (max-width: 1535px) {
    #tfooter .top .topmenu { padding: 13px 0; }
    #tfooter .top .topmenu a { margin-right: calc(20px + 0.9vw); }
    #tfooter .bottom .contents1 strong { padding-bottom: 13px; }
    #tfooter .bottom .contents1 .text2, #tfooter .bottom .contents1 .text4 { font-size: 15px; }
}
@media (max-width: 1279px) {
    #tfooter .top .topmenu { padding: 13px 0; }
    #tfooter .bottom .contents1 > li:nth-of-type(1) { width: 25%; padding-right: 10px; }
    #tfooter .bottom .contents1 > li:nth-of-type(2) { width: 25%; padding-right: 10px; }
    #tfooter .bottom .contents1 > li:nth-of-type(3) { width: 50%; }
    #tfooter .bottom .contents1 .text2, #tfooter .bottom .contents1 .text4 { font-size: 14px; }
}
@media (max-width: 1023px) {
    #tfooter .top .topmenu { padding: 11px 0; display: flex; flex-wrap: nowrap; }
    #tfooter .top .topmenu a { width: 25%; margin-right: initial; text-align: center; }
    #tfooter .bottom .contents1 { flex-wrap: wrap; text-align: center; }
    #tfooter .bottom .contents1 strong { padding-bottom: 11px; }
    #tfooter .bottom .contents1 > li:nth-of-type(1) { width: 50%; padding-right: initial; }
    #tfooter .bottom .contents1 > li:nth-of-type(2) { width: 50%; padding-right: initial; }
    #tfooter .bottom .contents1 > li:nth-of-type(3) { width: 100%; padding-top: 20px; margin-top: 20px; border-top: 1px solid #dcdcdc; }
    #tfooter .bottom .contents1 .text2, #tfooter .bottom .contents1 .text4 { font-size: 13px; }
}
@media (max-width: 460px) {
    #tfooter .top .topmenu { padding: 0; flex-wrap: wrap; }
    #tfooter .top .topmenu a { width: 50%; padding: 10px 0; }
    #tfooter .top .topmenu a::after { display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 80%; height: 1px; background-color: #dcdcdc;  }
    #tfooter .top .topmenu a::before { display: block; content: ''; position: absolute; left: 0; transform: translateY(-50%); top: 50%; width: 1px; height: 50%; background-color: #dcdcdc;  }
    #tfooter .top .topmenu a:nth-of-type(n + 3)::after { display: none; }
    #tfooter .top .topmenu a:nth-of-type(2n - 1)::before { display: none; }
    /* #tfooter .bottom .contents1 { text-align: left; } */
    #tfooter .bottom .contents1 > li:nth-of-type(1) { width: 100%; }
    #tfooter .bottom .contents1 > li:nth-of-type(2) { width: 100%; margin-top: 20px; }
    #tfooter .bottom .contents1 > li:nth-of-type(3) { padding-top: initial; margin-top: 20px; border-top: none; }
    #tfooter .bottom .contents1 .text4 p { margin-right: initial; display: block; }
    #tfooter .bottom .contents1 .text4 br { display: none; }
}

/* quicknav */
.quicknav { z-index: 1050; position: fixed; top: 50%; transform: translateY(-50%); right: 20px; }
.quicknav a { display: block; position: relative; }
.quicknav a:nth-of-type(n + 2) { margin-top: 10px; }
.quicknav a img { width: 77px; }
@media (max-width: 1535px) {
    .quicknav a img { width: 65px; }
}
@media (max-width: 1279px) {
    .quicknav a img { width: 60px; }
}
@media (max-width: 1023px) {
    .quicknav a img { width: 55px; }
}
@media (max-width: 767px) {
    .quicknav { top: initial; bottom: 20px; transform: translateY(0); }
    .quicknav a img { width: 50px; }
}
@media (max-width: 524px) {
    .quicknav a img { width: 45px; }
}