@charset "utf-8";

footer {
    background: #333;
    position: relative;
    color: #a0a0a0;
    width: 100%;
    height: 400px;
}

.mobile_ft {
    display: none;
}

.f_bg {
    width: 100%;
    height: 100%;
    display: block;
}

.f_text {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.f_bar_line {
    border-bottom: 1px solid #555;
    width: 100%;
}

.f_bar {
    display: flex;
    justify-content: flex-end;
    padding: 14px 0;
    width: 1440px;
    margin: 0 auto;
}

.f_bar li {
    padding: 0 20px;
    font-size: 13px;
    position: relative;
}

.f_bar li:after {
    content: '｜';
    display: block;
    position: absolute;
    top: 0;
    right: -7px;
}

.f_bar li:last-child:after {
    content: '';
}
 
.f_logo {
    width: 160px;
    margin: 55px auto 35px;
}

.f_logo img {
    width: 100%;
}

.iso_img_wrap {
    position: relative;
}

.certi {
    display: block;
    position: absolute;
    top: -115px;
    left: 56%;
    width: 70px;
}

.certi2 {
    display: block;
    position: absolute;
    top: -115px;
    left: 61%;
    width: 70px;
    height: 70px;
}

.f_address {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;
}

.copyright {
    color: #6f6f6f;
    font-size: 12px;
    padding: 20px 0;
}

@media (max-width: 1500px) {
    .f_bar {
        width: 100%;
    }
}

@media (max-width: 1280px) {
    .f_logo {
        width: 140px;
        margin: 45px auto 25px;
    }

    .certi {
        top: -102px;
        left: 59%;
        width: 65px;
    }

    .certi2 {
        top: -102px;
        left: 66%;
        width: 65px;
    }

}

@media (max-width: 860px) {
    .f_logo {
        width: 120px;
    }

    .certi {
        top: -101px;
        left: 64%;
    }

    .certi2 {
        top: -101px;
        left: 76%;
        height: 65px;
    }

    .f_address {
        font-size: 13px;
    }
    
}

@media (max-width: 550px) {
    footer {
        height: 370px;
    }

    .mobile_ft {
        display: block;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
    }

    .pc_ft {
        display: none;
    }

    .f_logo {
        width: 90px;
        margin: 35px 10px 15px;
    }

    .certi {
        top: -72px;
        left: 115px;
        width: 45px;
    }

    .certi2 {
        top: -72px;
        left: 165px;
        width: 45px;
        height: 45px;
    }

    .f_address {
        font-size: 12px;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: left;
    }

    .f_bar li {
        padding: 0 15px;
        font-size: 12px;
    }

    .copyright {
        padding: 20px 0;
    }

}

@media (max-width: 375px) {

    .f_bar li {
        padding: 0 8px;
    }


}