@media (min-width: 751px) {
    .header .logo-header,
    .logo-header {
        margin: 0 auto;
        position: relative;
        width: calc(178 / 960 * 100%);
        z-index: 1;
        display: block;
        max-width: 178px;
    }
    .logo-header img{
        width: 100%;
        height: auto;
    }
    header #logo,.header_logo{
        width: auto;
    }
    .sp {
        display: none !important;
    }
    .logo-header.main-logo{
        width: 100%; 
        max-width: 235px;
    }
}
@media (max-width: 750px) {
    .header .logo-header,
    .logo-header {
        margin: 0 auto !important;
        position: relative;
        width: calc(194 / 750 * 100%);
        z-index: 1;
        display: block;
    }
    .logo-header img{
        width: 100%;
        height: auto;
    }
    header #logo,.header_logo{
        width: auto;
    }
    .pc {
        display: none !important;
    }
    .logo-header.main-logo{
        width: 100%; 
        max-width: 200px;
    }
}