#header{
    /* padding: 28px 170px; */
    padding: 28px 0px;
    
    position: absolute;
    /* width: 100%; */
}

#header .header-inner{
    display: flex;
    justify-content: left;
    align-items: end;

    gap: 20.6px;
    max-width: 1100px;
    max-height: 106px;
    padding: 0 10px;
}

#header .header-inner .logo-header{
    text-align: center;

    height: 50px;
    width: auto;
}

#header .header-inner p{
    display: flex;
    align-items: flex-end;
    font-family: 'Noto Sans JP';
    font-weight:  bold;
    text-align: left;
    color: #434343;
    height: 20px; 

    letter-spacing: 0;
    
    font-size: 10px;

}
@media screen and (max-width: 1150px) {
    
}
@media screen and (max-width: 855px) {
    #header{
        background-color: rgba(19, 84, 119, 0.15);
    }
}
@media screen and (max-width: 550px) {
    #header .header-inner  {
        align-items: unset;
        gap: 14px;
    }
    #header .header-inner p {
        align-items: flex-start;
    }
    #header .header-inner .logo-header {
        height: 32px;
    }
}
@media screen and (max-width: 400px) {
    
    #header {
        padding: 16px 0;
    }
    #header .header-inner p {
        letter-spacing: -2px;
    }
}