@media(max-width:767px) {
    .l-header__logo img.pc {
        display: none;
    }

    .l-header__logo img.sp{
        height: 40px
    }
}

@media(min-width:768px) {
    .l-header__logo img.pc{
        height: 30px
    }

    [data-shrunk=true] .l-header__logo .pc{
        height: 28px
    }

    .l-header__logo:hover svg use {
        fill: unset
    }

    .l-header__logo img.sp{
        display: none;
    }

    [data-shrunk=true] .l-header__logo svg .sp {
        height: 29px
    }
}