.header-inner {
    display: flex;
    justify-content: center; /*　空白がある場合、横方向中央揃え */
    align-items: center; /* 縦方向の中央揃え */
    min-height: 72px; /* 高さを固定 */
    padding-top: env(safe-area-inset-top); /* iphoneノッチ対策 */
    gap: 8px;
    text-align: center;
}

.header-inner span{
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
}

.header-inner img {
        width: 60px;
        height: auto;
    }

/* logoutの行がまるっとリンクにならないように、一つ上の階層をり、そこで .logout の入る場所を制御 */
.logout-area {
    display: flex;
    justify-content: flex-end; /* これで中の .logout を右端に配置できる */
}

.logout {
    font-size: 16px;
    color: #FFFFFF;
    padding: 0 32px; /* 左右の余白 */
}