@charset "utf-8";

.header {
    padding-top: 70px;
    position: relative;
    z-index: 9;
}

.header-inner {
    margin: 0 auto;
    padding: 0 9rem;
    display: flex;
    justify-content: space-between;
}

.btnPcNav img {
    animation: bing 5s linear infinite;
}
.btnPcNav img:hover{
     animation: bing 3s linear infinite;
}

@keyframes bing {
    100% {
        transform: rotate(360deg)
    }
}

@media (max-width: 1440px) {
    .header-inner {
        padding: 0 5rem;
    }
    .btnPcNav{
    right: 5rem;
}
}
@media (max-width: 1024px) {
    .header-inner {
        padding: 0 3rem;
    }
     .btnPcNav{
    right: 3rem;
}
    .logo img{
        width: 140px;
    }
    .btnPcNav img{
        width: 170px;
    }
}
@media (max-width: 810px) {
    .header-inner{
        padding: 0 2rem;
    }
     .btnPcNav{
          position: fixed;
    right: 2rem;
}
        .logo img{
        width: 120px;
    }
    .btnPcNav img{
        width: 150px;
    }
}

@media (max-width: 550px) {
    .header {
        padding-top: 40px;
    }
 .header-inner{
        padding: 0 1rem;
    }
     .btnPcNav{
    right: 1rem;
}
    .logo img {
        width: 100px;
    }

    .btnPcNav img {
        width: 110px;
    }
}