.header{
    display: flex;
    align-content: flex-start;
    justify-content: center;
    top: 0px;
    width: 100%;
    height: 42px;
    background-color: #E3E5EF;
    z-index: 10;
}
.header_box{
    display: flex;
    width: min(90svw, 800px);
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.logo{
    margin: 0px;
    padding: 0px;
    border: 0px;
    padding-inline: 0px;
}
.logo>img{
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.audio{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    background-color: #4EA3EE;
    border: 0px;
    border-radius: min(1svw,8px);
    aspect-ratio: 60/32;
    cursor: pointer;
}
.audio:hover{
    background-color: #4673FF;
}
.audio>img{
    width: 70%;
}