.page-title-graphic {
    width: 180px;
    height: 58px;
    min-height: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../img/page-title-background.svg") center / 100% 100% no-repeat;
}

.page-title-graphic h1 {
    margin: 0;
    color: #404040;
    font-family: "Dosis", sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: var(--page-title-letter-spacing, 1.5px);
    line-height: 1;
    /* letter-spacing の余白が文字列の右端にも付くため、その半分だけ右へ補正する。 */
    transform: translate(var(--page-title-offset-x, 0.75px), 0px);
}