@charset "UTF-8";

body {
    margin: 0;
}

.l-main {
    width: auto;
    padding: 0;
}

.org-main * {
    font-family: "Zen Kaku Gothic New";
}
.org-main * a:hover {
    opacity: 1;
}
.org-main section:not(.mainview__section) {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.org-main section:not(.mainview__section).is-visible {
    opacity: 1;
    transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
    .org-main section:not(.mainview__section) {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

.l-wrapper {
    background: #FFF;
    overflow: hidden;
}
.section__inner {
    width: 1140px;
    height: 100%;
    margin: 0 auto;
}
    [class*="section__headline"] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.4;
        color: #555;
    }
        [class*="section__headline"] span {
            font-size: 18px;
            font-weight: 700;
            line-height: 1.4;
            color: #FF9906;
        }
        [class*="section__headline"] span.en-blue {
            color: #2668B9;
        }
        [class*="section__headline"] span.en-orange {
            color: #FF9906;
        }
    [class*="more__button--"] a {
        display: flex;
        align-items: center;
        width: 270px;
        height: 60px;
        padding-left: 20px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 700;
        position: relative;
    }
        [class*="more__button--"] a .more__arrow {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 20px;
            height: 20px;
            border-radius: 3px;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            overflow: hidden;
        }
        [class*="more__button--"] a .more__arrow svg {
            width: 12px;
            height: 12px;
            fill: #FFF;
            stroke: none;
            display: block;
        }
    [class*="more__button--"] a,
    .mainview__type-button a,
    .mainview__cta-button a,
    .kodate__banner a,
    [class*="contact__item--"] a,
    .recruit__banner a {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    [class*="more__button--"] a:hover,
    .mainview__type-button a:hover,
    .mainview__cta-button a:hover,
    .kodate__banner a:hover,
    [class*="contact__item--"] a:hover,
    .recruit__banner a:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }
    [class*="__swiper-options"] {
        position: relative;
        z-index: 1;
    }

/*--------------- メイン画像 ---------------*/

.mainview__section {
    margin: 0 40px;
    position: relative;
    z-index: 1;
}
    .mainview__stage {
        height: 696px;
        position: relative;
    }
    .mainview__image {
        border-radius: 40px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
        .mainview__image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .mainview__image > a {
            display: block;
            width: 100%;
            height: 100%;
        }
        .mainview__image .mainview__slider,
        .mainview__image .swiper-wrapper,
        .mainview__image .swiper-slide {
            width: 100%;
            height: 100%;
        }
        .mainview__image .swiper-slide a {
            display: block;
            width: 100%;
            height: 100%;
        }
    .mainview__inner {
        padding-top: 66px;
        position: relative;
        z-index: 1;
        pointer-events: none;
        transition: opacity 0.8s ease, visibility 0.8s ease;
    }
    .mainview__inner.is-hidden,
    .mainview__inner--second.is-hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .mainview__inner--second {
        display: flex;
        flex-direction: column;
        gap: 50px;
        padding: 132px 0 0 150px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        transition: opacity 0.8s ease, visibility 0.8s ease;
    }
        .mainview__inner a,
        .mainview__inner--second a {
            pointer-events: auto;
        }
        .mainview__inner--second .mainview__catch {
            margin: 0;
        }
        .mainview__cta {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            width: 430px;
        }
            .mainview__cta-text {
                font-size: 20px;
                font-weight: 700;
                line-height: 1.4;
                color: #555;
                text-align: center;
            }
                .mainview__cta-text span {
                    color: #FF9906;
                }
            .mainview__cta-button a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 430px;
                height: 80px;
                padding-right: 10px;
                border-radius: 9999px;
                background: #FF9906;
                font-size: 24px;
                font-weight: 700;
                line-height: 1;
                color: #FFF;
                position: relative;
            }
                .mainview__cta-arrow {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 20px;
                    height: 20px;
                    border-radius: 3px;
                    background: #FFF;
                    position: absolute;
                    top: 50%;
                    right: 30px;
                    transform: translateY(-50%);
                }
                    .mainview__cta-arrow svg {
                        display: block;
                        width: 12px;
                        height: 12px;
                    }
    .mainview__pager {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 15px;
        position: static;
        left: auto;
        bottom: auto;
        width: auto;
        transform: none;
        z-index: 1;
    }
        .mainview__pager .swiper-pagination-bullet {
            display: block;
            width: 40px;
            height: 6px;
            margin: 0;
            border-radius: 9999px;
            background: #D5D5D5;
            opacity: 1;
            transition: background-color 0.3s ease;
        }
        .mainview__pager .swiper-pagination-bullet-active {
            background: #FF9906;
        }
        .mainview__catch {
            margin-left: 15px;
            margin-bottom: 25px;
        }
        .mainview__text-wrap {
            margin-left: 70px;
            margin-bottom: 77px;
        }
            .mainview__text-top {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 3px;
            }
                .mainview__list {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                }
                    .mainview__item {
                        padding: 6px 7px 8px 9px;
                        border: 2px solid #FFF;
                        background: rgba(146, 146, 146, 0.20);
                        backdrop-filter: blur(3px);
                        border-radius: 8px;
                        font-size: 22px;
                        font-weight: 700;
                        letter-spacing: 1.32px;
                        line-height: 1;
                        color: #FFF;
                    }
        .mainview__contents {
            padding: 30px;
            background: #FFF;
            border-radius: 15px;
            width: fit-content;
            margin-left: 68px;
        }
            .mainview__type-list {
                display: flex;
                gap: 15px;
            }
                [class*="mainview__type-item--"] {
                    width: 265px;
                }
                .mainview__type-item--buy {

                    .mainview__type-button a {
                        background: #FB0;
                    }
                    .mainview__type-button a::before {
                        background: url(/images/top/icon_mainview-buy.svg) no-repeat center / cover;
                    }
                    .mainview__type-button a::after {
                        background: url(/images/top/icon_mainview-buy-arrow.svg) no-repeat center / cover;
                    }
                    .type__list {
                        grid-template-columns: 60px 60px 124px;
                    }
                    .type__item::before {
                        background: #FB0;
                    }
                }
                .mainview__type-item--newhouse {

                    .mainview__type-button a {
                        background: #FF9906;
                    }
                    .mainview__type-button a::before {
                        background: url(/images/top/icon_mainview-newhouse.svg) no-repeat center / cover;
                    }
                    .mainview__type-button a::after {
                        background: url(/images/top/icon_mainview-newhouse-arrow.svg) no-repeat center / cover;
                    }
                    .type__list {
                        grid-template-columns: 124px 111px;
                    }
                    .type__item::before {
                        background: #FF9906;
                    }
                }
                .mainview__type-item--sell {

                    .mainview__type-button a {
                        background: #0F7BBC;
                    }
                    .mainview__type-button a::before {
                        background: url(/images/top/icon_mainview-sell.svg) no-repeat center / cover;
                    }
                    .mainview__type-button a::after {
                        background: url(/images/top/icon_mainview-sell-arrow.svg) no-repeat center / cover;
                    }
                    .type__list {
                        grid-template-columns: 73px 86px 75px;
                    }
                    .type__item::before {
                        background: #0F7BBC;
                    }
                }
                .mainview__type-item--rent {

                    .mainview__type-button a {
                        background: #4EB8F6;
                    }
                    .mainview__type-button a::before {
                        background: url(/images/top/icon_mainview-rent.svg) no-repeat center / cover;
                    }
                    .mainview__type-button a::after {
                        background: url(/images/top/icon_mainview-rent-arrow.svg) no-repeat center / cover;
                    }
                    .type__list {
                        grid-template-columns: 48px 48px 137px;
                    }
                    .type__item::before {
                        background: #4EB8F6;
                    }
                }
                .mainview__type-button a {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    width: 100%;
                    height: 60px;
                    padding-left: 15px;
                    border-radius: 8px;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 1.8;
                    color: #FFF;
                    position: relative;
                }
                    .mainview__type-button a::before {
                        content: '';
                        display: block;
                        width: 30px;
                        height: 30px;
                    }
                    .mainview__type-button a::after {
                        content: '';
                        display: block;
                        width: 20px;
                        height: 20px;
                        position: absolute;
                        top: 50%;
                        right: 15px;
                        transform: translateY(-50%);
                    }
            .type__list {
                display: grid;
                gap: 0 10px;
                margin-top: 9px;
            }
                .type__item {
                    display: flex;
                    align-items: center;
                    gap: 5px;
                    font-size: 12px;
                    font-weight: 500;
                    letter-spacing: 0.72px;
                }
                    .type__item::before {
                        content: '';
                        display: block;
                        width: 4px;
                        height: 4px;
                        border-radius: 50%;
                    }

/*--------------- 大切にしていること ---------------*/

.message__section {
    height: 826px;
}
    .message__contents {
        height: 100%;
        position: relative;
        z-index: 1;
    }
        .message__contents::before {
            content: '';
            background: url(/images/top/bg_message-deco01.svg) no-repeat center / cover;
            display: block;
            width: 1103px;
            height: 740px;
            position: absolute;
            top: 85px;
            left: -390px;
            z-index: -1;
        }
        .message__contents::after {
            content: '';
            background: url(/images/top/bg_message-deco02.svg) no-repeat center / cover;
            display: block;
            width: 919px;
            height: 736px;
            position: absolute;
            top: 0;
            right: -390px;
            z-index: -1;
        }
        .section__headline--message {
            align-items: flex-start;
            position: absolute;
            left: 0;
            bottom: 221px;
            z-index: 0;
        }
        .section__headline--message::before {
            content: '';
            background: url(/images/top/bg_message-title.webp) no-repeat center / cover;
            display: block;
            width: 822px;
            height: 112px;
            position: absolute;
            top: 106px;
            left: -311px;
            z-index: -1;
        }
        [class*="message__item--"] {
            display: flex;
            align-items: center;
            gap: 15px;
            position: absolute;
        }
        .message__item--01 {
            top: 110px;
            left: 60px;

            .message__icon::before {
                background: url(/images/top/icon_message-01.svg) no-repeat center / cover;
            }
        }
        .message__item--02 {
            top: 292px;
            left: 319px;

            .message__icon::before {
                background: url(/images/top/icon_message-02.svg) no-repeat center / cover;
            }
        }
        .message__item--03 {
            top: 508px;
            left: 475px;

            .message__icon::before {
                background: url(/images/top/icon_message-03.svg) no-repeat center / cover;
            }
        }
            .message__icon {
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                align-items: center;
                gap: 5px;
                width: 200px;
                height: 200px;
                border-radius: 50%;
                background: #FFF;
                border: 1px solid #FB0;
                padding-bottom: 39px;
                font-size: 28px;
                font-weight: 700;
                line-height: 1.5;
                color: #555;
                position: relative;
            }
            .message__icon::before {
                content: '';
                display: block;
                width: 70px;
                height: 70px;
            }
                .message__icon span {
                    font-size: 58px;
                    font-weight: 700;
                    color: #FB0;
                    padding: 0 3px;
                    background: #FFF;
                    font-family: "Baloo Bhai 2";
                    position: absolute;
                    top: -42px;
                    left: 50%;
                    transform: translateX(-50%);
                }
            .message__text {
                font-size: 18px;
                font-weight: 500;
                line-height: 1.8;
                color: #555;
                margin-bottom: 17px;
            }
                .message__text span {
                    color: #FF9906;
                }

/*--------------- こんな方からよくご相談いただきます ---------------*/

.worries__section {
    padding-block: 90px 0;
    height: 1367px;
    background: url(/images/top/bg_worries.webp) no-repeat center / cover;
}
    .section__headline--worries .blue {
        display: contents;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.4;
        color: #2668B9;
    }
    .worries__contents {
        display: flex;
        justify-content: center;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 39px;
    }
    [class*="worries__panel--"] {
        width: 550px;
        height: 490px;
        border-radius: 15px;
        position: relative;
    }
    .worries__panel--purchase {
        background: #FFEDCB url(/images/top/bg_purchase-kumo.webp) no-repeat 35px 92px / 479px 326px;
    }
    .worries__panel--sale {
        background: #E1F5FA url(/images/top/bg_sale-kumo.webp) no-repeat 5px 55px / 537px 328px;
    }
    .worries__panel-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .worries__panel--purchase .worries__panel-title {
        top: 30px;
        color: #F47A00;
    }
    .worries__panel--sale .worries__panel-title {
        top: 42px;
        color: #2668B9;
    }
    .worries__comment-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .worries__comment {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding-bottom: 13px;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        color: #555;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .worries__comment--sm {
        width: 183px;
        height: 140px;
    }
    .worries__comment--lg {
        width: 209px;
        height: 140px;
    }
    .worries__comment--purchase01 {
        top: 92px;
        left: 83px;
    }
    .worries__comment--purchase02 {
        top: 133px;
        left: 290px;
    }
    .worries__comment--purchase03 {
        top: 240px;
        left: 35px;
    }
    .worries__comment--purchase04 {
        top: 278px;
        left: 331px;
    }
    .worries__comment--sale01 {
        top: 55px;
        left: 4px;
    }
    .worries__comment--sale02 {
        top: 125px;
        left: 122px;
    }
    .worries__comment--sale03 {
        top: 64px;
        left: 332px;
    }
    .worries__comment--sale04 {
        top: 227px;
        left: 326px;
    }
    .worries__comment--sale05 {
        top: 243px;
        left: 11px;
    }
    .worries__illustration {
        position: absolute;
        margin: 0;
        line-height: 0;
    }
    .worries__illustration--purchase {
        top: 298px;
        left: 218px;
    }
    .worries__illustration--sale {
        top: 274px;
        left: 206px;
    }
    .worries__middle-text {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
    }
    .worries__middle-text span {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.5;
        color: #2668B9;
    }
    .worries__contact {
        width: fit-content;
        margin: 139px auto 0;
        position: relative;
        z-index: 1;
    }
        .worries__contact::before {
            content: '';
            background: url(/images/top/img_worries-contact-deco.svg) no-repeat center / cover;
            display: block;
            width: 295px;
            height: 185px;
            position: absolute;
            top: 132px;
            right: -196px;
            z-index: -1;
        }
        .worries__contact-title {
            font-size: 40px;
            font-weight: 700;
            line-height: 1.4;
            color: #FFF;
            text-align: center;
            margin-bottom: 30px;
        }
        .worries__contact-text {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.8;
            color: #FFF;
            text-align: center;
            margin-bottom: 30px;
        }
    .more__button--worries a {
        margin: 0 auto;
        background: #FFF;
        color: #2668B9;
    }
        .more__button--worries a .more__arrow {
            background: #2668B9;
        }

/*--------------- NEXTplusが選ばれる3つの理由 ---------------*/

.reason__section {
    padding-block: 90px 90px;
}
    .section__headline--reason {
        gap: 4px;
    }
        .section__headline--reason .orange {
            display: contents;
            font-size: 40px;
            font-weight: 700;
            line-height: 1.4;
            color: #FF9906;
        }
            .section__headline--reason .orange .reason-num {
                display: contents;
                font-size: 68px;
                font-weight: 700;
                line-height: 1;
                color: #FF9906;
                font-family: "Baloo Bhai 2";
            }
    .reason__list {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 34px;
        list-style: none;
        margin-bottom: 0;
        padding: 0;
    }
    .reason__item {
        display: flex;
        gap: 40px;
        width: 1140px;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
    }
    .reason__ornament {
        display: block;
        position: absolute;
        background: #FFEBB5;
        border-radius: 8px;
        z-index: -1;
    }
    .reason__item--01 .reason__ornament {
        width: 260px;
        height: 100px;
        top: 280px;
        left: -20px;
    }
    .reason__item--02 .reason__ornament {
        width: 100px;
        height: 150px;
        top: 230px;
        left: 1060px;
    }
    .reason__item--03 .reason__ornament {
        width: 260px;
        height: 100px;
        top: 280px;
        left: -20px;
    }
    .reason__image {
        flex-shrink: 0;
        margin: 0;
        line-height: 0;
    }
        .reason__image img {
            display: block;
            width: 424px;
            height: 360px;
            border-radius: 10px;
            object-fit: cover;
        }
    .reason__subject {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }
    .reason__title-wrap {
        display: flex;
        gap: 20px;
        margin-top: 17px;
    }
    .reason__number {
        font-size: 95px;
        font-weight: 700;
        line-height: 1;
        color: #FF9906;
        font-family: "Baloo Bhai 2";
        margin: 0;
    }
    .reason__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.43;
        color: #555;
        margin: 0;
    }
        .reason__title--blue {
            color: #4EB8F6;
        }
        .reason__title--blue-lg {
            font-size: 33px;
            color: #4EB8F6;
        }
    .reason__text {
        width: 676px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.78;
        color: #555;
        margin: 0;
    }

.bkn__wrapper {
    padding-bottom: 89px;
    position: relative;
    z-index: 1;
}
    .bkn__wrapper::before {
        content: '';
        display: block;
        width: 100%;
        height: calc(100% + 150px);
        border-radius: 100px 100px 0 0;
        background: #F8F8F8;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }
    .renovated__section .section__inner {
        position: relative;
        z-index: 1;
    }
    .renovated__section .section__inner::after {
        content: '';
        background: url(/images/top/img_renovated-deco.svg) no-repeat center / cover;
        display: block;
        width: 344px;
        height: 704px;
        position: absolute;
        bottom: -280px;
        right: -389px;
        z-index: -1;
    }

    /*--------------- 物件を探す ---------------*/

    .search__section {
        padding-block: 90px 0;
        scroll-margin-top: 70px;
    }
    .search__section .section__inner {
        position: relative;
        z-index: 1;
    }
    .search__section .section__inner::before {
        content: '';
        background: url(/images/top/bg_search-deco.svg) no-repeat center / cover;
        display: block;
        width: 1005px;
        height: 1111px;
        position: absolute;
        top: 128px;
        left: -389px;
        z-index: -1;
    }
        .search__tab-list {
            margin-top: 40px;
            display: flex;
            justify-content: center;
            position: relative;
            z-index: 1;
        }
            .search__tab-list::before {
                content: '';
                background: #C9C9C9;
                display: block;
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0px;
                z-index: -1;
            }
            [class*="search__tab-item--"] {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 200px;
                height: 34px;
                padding-bottom: 2px;
                font-size: 18px;
                font-weight: 700;
                line-height: 1.8;
                color: #C9C9C9;
                text-align: center;
                cursor: pointer;
                position: relative;
            }
            .search__tab-item--buy.active {
                color: #FF9906;
            }
            .search__tab-item--rent.active {
                color: #2668B9;
            }
                [class*="search__tab-item--"]::before {
                    content: '';
                    display: block;
                    width: 100%;
                    height: 2px;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }
                .search__tab-item--buy.active::before {
                    background: #FF9906;
                }
                .search__tab-item--rent.active::before {
                    background: #2668B9;
                }
        .search__contents {
            display: none;
            margin: 40px 0 70px;
        }
        .search__contents.is-active {
            display: block;
        }
            [class*="search__type-list--"] {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 20px;
                margin-bottom: 40px;
            }
                [class*="search__type-item--"] {
                    position: relative;
                }
                [class*="search__type-item--"] .type-link {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 15px;
                    width: 270px;
                    height: 80px;
                    border-radius: 5px;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 1.8;
                    color: #FFF;
                    transition: opacity 0.3s ease;
                }
                [class*="search__type-item--"] > .type-link:hover,
                [class*="search__type-item--"]:has(.search__pop-list:hover) > .type-link {
                    opacity: 0.6;
                }
                .search__type-list--buy [class*="search__type-item--"] .type-link {
                    background: linear-gradient(95deg, #FFA600 3.39%, #FFC117 97.97%);
                }
                .search__type-list--rent [class*="search__type-item--"] .type-link {
                    background: linear-gradient(100deg, #2B97F0 19.87%, #59B5EE 82.7%);
                }
                    [class*="search__type-item--"] a::before {
                        content: '';
                        display: block;
                        width: 40px;
                        height: 40px;
                    }
                    .search__type-item--ensen a::before {
                        background: url(/images/top/icon_search-ensen.svg) no-repeat center / cover;
                    }
                    .search__type-item--area a::before {
                        background: url(/images/top/icon_search-area.svg) no-repeat center / cover;
                    }
                    .search__type-item--school a::before {
                        background: url(/images/top/icon_search-school.svg) no-repeat center / cover;
                    }
                    .search__type-item--map a::before {
                        background: url(/images/top/icon_search-map.svg) no-repeat center / cover;
                    }
                    .search__pop-list {
                        display: none;
                        position: absolute;
                        top: 64px;
                        left: 50%;
                        transform: translateX(-50%);
                        z-index: 2;
                        width: 150px;
                        padding: 10px 20px;
                        background: #FFF;
                        border-radius: 5px;
                        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
                    }
                    [class*="search__type-item--"] > a:hover + .search__pop-list,
                    [class*="search__type-item--"] .search__pop-list:hover {
                        display: block;
                    }
                        .search__pop-item a {
                            display: flex;
                            align-items: center;
                            gap: 8px;
                            font-size: 16px;
                            font-weight: 500;
                            line-height: 2.2;
                            color: #555;
                            text-decoration: none;
                        }
                            .search__pop-item a::before {
                                content: '';
                                background: #555;
                                border-radius: 50%;
                                display: block;
                                width: 5px;
                                height: 5px;
                            }
                        .search__type-list--buy .search__pop-item a:hover {
                            color: #FF9906;
                            text-decoration: underline;
                            text-underline-offset: 4px;
                        }
                        .search__type-list--buy .search__pop-item a:hover::before {
                            background: #FF9906;
                        }
                        .search__type-list--rent .search__pop-item a:hover {
                            color: #2668B9;
                            text-decoration: underline;
                            text-underline-offset: 4px;
                        }
                        .search__type-list--rent .search__pop-item a:hover::before {
                            background: #2668B9;
                        }
        [class*="search__freeword--"] {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 20px 30px;
            border-radius: 10px;
        }
        .search__freeword--buy {
            background: #FFF3D3;
            
            .search__freeword-title {
                color: #FF9906;
            }
        }
        .search__freeword--rent {
            background: #DBF7FF;
            
            .search__freeword-title {
                color: #2668B9;
            }
        }
            .search__freeword-title {
                font-size: 18px;
                font-weight: 700;
                line-height: 1.8;
                min-width: max-content;
            }
            .search__freeword-box {
                width: 100%;
                height: 50px;
                position: relative;
            }
                input[type="text"].freeword__input {
                    width: 100%;
                    max-width: 888px;
                    height: 100%;
                    border-radius: 9999px;
                    border: 1px solid #D5D5D5;
                    background: #FFF;
                    padding: 0 52px 0 22px;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 1.8;
                }
                .freeword__input::placeholder {
                    color: #898989;
                }
                [class*="search__freeword-submit--"] {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    position: absolute;
                    top: 50%;
                    right: 5px;
                    transform: translateY(-50%);
                }
                .search__freeword-submit--buy {
                    background: #FB0;
                }
                .search__freeword-submit--rent {
                    background: #4EB8F6;
                }
                    [class*="search__freeword-submit--"] svg {
                        width: 16px;
                        height: 17px;
                        fill: #FFF;
                        stroke: none;
                    }
        .search__select-contents {
            display: flex;
            flex-direction: column;
            gap: 18px;
            margin-top: 18px;
        }
            [class*="search__select-group--"] {
                padding: 15px 20px 20px;
                background: #FFF;
                border-radius: 20px;
            }
            .search__select-group--buy {
                .search__select-title {
                    color: #FF9906;
                }
                .search__select-item a:hover {
                    background: #FFF3D3;
                }
            }
            .search__select-group--rent {
                .search__select-title {
                    color: #2668B9;
                }
                .search__select-item a:hover {
                    background: #DBF7FF;
                }
            }
                .search__select-title {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 1.8;
                    margin-bottom: 8px;
                }
                .search__select-list {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 5px;
                }
                    .search__select-item a {
                        display: block;
                        padding: 4px 11px;
                        border-radius: 3px;
                        border: 1px solid #EAEAEA;
                        background: #FFF;
                        font-size: 12px;
                        font-weight: 500;
                        line-height: 1.8;
                        color: #555;
                    }
                    .kodawari-list .search__select-item a {
                        padding: 0 11px;
                    }
        .kodate__banner a {
            display: block;
            width: fit-content;
            margin: 0 auto;
        }

    /*--------------- 蓮田市周辺物件 ---------------*/
    /*--------------- リフォーム済み中古マンション ---------------*/
    /*--------------- 新築戸建 ---------------*/

    .hasuda__section,
    .renovated__section,
    .newhouse__section {
        margin-top: 90px;
    }
    .slider__wrapper [class*="__section"]:nth-child(even) {
        .bkn__contents {
            flex-direction: row-reverse;
        }
        .bkn__slider-contents {
            min-width: 1570px;
        }
        .section__headline--bkn {
            align-items: flex-end;
        }
        .bkn__swiper-options {
            justify-content: flex-end;
        }
        .more__button--bkn a {
            margin: 0 0 0 auto;
        }
    } 
        .bkn__contents {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .newhouse__section .bkn__contents {
            gap: 50px;
        }
            .bkn__contents-info {
                min-width: fit-content;
            }
                .section__headline--bkn {
                    align-items: flex-start;
                }
                    .bkn__swiper-options {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        margin-top: 30px;
                    }
                        [class*="swiper-button-"] {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: 30px;
                            height: 30px;
                            border: 1px solid #FFF;
                            background: #FFEBB5;
                            border-radius: 50%;
                            position: unset;
                            margin: 0;
                        }
                        .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
                        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
                            content: none;
                        }
                            [class*="swiper-button-"] svg {
                                width: 11px;
                                height: 8px;
                                fill: #FF9906;
                                stroke: none;
                            }
                            .swiper-button-next svg {
                                transform: rotate(180deg);
                            }
                        .bkn__swiper-options .swiper-pagination-fraction {
                            position: unset;
                            width: auto;
                            font-size: 18px;
                            font-weight: 500;
                            line-height: 1.4;
                            color: #555;
                        }
                    .more__button--bkn {
                        margin-top: 30px;
                    }
                        .more__button--bkn a {
                            justify-content: center;
                            padding: 0;
                            background: linear-gradient(95deg, #FFA600 3.39%, #FFC117 97.97%);
                            color: #FFF;
                        }
                            .more__button--bkn a .more__arrow {
                                background: #FFF;
                            }
                                .more__button--bkn a .more__arrow svg {
                                    fill: #FB0;
                                }
            .bkn__slider-contents {
                min-width: 1300px;
                overflow: hidden;
            }
            .bkn__slider-wrap {
                width: 100%;
                overflow: hidden;
            }
            @media screen and (max-width: 1280px) {
                .bkn__slider-contents {
                    min-width: 1170px;
                }
            }
            .no-slider-contents {
                .bkn__slider-list {
                    gap: 30px;
                }
                [class*="__swiper-options"] {
                    display: none;
                }
            }
                .bkn__slider-item {
                    width: 370px;
                }
                    .bkn__image {
                        width: 100%;
                        height: 278px;
                        border-radius: 10px;
                        overflow: hidden;
                        background: #FFF;
                        margin-bottom: 6px;
                        position: relative;
                    }
                        .bkn__image img {
                            width: 100%;
                            height: 100%;
                            object-fit: contain;
                            transition: all .4s;
                        }
                        .bkn__slider-item a:hover .bkn__image img {
                            transform: scale(1.05);
                        }
                        .bkn__icon-list {
                            display: flex;
                            align-items: center;
                            gap: 5px;
                            position: absolute;
                            top: 10px;
                            left: 10px;
                        }
                            [class*="bkn__icon--"] {
                                padding: 0 8px 0 8px;
                                border-radius: 3px;
                                font-size: 16px;
                                font-weight: 500;
                                line-height: 1.6;
                                color: #FFF;
                            }
                            .bkn__icon--type {
                                background: #4EB8F6;
                            }
                            .bkn__icon--new {
                                background: #FF9906;
                            }
                        .bkn-favorite__button {
                            width: 40px;
                            height: 40px;
                            background: url(/images/top/img_favorite-off.webp) no-repeat center / cover;
                            position: absolute;
                            top: 10px;
                            right: 10px;
                        }
                        .bkn-favorite__button.is-checked {
                            background: url(/images/top/img_favorite-on.webp) no-repeat center / cover;
                        }
                    .bkn__head {
                        display: flex;
                        align-items: flex-end;
                        gap: 10px;
                        padding-bottom: 7px;
                        border-bottom: 1px solid #E9E9E9;
                        margin-bottom: 5px;
                    }
                        .bkn__price {
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 1.4;
                            color: #FF9906;
                        }
                            .bkn__price .price {
                                font-size: 40px;
                                font-weight: 700;
                                line-height: 1;
                                color: #FF9906;
                            }
                        .bkn__madori {
                            font-size: 16px;
                            font-weight: 500;
                            color: #555;
                        }
                    .bkn__name {
                        font-size: 18px;
                        font-weight: 700;
                        line-height: 1.8;
                        color: #555;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-bottom: 5px;
                    }
                    .bkn__text {
                        font-size: 16px;
                        font-weight: 500;
                        line-height: 1.55;
                        color: #C0C0C0;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

    .info__wrapper {
        display: flex;
        justify-content: center;
        gap: 60px;
        padding-block: 90px;
        background: url(/images/top/bg_info.webp) no-repeat center / cover;
        border-radius: 100px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
        /*--------------- 更新情報 ---------------*/
        /*--------------- お役立ち情報 ---------------*/
        
        .news__section,
        .blog__section {
            width: 540px;
            background: #FFF;
            border-radius: 20px;
            padding: 40px 60px;

            .simplebar-track.simplebar-vertical {
                width: 4px;
                background: #EAEAEA;
            }
            .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 1;
                background: #2668B9;
            }
        }
        .blog__section {
            .news__title {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            .news__text {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }
        }
            .news__contents {
                margin-top: 40px;
            }
                .news__list {
                    padding-right: 30px;
                    max-height: 320px;
                    margin-bottom: 40px;
                }
                .news__item:not(:last-child) {
                    padding-bottom: 14px;
                    border-bottom: 1px solid #EAEAEA;
                    margin-bottom: 15px;
                }
                    .news__date {
                        font-size: 16px;
                        font-weight: 500;
                        color: #4EB8F6;
                        margin-bottom: 5px;
                    }
                    .news__title {
                        font-size: 18px;
                        font-weight: 700;
                        line-height: 1.5;
                        color: #555;
                        margin-bottom: 5px;
                    }
                    .news__text {
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 1.5;
                        color: #C0C0C0;
                    }
                .more__button--news a {
                    justify-content: center;
                    margin: 0 auto;
                    padding: 0;
                    border: 1px solid #2B97F0;
                    background: linear-gradient(98deg, #DCF1FD 22.68%, #EEF9FF 85.83%);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 1;
                    color: #2668B9;
                }
                    .more__button--news a .more__arrow {
                        background: #2668B9;
                    }

/*--------------- お客様の声 ---------------*/

.voice__section {
    padding-block: 90px;
}
    .voice__contents {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 50px;
    }
        .voice__slider-contents {
            min-width: 1689px;
            overflow: hidden;
        }
            .voice__slider-item {
                width: 543px;
                padding-top: 67px;
                position: relative;
            }
                .voice__image {
                    width: 240px;
                    height: 339px;
                    background: #FFF;
                    border-radius: 10px 0 0 10px;
                    border: 2px solid #F8F8F8;
                    overflow: hidden;
                    position: absolute;
                    top: 0;
                    right: 20px;
                }
                    .voice__image img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        transition: all .4s;
                    }
                    .voice__slider-item a:hover .voice__image img {
                        transform: scale(1.05);
                    }
                .voice__detail {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    gap: 0;
                    height: 291px;
                    background: #EFFCFF;
                    border-radius: 0 0 10px 10px;
                    padding: 0 280px 12px 30px;
                }
                    .voice__name {
                        font-size: 18px;
                        font-weight: 700;
                        line-height: 1.8;
                        color: #2668B9;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-bottom: 10px;
                    }
                    .voice__text {
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 1.6;
                        color: #555;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                    }
            .voice__contents-info {
                min-width: fit-content;
            }
                .section__headline--voice {
                    align-items: flex-end;
                }
                    .voice__swiper-options {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        gap: 10px;
                        margin-top: 30px;
                    }
                        .voice__swiper-options [class*="swiper-button-"] {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: 30px;
                            height: 30px;
                            border: 1px solid #FFF;
                            background: #DCF1FD;
                            border-radius: 50%;
                            position: unset;
                            margin: 0;
                        }
                        .voice__swiper-options .swiper-button-prev:after,
                        .voice__swiper-options .swiper-button-next:after {
                            content: none;
                        }
                            .voice__swiper-options [class*="swiper-button-"] svg {
                                width: 11px;
                                height: 8px;
                                fill: #2668B9;
                                stroke: none;
                            }
                            .voice__swiper-options .swiper-button-next svg {
                                transform: rotate(180deg);
                            }
                        .voice__swiper-options .swiper-pagination-fraction {
                            position: unset;
                            width: auto;
                            font-size: 18px;
                            font-weight: 500;
                            line-height: 1.4;
                            color: #555;
                        }
                    .more__button--voice {
                        margin-top: 30px;
                    }
                        .more__button--voice a {
                            justify-content: center;
                            margin: 0 0 0 auto;
                            padding: 0;
                            border: 1px solid #2B97F0;
                            background: linear-gradient(98deg, #DCF1FD 22.68%, #EEF9FF 85.83%);                           
                            color: #2668B9;
                        }
                            .more__button--voice a .more__arrow {
                                background: #2668B9;
                            }

.company__wrapper {
    padding-block: 160px 90px;
    border-radius: 100px;
    background: linear-gradient(100deg, #2B97F0 19.87%, #59B5EE 82.7%);
}
    .company__inner {
        width: 1280px;
        margin: 0 auto;
    }
        .company__contents {
            width: 100%;
            padding: 70px;
            background: #FFF;
            border-radius: 20px;
            position: relative;
        }
            .company__contents::before {
                content: '';
                background: url(/images/top/img_company-deco.webp) no-repeat center / cover;
                width: 122px;
                height: 490px;
                position: absolute;
                top: -41px;
                left: -95px;
            }
            .aboutus__section {
                position: relative;
            }
                .section__headline--aboutus {
                    align-items: flex-start;
                }
                .aboutus__text-contents {
                    margin: 40px 0;
                    display: flex;
                    flex-direction: column;
                    gap: 19px;
                }
                    .aboutus__text {
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 1.8;
                        color: #555;
                    }
                .more__button--aboutus {
                    margin-top: 30px;
                }
                    .more__button--aboutus a {
                        justify-content: center;
                        margin: 0 auto 0 0;
                        padding: 0;
                        border: 1px solid #2B97F0;
                        background: linear-gradient(98deg, #DCF1FD 22.68%, #EEF9FF 85.83%);
                        color: #2668B9;
                    }
                        .more__button--aboutus a .more__arrow {
                            background: #2668B9;
                        }
                .aboutus__image {
                    width: 670px;
                    height: 680px;
                    border-radius: 20px;
                    overflow: hidden;
                    position: absolute;
                    top: -139px;
                    right: -140px;
                }
                    .aboutus__image img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
    /*--------------- スタッフ紹介 ---------------*/

    .staff__section {
        margin-top: 90px;
    }
        .staff__contents {
            margin-top: 40px;
            overflow: hidden;
        }
            .staff__item {
                width: 360px;
                position: relative;
            }
                .staff__image {
                    width: 100%;
                    height: 270px;
                    border-radius: 10px;
                    overflow: hidden;
                    margin-bottom: 10px;
                }
                    .staff__image img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        transition: all .4s;
                    }
                    .staff__item a:hover .staff__image img {
                        transform: scale(1.05);
                    }
                .staff__name {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 1.8;
                    color: #2668B9;
                    margin-bottom: 5px;
                }
                .staff__text {
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 1.6;
                    color: #555;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            .staff__button a {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 90px;
                height: 90px;
                border-radius: 50%;
                background: #FB0;
                border: 1px solid #FB0;
                font-size: 14px;
                font-weight: 700;
                line-height: 1.4;
                color: #FFF;
                text-align: center;
                padding-top: 12px;
                position: absolute;
                top: 213px;
                right: 10px;
                transition: all .4s;
            }
            .staff__button a:hover {
                background: #FFF;
                color: #FB0;
            }
        .staff__swiper-options {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-top: 30px;
        }
            .staff__swiper-options [class*="swiper-button-"] {
                background: #DCF1FD;
            }
                .staff__swiper-options [class*="swiper-button-"] svg {
                    fill: #2668B9;
                }
            .staff__swiper-options .swiper-pagination-fraction {
                position: unset;
                width: auto;
                font-size: 18px;
                font-weight: 500;
                line-height: 1.4;
                color: #555;
            }
        .more__button--staff {
            margin-top: 30px;
        }
            .more__button--staff a {
                justify-content: center;
                margin: 0 auto;
                padding: 0;
                border: 1px solid #2B97F0;
                background: linear-gradient(98deg, #DCF1FD 22.68%, #EEF9FF 85.83%);                      
                color: #2668B9;
            }
                .more__button--staff a .more__arrow {
                    background: #2668B9;
                }

/*--------------- 成約済み物件一覧 ---------------*/

.achievements__section {
    padding-block: 90px 95px;
    
    .bkn__slider-item {
        width: 350px;
    }
    .bkn__image {
        height: 263px;
    }
}

/*--------------- お問い合わせ ---------------*/

.contact__section {
    padding-block: 90px;
    position: relative;
    z-index: 1;
}
    .contact__section::before {
        content: '';
        background: url(/images/top/bg_contact.webp) no-repeat center / cover;
        display: block;
        width: 1920px;
        height: 945px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    .section__headline--contact {
        color: #FFF;
    }
        .section__headline--contact span {
            color: #FFF;
        }
    .contact__contents {
        margin: 45px 0 45px;
        background: #FFF;
        border-radius: 15px;
        padding: 40px;
    }
        .contact__text {
            font-size: 24px;
            font-weight: 700;
            line-height: 1.5;
            color: #555;
            text-align: center;
            margin-bottom: 40px;
        }
        .contact__list {
            display: flex;
            align-items: center;
            gap: 10px;
        }
            .contact__item--tel {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 7px;
                width: 259px;
                height: 70px;
                border: 1px solid #FF9906;
                border-radius: 5px;
                background: #FFF;
                font-size: 26px;
                font-weight: 700;
                line-height: 1.4;
                color: #FF9906;
            }
                .contact__tel-icon {
                    width: 24px;
                    height: 25px;
                    fill: none;
                    stroke: #FF9906;
                }
            [class*="contact__item--"] a {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 257px;
                height: 70px;
                border-radius: 5px;
                font-size: 16px;
                font-weight: 700;
                color: #FFF;
                position: relative;
            }
            .contact__item--line a {
                background: #06C755;

                .contact__label {
                    background: url(/images/top/bg_line-label.webp) no-repeat center / cover;
                    color: #06C755;
                }
            }
            .contact__item--mail a {
                background: #2668B9;

                .contact__label {
                    background: url(/images/top/bg_mail-label.webp) no-repeat center / cover;
                    color: #2668B9;
                }
            }
            .contact__item--reservation a {
                background: #4EB8F6;

                .contact__label {
                    background: url(/images/top/bg_reservation-label.webp) no-repeat center / cover;
                    color: #4EB8F6;
                }
            }
                .contact__label {
                    width: 202px;
                    height: 34px;
                    padding-top: 4px;
                    font-size: 14px;
                    font-weight: 500;
                    text-align: center;
                    position: absolute;
                    top: -20px;
                    left: 50%;
                    transform: translateX(-50%);
                }
                [class*="contact__item--"] a .more__arrow {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 20px;
                    height: 20px;
                    background: #FFF;
                    border-radius: 3px;
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    transform: translateY(-50%);
                }
                    [class*="contact__item--"] a .more__arrow svg {
                        width: 12px;
                        height: 12px;
                        stroke: none;
                    }
                    .contact__item--line a .more__arrow svg {
                        fill: #06C755;
                    }
                    .contact__item--mail a .more__arrow svg {
                        fill: #2668B9;
                    }
                    .contact__item--reservation a .more__arrow svg {
                        fill: #4EB8F6;
                    }
            .contact__eigyotime {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 20px;
                margin-top: 9px;
            }
                .contact__eigyotime span {
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 1.6;
                    color: #555;
                }
        .recruit__banner a {
            display: block;
            width: fit-content;
            margin: 0 auto;
        }