/*//////////////////////////共通////////////////////////*/
.l-main * {
    font-family: "Noto Serif JP", serif;
    color: #1A1819;
}
.l-main {
    width: 100%;
    background: #1A1819;
    padding: 0;
    overflow: hidden;
}
    [class*="cnt__wrap"] {
        padding-top: 100px;
    }
        [class*="cnt__inner"] {
            width: 1140px;
            margin: 0 auto;
        }
            [class*="cnt__ttl"] {
                width: fit-content;
                height: fit-content;
                margin: 0 auto;
            }
            .cnt__more-bt {
                width: 260px;
                height: 50px;
                margin: 20px auto  0;
            }
                .cnt__more-bt a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    background: #C53733;
                    font-size: 14px;
                    letter-spacing: 0.05em;
                    color: #FFFFFF;
                    position: relative;
                }
                .cnt__more-bt a::after {
                    content: "";
                    width: 7px;
                    height: 12px;
                    background: url(/images/top/bt-arrow.png) no-repeat center / cover;
                    position: absolute;
                    top: 19px;
                    right: 20px;
                }
#bknsearch {
    padding-top: 100px;
    margin-top: -100px;
}

/*//////////////////////////スワイパー共通///////////////////////*/
.cont__main {
    width: 100%;
}
    .swiper-slide {
        width: 300px;
    }
    .swiper__control  {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 20px;
    }
    .cont__main .swiper-pagination {
        width: fit-content;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0;
        flex-shrink: 0;
    }
     /* 矢印カスタマイズ */
    .swiper-button-prev:after,
    .swiper-button-next:after {
        content: none; 
    }
    .swiper-button-prev,
    .swiper-button-next {
        width: 50px;
        height: 16px;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0;
        flex-shrink: 0;
    }
    .swiper-button-prev {
        background: url(/images/top/swioer-left.png) no-repeat center / cover;
    }
    .swiper-button-next {
        background: url(/images/top/swioer-right.png) no-repeat center / cover;
    }
    .cont__main .swiper__control .swiper-pagination-bullet{
        width: 20px;
        height: 4px;
        border-radius: 0;
        background: #fff;
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px);
        opacity: 1;
    }
    .cont__main .swiper__control .swiper-pagination-bullet-active  {
        background: #CFBC7C;
    }
    .noslide .swiper-wrapper {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    .swiper__wrap--newbkn.noslide .swiper-wrapper,
    .swiper__wrap--recommendbkn.noslide .swiper-wrapper {
        gap: 30px;
    }
    .noslide .swiper__control {
        display: none;
    }

/*//////////////////////////メイン画像////////////////////////*/
.cnt__wrap--mv {
    padding: 0;
    display: flex;
    align-items: center;
    height: 600px;
    position: relative;
    z-index: 2;
}
.mv__img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.mv__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .search__box {
        width: fit-content;
        margin: 0 0 0 auto;
    }
        .counter__list {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 19px;
            padding-left: 2px;
            width: 435px;
            height: 46px;
            border: 1px solid #FFFFFF;
            margin-bottom: 10px;
        }
            .counter__item {
                font-size: 14px;
                font-weight: 200;
                letter-spacing: 0.05em;
                color: #fff;
            }
                .counter__item span {
                    font-size: 20px;
                    font-weight: 200;
                    letter-spacing: 0;
                    color: #fff;
                }

/*//////////////////////////バナー群////////////////////////*/
.cnt__wrap--bnr {
    padding-top: 30px;
}

/*//////////////////////////人気の駅ランキング////////////////////////*/
.cnt__wrap--popularstation {
    padding-top: 80px;
}
    .popularstation__box {
        display: flex;
        gap: 20px;
        padding: 30px;
        background: #262425;
        margin-top: 30px;
    }
        .btn_list {
            width: 688px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
            [class*="btn_items"] {
                width: 166px;
                height: 79px;
            }
            .btn_items--chikusa {
                background: url(/images/top/station01.png) no-repeat center / cover;
            }
            .btn_items--higashi {
                background: url(/images/top/station02.png) no-repeat center / cover;
            }
            .btn_items--kita {
                background: url(/images/top/station03.png) no-repeat center / cover;
            }
            .btn_items--nishi {
                background: url(/images/top/station04.png) no-repeat center / cover;
            }
            .btn_items--nakamura  {
                background: url(/images/top/station05.png) no-repeat center / cover;
            }
            .btn_items--naka {
                background: url(/images/top/station06.png) no-repeat center / cover;
            }
            .btn_items--showa {
                background: url(/images/top/station07.png) no-repeat center / cover;
            }
            .btn_items--mizuho {
                background: url(/images/top/station08.png) no-repeat center / cover;
            }
            .btn_items--atsuta {
                background: url(/images/top/station09.png) no-repeat center / cover;
            }
            .btn_items--nakagawa {
                background: url(/images/top/station10.png) no-repeat center / cover;
            }
            .btn_items--minato {
                background: url(/images/top/station11.png) no-repeat center / cover;
            }
            .btn_items--minami {
                background: url(/images/top/station12.png) no-repeat center / cover;
            }
            .btn_items--moriyama {
                background: url(/images/top/station13.png) no-repeat center / cover;
            }
            .btn_items--midori {
                background: url(/images/top/station14.png) no-repeat center / cover;
            }
            .btn_items--meitou {
                background: url(/images/top/station15.png) no-repeat center / cover;
            }
            .btn_items--tenpaku {
                background: url(/images/top/station16.png) no-repeat center / cover;
            }
                [class*="btn_items"].active a {
                    background: rgba(207, 188, 124, .8);
                }
                [class*="btn_items"] a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    backdrop-filter: blur(2px);
                    background: rgba(0, 0, 0, .6);
                    border: 1px solid #CFBC7C;
                }
                [class*="btn_items"] a:hover {
                    opacity: 1;
                    background: rgba(207, 188, 124, .8);
                }
                    [class*="btn_items"].active a p  {
                        color: #fff;
                    }
                    [class*="btn_items"] a p {
                        font-size: 18px;
                        font-weight: 400;
                        color: #CFBC7C;
                    }
                    [class*="btn_items"] a:hover p {
                        color: #fff;
                    }
        .box_items {
            display: none;
        }
        .box_items.is-active {
            display: block;
        }
            .station__ranking-list {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
                [class*="station__item"] {
                    width: 372px;
                    height: 60px;
                    background: #fff;
                }
                    [class*="station__item"] a {
                        display: flex;
                        align-items: center;
                        width: 100%;
                        height: 100%;
                        border: 2px solid #fff;
                        background: #fff;
                        padding-left: 63px;
                        font-size: 18px;
                        font-weight: 600;
                        position: relative;
                        transition: .3s;
                    }
                    [class*="station__item"] a:hover {
                        border: 2px solid #CFBC7C;
                        opacity: 1;
                    }
                    [class*="station__item"] a::before {
                        content: "";
                        width: 40px;
                        height: 38px;
                        position: absolute;
                        top: 11px;
                        left: 12px;
                    }
                    .station__item--ranking-no01 a::before {
                        background: url(/images/top/no01.png) no-repeat center / cover;
                    }
                    .station__item--ranking-no02 a::before {
                        background: url(/images/top/no02.png) no-repeat center / cover;
                    }
                    .station__item--ranking-no03 a::before {
                        background: url(/images/top/no03.png) no-repeat center / cover;
                    }
                    .station__item--ranking-no04 a::before {
                        background: url(/images/top/no04.png) no-repeat center / cover;
                    }
                    .station__item--ranking-no05 a::before {
                        background: url(/images/top/no05.png) no-repeat center / cover;
                    }

/*//////////////////////////家賃相場から賃貸検索////////////////////////*/
    .rentsearch__table {
        margin-top: 30px;
    }
    .rentsearch__table,
    .rentsearch__table th,
    .rentsearch__table td {
        border: 1px solid #CFBC7C;
        border-collapse: collapse;
    }
        .rentsearch__table th,
        .rentsearch__table td {
            height: 51px;
        }
        .table__item {
            width: 195px;
        }
        .rentsearch__table .space-box {
            width: 159px;
        }
        .rentsearch__table th {
            background: #262425;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            vertical-align: middle;
        }
        .rentsearch__table td {
            background: #FFFFFF;
            text-align: center;
            vertical-align: middle;
        }
            .rentsearch__table td a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                font-size: 14px;
                font-weight: 400;
                text-decoration: underline;
            }

/*//////////////////////////オープンカーで特別な物件探しを体験！////////////////////////*/
.cnt__wrap--advertisement {
    background: url(/images/top/advertisement-bg.png) no-repeat center / cover;
    padding-block: 100px 97px;
}
    .advertisement-txt {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.8em;
        color: #fff;
        text-align: center;
        margin-top: 27px;
    }

/*//////////////////////////弊社の強み////////////////////////*/
.strength-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}
    .strength-item {
        display: flex;
        align-items: center;
    }
        .strength-img {
            width: 540px;
            height: 304px;
            flex-shrink: 0;
        }
            .strength-datail {
                width: 100%;
                padding-top: 3px;
            }
                .strength-ttl {
                    font-size: 30px;
                    font-weight: 500;
                    color: #fff;
                    padding-left: 30px;
                    padding-bottom: 14px;
                    margin-bottom: 12px;
                    border-bottom: 1px solid #CFBC7C;
                }
                .strength-txt {
                    font-size: 18px;
                    line-height: 1.8em;
                    color: #fff;
                    padding-left: 29px;
                }

/*//////////////////////////弊社をご利用いただいた方からの本音をご紹介////////////////////////*/
.realvoice__box {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
    .realvoice__box-left,
    .realvoice__box-right {
        width: 560px;
        flex-shrink: 0;
    }
    .realvoice__box-right {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
        .realvoice-item {
            border: 1px solid #CFBC7C;
        }
        .realvoice__box-right .realvoice-item {
            display: flex;
        }
            .realvoice__box-left .realvoice-img {
                width: 558px;
                height: 314px;
                flex-shrink: 0;
            }
            .realvoice__box-right .realvoice-img {
                width: 200px;
                height: auto;
                flex-shrink: 0;
            }
                .realvoice-img img   {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            .realvoice-flexbox {
                display: flex;
                background: #262425;
                border-top: 1px solid #CFBC7C;
                border-bottom: 1px solid #CFBC7C;
            }
                .realvoice-customer {
                    font-size: 14px;
                    letter-spacing: 0.05em;
                    color: #fff;
                }
                .realvoice-flexbox .realvoice-customer,
                .realvoice-flexbox .realvoice-representative {
                    display: flex;
                    align-items: center;
                    height: 50px;
                    padding-left: 20px;
                }
                .realvoice-flexbox .realvoice-customer {
                    width: 280px;
                    border-right: 1px solid #CFBC7C;
                }
                .realvoice__box-right .realvoice-customer {
                    margin-bottom: 5px;
                }
                .realvoice-representative {
                    font-size: 14px;
                    letter-spacing: 0.05em;
                    color: #fff;
                }
                .realvoice__box-right .realvoice-representative {
                    width: fit-content;
                    margin: 0 0 0 auto;
                }
                    .realvoice-customer span,
                    .realvoice-representative span {
                        margin-left: 9px;
                        color: #fff;
                    }
                .realvoice-txtbox {
                    padding: 19px 16px 18px 21px;
                    background: #262425;
                }
                .realvoice__box-left .realvoice-txtbox {
                    padding: 15px 20px 16px 20px;
                }
                    .realvoice-ttl {
                        font-size: 18px;
                        color: #CFBC7C;
                        white-space: nowrap;
                        margin-bottom: 7px;
                    }
                    .realvoice__box-left .realvoice-ttl {
                        margin-bottom: 5px;
                    }
                    .realvoice-txt {
                        font-size: 14px;
                        line-height: 1.8em;
                        color: #fff;
                    }
                    .realvoice__box-right .realvoice-txt {
                        margin-bottom: 5px;
                    }

/*//////////////////////////他にも続々とお喜びの声をいただいております////////////////////////*/
.swiper__wrap--customer {
    margin-top: 30px;
}
    .customer-img {
        width: 300px;
        height: 200px;
    }
        .customer-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    .customer-txtbox {
        padding: 10px 15px 14px;
        min-height: 100px;
        background: #262425;
    }
        .customer-name{
            font-size: 18px;
            font-weight: 400;
            color: #CFBC7C;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 7px;
        }
        .customer-txt {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5em;
            letter-spacing: 0.05em;
            color: #fff;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }

/*//////////////////////////スタッフ紹介////////////////////////*/
.swiper__wrap--staff  {
    margin-top: 30px;
}

/*//////////////////////////新着物件////////////////////////*/
.swiper__wrap--newbkn {
    margin-top: 30px;
}
    .swiper__wrap--newbkn .swiper-slide {
        width: 360px;
    }
        .newbkn-img {
            width: 360px;
            height: 240px;
            position: relative;
        }
            .newbkn-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .new-label {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 46px;
                height: 23px;
                background: #C53733;
                font-size: 14px;
                font-weight: 400;
                color: #fff;
                letter-spacing: 0.05em;
                position: absolute;
                top: 8px;
                left: 8px;
            }
            .bkn-fav {
                width: 30px;
                height: 30px;
                background: url(/images/top/fav_icn.png)  no-repeat center / cover;
                position: absolute;
                top: 8px;
                right: 8px;
            }
            .bkn-fav.is-checked {
                    background: url(/images/top/fav_icn_on.png)  no-repeat center / cover;
            }
        .bkn-txttbox {
            padding: 10px 20px 0;
            background: #262425;
            min-height: 148px;
        }
            .bkn-name {
                font-size: 18px;
                font-weight: 400;
                color: #CFBC7C;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 3px;
            }
            .bkn-txt {
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0.05em;
                color: #fff;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 3px;
            }
            .price {
                font-size: 19px;
                font-weight: 700;
                letter-spacing: 0.05em;
                line-height: 1em;
                color: #CFBC7C;
            }
            .bkn-price {
                margin-bottom: 2px;
            }
    .swiper__wrap--newbkn .swiper__control  {
        margin-top: 30px;
    }

/*//////////////////////////新着物件////////////////////////*/
.swiper__wrap--recommendbkn {
    margin-top: 30px;
}
    .swiper__wrap--recommendbkn .swiper-slide {
        width: 360px;
    }
    .swiper__wrap--recommendbkn .swiper__control  {
        margin-top: 30px;
    }

/*//////////////////////////更新情報////////////////////////*/
.cnt__wrap--topics{
    padding-bottom: 100px;
}
    .topics-box {
        width: 1110px;
        background: #262425;
        margin-top: 30px;
        padding: 30px;
    }
    .topics-box * {
        color: #FFFFFF;
    }    
        .scrollbar-content.vertical{
            max-height: 400px;
        }
        /* スクロールバーの色 */
        .simplebar-track.simplebar-vertical{
            background: #FFFFFF;
            width: 2px;
            top: -30px;
            bottom: -30px;
            right: -55px;
            overflow: visible;
        }
        /* トラックの色 */
        .topics-box .simplebar-scrollbar.simplebar-visible:before {
            width: 10px;
            background-color: #CFBC7C;
            opacity: 1;
            top: 0;
            bottom: 0;
            left: -3px;
            right: 0;
            border-radius: 0;
        }
        .scroll_item  {
            padding-bottom: 30px;
            margin-bottom: 20px;
            border-bottom: 1px solid #CFBC7C;
        }
        .topics-date {
            font-size: 14px;
            font-weight: 400;
            color: #fff;
            letter-spacing: 0.05em;
            margin-bottom: 7px;
        }
        .topics-cnt  {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.05em;
            color: #fff;
        }
        .cnt__wrap--topics .cnt__more-bt  {
            margin: 30px auto 0;
        }

/*//////////////////////////代表挨拶////////////////////////*/
.cnt__wrap--ceo {
    background: url(/images/top/ceo-bg.png) no-repeat center / cover;
    padding-bottom: 99px;
}
    .ceo-txtbox {
        margin-top: 23px;
    }
        .ceo-txtbox p {
            font-size: 18px;
            line-height: 2.22222em;
            color: #fff;
            text-align: center;
        }
        .ceo-txtbox p:not(:last-of-type){
            margin-bottom: 16px;
        }
    .ceo-name {
        width: fit-content;
        margin: 23px 0 0 auto;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
    }
        .ceo-name span {
            font-size: 30px;
            font-weight: 500;
            color: #fff;
            margin-left: 22px;
        }

/*//////////////////////////ブログ////////////////////////*/
.cnt__wrap--blog {
    padding-bottom: 100px;
}
    .swiper__wrap--blog {
        margin-top: 30px;
    }
        .blog-txtbox {
            padding: 10px 15px 14px;
            min-height: 149px;
            background: #262425;
        }
            .blog-txtflex {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
                .blog-tag {
                    display: flex;
                    align-items: center;
                    height: 19px;
                    padding: 0 5px;
                    background: #CFBC7C;
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0.05em;
                    color: #fff;
                }
                .blog-date {
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0.05em;
                    color: #fff;
                }
            .blog-name {
                font-size: 18px;
                font-weight: 400;
                line-height: 1.5em;
                color: #CFBC7C;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 8px;
            }
            .blog-txt {
                font-size: 14px;
                font-weight: 400;
                line-height: 1.5em;
                letter-spacing: 0.05em;
                color: #fff;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
            }