.wd-page-title {
    --wd-align: start;
    --wd-title-sp: 80px;
    --wd-title-font-s: 36px;
    position: relative;
    padding-block:var(--wd-title-sp)}

.wd-page-title .container {
    display: flex;
    flex-direction: column;
    align-items: var(--wd-align);
    text-align: var(--wd-align);
    gap: 10px
}

.wd-page-title .title {
    line-height: 1.2;
    margin-bottom: 0
}

.title-design-centered {
    --wd-align: center
}

@media (min-width: 1025px) {
    .title-size-small {
        --wd-title-sp: 20px;
        --wd-title-font-s: 44px
    }

    .title-size-default {
        --wd-title-sp: 80px;
        --wd-title-font-s: 70px;
    }

    .title-size-large {
        --wd-title-sp: 100px;
        --wd-title-font-s: 78px
    }
}