:root {
    --myVh: 5vh;
}

p {
    margin: 0;
}

.header_face {
    height: 100%;
}

.header_logo {
    max-width: 80%;
    height: 100%;
}

#lang_change_btns {
    visibility: visible;
}

.top {
    /* 経歴のところがちょっとは見えないとスクロールされないで終わってしまう */
    height: calc(var(--myVh) * 90);
    text-align: center;
}

.top_img {
    object-fit: cover;
    width: 0;
    max-width: calc(var(--myVh) * 40);
    height: calc(var(--myVh) * 40);
}

.top_name_jp {
    text-align: center;
    font-size: calc(var(--myVh) * 6);
}

.top_name_en {
    text-align: center;
    font-size: calc(var(--myVh) * 3);
    color: slategray;
    font-style: italic;
}

.year {
    margin-right: 35px;
}

@media screen and (max-width: 750px) {
    .year {
        margin-right: 10px;
    }
}