/* 共通 */
.header {
    border-bottom: 3px solid var(--tertiary-bg-color);
    background-color: var(--bg-color);
}

/* ヘッダー タイトル */
.header-title {
    margin-top: 1rem;
}

/* ヘッダー タイトル リンク */
.header-title-link {
    text-decoration: none;
}

/* ヘッダー タイトル リンク ロゴ */
.header-title-link-logo {
    height: 2.5rem;
}

/* ヘッダー タイトル リンク 名前 */
.header-title-link-name {
    color: var(--heading-color);
    font-size: 1.5rem;
    font-weight: 1000;
}

/* ヘッダー サブタイトル */
.header-subtitle {
    margin-bottom: 0.5rem;

    color: var(--text-color);
    font-size: 1rem;
    text-align: center;
}

/* ヘッダー 備考 */
.header-note {
    margin-bottom: 1rem;

    color: var(--text-color);
    font-size: 0.75rem;
    text-align: center;
}
.header-note-link {
    color: var(--hyperlink-color);
    font-weight: bold;
}