/* ==========================================================
   First View
   ========================================================== */

.p-fv {
    position: relative;
    width: 100%;
    height: 1650rem;
    overflow: hidden;
    background-color: #fff;
}

/* SVGフィルター（非表示） */
.p-fv__svg-filters {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* 装飾テクスチャ */
.p-fv__texture {
    position: absolute;
    pointer-events: none;
}

.p-fv__texture--top-left {
    top: -800rem;
    left: -100rem;
    width: 1824rem;
    height: 2140rem;
    z-index: 0;
}

.p-fv__texture--top-right {
    top: -300rem;
    right: -440rem;
    width: 2104rem;
    z-index: 0;
}

.p-fv__texture--bottom {
    bottom: -350rem;
    left: -200rem;
    width: 2468rem;
    height: 2236rem;
    z-index: 0;
}

/* 写真共通 */
.p-fv__photo {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

.p-fv__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 01: 左上 - ロフト部屋 */
.p-fv__photo--01 {
    top: 40rem;
    left: 0;
    width: 448rem;
    height: 300rem;
}

/* 02: 左中 - ダイニング */
.p-fv__photo--02 {
    top: 400rem;
    left: 0;
    width: 338rem;
    height: 225rem;
}

/* 03: 左下寄り - レンガ壁 */
.p-fv__photo--03 {
    top: 750rem;
    left: 150rem;
    width: 280rem;
    height: 187rem;
}

/* 04: 左下 - モダン内装 */
.p-fv__photo--04 {
    top: 880rem;
    left: -80rem;
    width: 425rem;
    height: 283rem;
    z-index: 0;
}

/* 05: 左下端 - 光の玄関 */
.p-fv__photo--05 {
    bottom: -25rem;
    left: 150rem;
    width: 225rem;
    height: 337rem;
    overflow: visible;
}

/* 06: 左中寄り - 静物 */
.p-fv__photo--06 {
    top: 300rem;
    right: -60rem;
    width: 323rem;
    height: 215rem;
}

/* 07: 右上 - 暗めキッチン */
.p-fv__photo--07 {
    top: 500rem;
    right: -20rem;
    width: 342rem;
    height: 228rem;
    z-index: 0;
}

/* 08: 右中上 - 外観 */
.p-fv__photo--08 {
    top: 850rem;
    right: 50rem;
    width: 464rem;
    height: 328rem;
}

/* 09: 右下 - 廊下アート */
.p-fv__photo--09 {
    bottom: 140rem;
    right: 0;
    width: 230rem;
    height: 340rem;
}

/* 10: 右中 - 薪ストーブ */
.p-fv__photo--10 {
    top: 100rem;
    right: 550rem;
    width: 280rem;
    height: 380rem;
}

/* 11: 上中央 - 階段 */
.p-fv__photo--11 {
    top: -50rem;
    right: 450rem;
    width: 160rem;
    height: 266rem;
}

/* 中央ロゴ */
.p-fv__logo {
    position: absolute;
    top: 540rem;
    left: 750rem;
    text-align: center;
    z-index: 3;
}

.p-fv__logo-link {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.p-fv__logo-link:hover {
    opacity: 0.85;
}

.p-fv__logo-text {
    display: block;
    font-family: var(--font-body);
    font-size: var(--fs-72);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.1;
    color: #333;
    text-align: left;
}

.p-fv__logo-sub {
    display: block;
    font-size: var(--fs-24);
    color: #333;
    margin-left: 20rem;
}

/* 縦書きテキスト共通 */
.p-fv__vertical {
    position: absolute;
    writing-mode: vertical-rl;
    font-size: var(--fs-14);
    line-height: 1.8;
    letter-spacing: 0.05em;
    color: #333;
    z-index: 3;
}

.p-fv__vertical--top-right {
    top: 270rem;
    right: 345rem;
    font-size: var(--fs-18);
}

.p-fv__vertical--center {
    top: 820rem;
    left: 480rem;
    font-size: var(--fs-18);
}

.p-fv__vertical--bottom-right {
    bottom: 80rem;
    right: 360rem;
    font-size: var(--fs-18);
}

/* 英語テキスト */
.p-fv__english {
    position: absolute;
    bottom: 360rem;
    left: 360rem;
    font-family: var(--font-bask-old);
    font-size: var(--fs-18);
    font-weight: bold;
    color: #333;
}

/* ==========================================================
   Responsive: 768px以下
   ========================================================== */
@media (max-width: 768px) {

    .p-fv {
        height: 1570rem;
    }

    /* 装飾テクスチャ */
    .p-fv__texture--top-left {
        top: -200rem;
        left: -50rem;
        width: 556rem;
        height: 568rem;
        rotate: 45deg;
    }

    .p-fv__texture--top-right {
        top: -210rem;
        right: -80rem;
        width: 556rem;
        height: 568rem;
        rotate: 45deg;
    }

    .p-fv__texture--bottom {
        bottom: -500rem;
        left:-28rem;
        width: 1200rem;
        height: 1100rem;
        rotate: -45deg;
    }

    /* ── 写真配置 ── */

    /* 01: ロフト部屋 - 左上（大きめ） */
    .p-fv__photo--01 {
        top: 5rem;
        left: 20rem;
        width: 170rem;
        height: 112rem;
    }

    /* 02: ダイニング - 左中（ロゴ下） */
    .p-fv__photo--02 {
        top: 320rem;
        left: -10rem;
        width: 143rem;
        height: 96rem;
    }

    /* 03: レンガ壁 - 右下寄り */
    .p-fv__photo--03 {
        top: 540rem;
        left: auto;
        right: -15rem;
        width: 105rem;
        height: 53rem;
    }

    /* 04: モダン内装 - 左中下 */
    .p-fv__photo--04 {
        top: 590rem;
        left: auto;
        right: 20rem;
        width: 159rem;
        height: 106rem;
        z-index: 0;
    }

    /* 05: 光の玄関 - 下部中央 */
    .p-fv__photo--05 {
        top: 1300rem;
        left: 120rem;
        width: 113rem;
        height: 170rem;
    }

    /* 06: 階段光 - 中央右（大きめ） */
    .p-fv__photo--06 {
        top: 1090rem;
        right: auto;
        left: 60rem;
        width: 110rem;
        height: 88rem;
    }

    /* 07: リビング/薪ストーブ - 中央右（大きめ） */
    .p-fv__photo--07 {
        top: 1160rem;
        right: auto;
        left: -5rem;
        width: 145rem;
        height: 97rem;
        z-index: 0;
    }

    /* 08: 外観 - 中央（幅広） */
    .p-fv__photo--08 {
        top: 740rem;
        left: 70rem;
        right: auto;
        width: 188rem;
        height: 133rem;
    }

    /* 09: 廊下アート - 右下（縦長） */
    .p-fv__photo--09 {
        top: 850rem;
        right: auto;
        left: 0;
        width: 138rem;
        height: 189rem;
        z-index: 0;
    }

    /* 10: 薪ストーブ - 右上（小さめ、半分見切れ） */
    .p-fv__photo--10 {
        top: 290rem;
        left: auto;
        right: 20rem;
        width: 150rem;
        height: 210rem;
    }

    /* 11: 階段 - 左中下 */
    .p-fv__photo--11 {
        top: 170rem;
        right: -15rem;
        /* right: auto; */
        width: 84rem;
        height: 138rem;
    }

    /* ── ロゴ ── */
    .p-fv__logo {
        top: 180rem;
        left: 18rem;
    }

    .p-fv__logo-text {
        font-size: var(--fs-42);
    }

    .p-fv__logo-sub {
        font-size: var(--fs-14);
        margin-left: 5rem;
    }

    /* ── 縦書きテキスト ── */
    .p-fv__vertical--top-right {
        top: 60rem;
        right: 80rem;
        font-size: var(--fs-12);
        line-height: 1.2;
    }

    .p-fv__vertical--center {
        top: 470rem;
        left: 40rem;
        font-size: var(--fs-12);
        line-height: 1.2;
    }

    .p-fv__vertical--bottom-right {
        top: 900rem;
        right: 68rem;
        bottom: auto;
        font-size: var(--fs-12);
        line-height: 1.2;
    }

    /* ── 英語テキスト ── */
    .p-fv__english {
        bottom: 50rem;
        left: 40rem;
        font-size: var(--fs-12);
    }
}