.navigation {
background-color: ; 
border-right: 0.1rem solid var(--b-container3);
height: 100%; 
width: 3.7rem; 
position: fixed; 
z-index: 999;
top: 0;
bottom: 0;
display: flex;
} 


.header__navi {

background: ;
width: 2.8rem;
height: 3rem;
position: absolute;
bottom: 0.5rem;
left: 0.5rem;
padding: 0.3rem;
transform: rotate(-90deg);
}

.header__navi_inn {

background: rgba(75, 101, 124, 0.0);
height: 100%;
width: 35vw;
text-align: left;
}


nav {display: inline-block; background: var(--h-headersecondcolor); color: var(--t-color); height: auto; width: auto; padding: 0.2rem 0.6rem 0.2rem 0.6rem; margin-right: 0.5rem; margin-bottom: 0.5rem; font: 500 0.85rem 'Voces', sans-serif; text-transform: uppercase; border: 0.1rem solid var(--b-container3);}
nav2 {display: inline-block; background: var(--h-headertitle); color: var(--t-color); height: auto; width: auto; padding: 0.2rem 0.6rem 0.2rem 0.6rem; margin-right: 0.5rem; margin-bottom: 0.5rem; font: 500 0.85rem 'Voces', sans-serif; text-transform: uppercase; border: 0.1rem solid var(--b-container3);}