/* 全ページ共通のヘッダーロゴ */
header .logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 1 auto;
    min-width: 0;
}

header .logo-mark {
    display: block;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    object-fit: contain;
}

header .logo-text {
    display: inline-block;
    line-height: 1.2;
}

@media (max-width: 768px) {
    header .logo {
        gap: 7px;
    }

    header .logo-mark {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    header .logo-text {
        max-width: none;
        line-height: 1.25;
        white-space: nowrap;
    }
}