/* ------------------------------------------------

PARTS :KV 

------------------------------------------------ */
.kv {
    width: 100%;
    padding-inline: var(--padding-container);
}

.kv__inner {
    width: 100%;
    height: clamp(242px, 38.33vw, 550px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* kvの下に線 */
.kv__inner::after {
    content: '';
    display: block;
    width: calc(100% + 28px);
    height: 2px;
    background: var(--color-base);
    left: 50%;
    translate: -50% 0%;
    bottom: 0;
    position: absolute;
}

.kv__title {
    --font-min: 30;
    --font-max: 96;
    font-size: var(--font-size);
    text-align: center;
    letter-spacing: 0.13em;
    line-height: 1;
}

@media (width < 800px) {

    .kv {
        margin-bottom: 30px;
    }

    .kv__inner {
        padding: clamp(85px, 13.3vw, 192px) 0 clamp(128px, 18.6vw, 266px);
    }

    .kv__title {
        letter-spacing: 0;
    }

    .kv__inner::after {
        width: 100%;
    }
}

/* ----------------------------------------
岩本不動産についてページ
---------------------------------------- */
.page-company {

    /* 詳細ページはタイトルが長いのでheightを変更 */
    .kv {
        height: auto;
    }

    .kv__title {
        --font-min: 30;
        --font-max: 68;
        font-size: var(--font-size);
        line-height: 1.53;
        margin-inline: auto;
        letter-spacing: 0.13em;
        text-align: left;
        width: clamp(220px, 56vw, 794px);
    }

    /* 詳細ページの時はinner幅を変更 */
    .kv__inner {
        margin-inline: auto;
        padding-top: clamp(45px, 7.5vw, 108px);
        padding-bottom: clamp(58px, 9.16vw, 132px);
    }

    @media (width < 800px) {
        .kv__title {
            letter-spacing: 0;
        }
    }
}

/* ----------------------------------------
プライバシーポリシーページ、免責事項ページ,404ページ
---------------------------------------- */
.page-privacy .kv__title,
.page-disclaimer .kv__title,
.error404 .kv__title {
    --font-min: 30;
    --font-max: 48;
    font-size: var(--font-size);
}


@media (width < 800px) {
    .page-privacy .kv__inner,
    .page-disclaimer .kv__inner,
    .error404 .kv__inner {
        height: clamp(136px, 9.375vw, 550px);
        padding: 0;
    }
}

/* ----------------------------------------
詳細ページ
---------------------------------------- */
.single {

    /* 詳細ページはタイトルが長いのでheightを変更 */
    .kv {
        height: auto;
    }

    /* 詳細ページの時はinner幅を変更 */
    .kv__inner {
        max-width: 1040px;
        margin-inline: auto;
        padding-top: clamp(40px, 6.1vw, 88px);
        padding-bottom: clamp(40px, 6.1vw, 88px);
    }

    .kv__title {
        text-align: left;
        place-items: unset;
    }

    /* 詳細ページの投稿タイプ */
    .kv__post-type {
        --font-min: 30;
        --font-max: 96;
        font-size: var(--font-size);
        font-weight: var(--wght-bold);
        margin-bottom: 96px;
    }

    /* 日付 */
    .kv__date {
        --font-min: 16;
        --font-max: 20;
        font-size: var(--font-size);
        margin-bottom: 0.5em;
        letter-spacing: 0;
    }

    /* 詳細ページの題名 */
    h1 {
        --font-min: 24;
        --font-max: 48;
        font-size: var(--font-size);
        font-weight: var(--wght-regular);
    }
}