.inner {
    margin-inline: auto auto;
    max-width: 77.5rem;
    padding-inline: 2rem 2rem;
}

/* kv */
.kv {
    background-color: var(--colorSub2);
}

.kv__swiper .swiper-pagination {
    margin-top: 1.5rem;
    position: relative;
}

.kv__swiper .swiper-pagination-bullet {
    background-color: #fff;
    border: 1px solid var(--colorOrange);
    opacity: 1;
}

.kv__swiper .swiper-pagination-bullet-active {
    background-color: var(--colorOrange);
}

.kv__swiper .swiperEl__image {
    text-align: center;
}

.kv__swiper .swiperEl__image img {
    aspect-ratio: 1240/530;
    object-fit: cover;
    width: 100%;
}

.kv .banner__list {
    column-gap: 1.5rem;
    display: flex;
    margin: 3.125rem auto;
    max-width: 81.25rem;
    padding-inline: 1.25rem 1.25rem;
}

.kv .banner__item {
    display: inline-block;
    filter: drop-shadow(2px 4px 14px rgba(70, 53, 55, .3));
}

@media screen and (max-width: 767px) {
    .kv {
        padding-bottom: 8vw;
    }

    .kv .banner__list {
        flex-direction: column;
        margin-block: 5.33vw 5.33vw;
        row-gap: 4vw;
    }

    .kv__swiper .swiperEl__image img {
        aspect-ratio: 375/320;
    }
}


.info-title {
    font-weight: 700;
}

/* 新着物件 */
.new-property {
    overflow: hidden;
    padding-block: 4rem 2rem;
}

.new-propertie__title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-inline: auto auto;
    text-align: center;
}

.new-propertie__title-img {
    margin-inline: auto auto;
    max-width: 11.25rem;
}

.new-propertie__swiper {
    margin-top: 2.98rem;
}

@media screen and (max-width: 767px) {
    .new-property {
        padding-block: 8vw 4vw;
        padding-inline: 2rem;
    }

    .new-propertie__title {
        font-size: 8vw;
        margin-top: 8vw;
    }
}

/* 最近更新された物件 */
.update-property {
    overflow: hidden;
    padding-block: 2rem 4rem;
}

.update-propertie__title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-inline: auto auto;
    text-align: center;
}

.update-propertie__title-img {
    margin-inline: auto auto;
    max-width: 11.25rem;
}

.update-propertie__swiper {
    margin-top: 2.98rem;
}

@media screen and (max-width: 767px) {
    .update-property {
        padding-inline: 2rem;
    }

    .update-propertie__title {
        font-size: 8vw;
    }

    .swiper.propertie__swiper {
        margin-left: 0;
        margin-top: 23vw;
    }

    .propertie__swiper::before {
        aspect-ratio: 164 / 106;
        content: "";
        left: 5%;
        max-width: unset;
        top: 0;
        transform: translateY(-100%);
        width: 40%;
    }
}

/* 仲介手数料無料について */
.commission-free {
    padding-block: 5rem;
    position: relative;
    text-align: center;
}

.commission-free::before {
    background: #ffdb6f;
    clip-path: polygon(50% 0%, 100% 32%, 100% 100%, 0 100%, 0% 32%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.commission-free__subtitle {
    background-color: #fff;
    border: 2px solid var(--colorOrange);
    border-radius: 6.25rem;
    color: #42403b;
    display: inline-block;
    font-size: 1.425rem;
    font-weight: 700;
    line-height: 1.3;
    margin-inline: auto auto;
    padding: calc((1em - 1lh) / 2 + 1.125rem) 2.5rem calc((1em - 1lh) / 2 + 1.5rem);
    position: relative;
    text-align: center;
}

.commission-free__subtitle::before {
    border-color: #ff602e transparent transparent;
    border-style: solid;
    border-width: 20px 0 0 20px;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    translate: -50% 100%;
}

.commission-free__subtitle::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 20px 0 0 20px;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    translate: calc(-50% + 2px) 100%;
}

.commission-free__subtitle--orange {
    color: var(--colorOrange);
    font-size: 1.875rem;
}

.commission-free__title {
    color: var(--colorBlack);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin-top: 2.625rem;
    text-decoration: underline;
    text-decoration-color: var(--colorBlack);
    text-underline-offset: .875rem;
}

.commission-free__strong {
    color: #fff;
    font-size: 3.5rem;
    letter-spacing: .08em;
    paint-order: stroke;
    -webkit-text-stroke: 4px var(--colorBlack);
            text-stroke: 4px var(--colorBlack);
}

.commission-free__compare {
    column-gap: 4%;
    display: flex;
    justify-content: center;
    margin-top: 3.75rem;
    width: 100%;
}

.commission-free__compare-item {
    align-items: center;
    background-color: #fff;
    border: 2px solid #abaaa6;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: calc((1em - 1lh) / 2 + 1.875rem) 1.875rem;
    position: relative;
    width: 48%;
}

.commission-free__compare-item-a::before {
    aspect-ratio: 569/664;
    background: url(../../images/top/dec-commission-free1.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    left: 6px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    width: 47.33%;
    z-index: -1;
}

.commission-free__compare-title {
    background-color: #42403b;
    border-radius: 6.25rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    left: 50%;
    padding: .25rem 2.5rem;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.commission-free__compare-item-ant {
    border: 2px solid var(--colorOrange);
}

.commission-free__compare-item-ant::before {
    aspect-ratio: 179/288;
    background: url(../../images/top/dec-commission-free2.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    pointer-events: none;
    position: absolute;
    right: 2.19rem;
    top: 0;
    transform: translateY(-100%);
    width: 29.83%;
    z-index: -1;
}

.commission-free__compare-item-ant .commission-free__compare-title {
    background-color: var(--colorOrange);
}

.commission-free__compare-contents {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.commission-free__compare-content {
    align-items: center;
    display: flex;
    font-size: .9rem;
    justify-content: center;
    letter-spacing: .02em;
}

.commission-free__compare-content span {
    font-family: "Inter", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: normal;
    padding-inline: .2em .2em;
}

.commission-free__compare-commission span {
    font-size: 2.8rem;
    line-height: 1.5;
}

.commission-free__compare-price {
    position: relative;
}

.commission-free__compare-price::after {
    border: .7rem solid transparent;
    border-left: .9rem solid rgba(29, 27, 32, .4);
    content: "";
    display: inline-block;
    margin-inline: .75rem 0;
}

.commission-free__compare-ant {
    align-items: center;
    column-gap: clamp(.53rem, 1.11vw, 1rem);
    display: flex;
    justify-content: center;
}

.commission-free__compare-ant-text {
    font-size: clamp(.93rem, 1.94vw, 1.75rem);
    font-weight: 700;
    line-height: 1.4;
}

.commission-free__compare-ant-text span {
    font-size: clamp(1.93rem, 4.03vw, 3.615rem);
}

.commission-free__compare-ant-commission {
    color: var(--colorOrange);
    font-size: clamp(1.07rem, 1.94vw, 2rem);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1;
}

.commission-free__compare-ant-commission span {
    font-family: "Montserrat", sans-serif;
    font-size: clamp(5.33rem, 11.11vw, 10rem);
    font-weight: 600;
}

.commission-free__link-area {
    margin-top: 2.5rem;
}

.commission-free__link-title {
    font-size: 1.5rem;
    font-weight: 700;
}

.commission-free__link {
    margin-top: 1.5rem;
}

@media screen and (max-width: 1024px) {
    .commission-free__subtitle {
        font-size: 1rem;
        padding-bottom: calc((1em - 1lh) / 2 + 1rem);
    }

    .commission-free__subtitle--orange {
        font-size: 1.5rem;
    }

    .commission-free__title {
        font-size: 1.2rem;
        text-underline-offset: .5rem;
    }

    .commission-free__strong {
        font-size: 2rem;
    }

    .commission-free__compare-item {
        padding-inline: .5rem;
    }

    .commission-free__compare-content span {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .commission-free::before {
        clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0% 10%);
    }

    .commission-free__compare-item-a::before {
        content: none;
    }

    .commission-free__compare-item-ant::before {
        content: none;
    }

    .commission-free__compare {
        flex-direction: column;
        margin-top: 15vw;
        row-gap: 15vw;
    }

    .commission-free__compare-item {
        width: 100%;
    }

    .commission-free__compare-price::after {
        border: .525rem solid transparent;
        border-left: .675rem solid rgba(29, 27, 32, .4);
    }
}

/* お客様の声 */
.voice {
    padding-top: 5rem;
}

.voice .inner {
    position: relative;
}

.voice .inner::before {
    aspect-ratio: 307/215;
    background: url(../../images/top/dec-voice.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -5rem;
    width: 21.3%;
    z-index: -1;
}

.voice__title {
    color: var(--colorOrange);
    font-size: 1.5rem;
    font-weight: 700;
}

.voice__list {
    column-gap: 2%;
    display: flex;
    margin-top: 2.5rem;
}

.voice__item {
    width: calc(96% / 3);
}

.voice__image {
    text-align: center;
}

.voice__image img {
    aspect-ratio: 397/265;
    border-radius: 16px;
    object-fit: cover;
    width: 100%;
}

.voice__item-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 1.625rem;
}

.voice__text {
    font-size: .875rem;
    font-weight: 500;
    margin-top: 1.25rem;
}

@media (hover: hover) {
    main a:not(.paginationGroup a).voice__link:hover {
        opacity: 1;
    }

    .voice__link:hover .voice__image {
        opacity: .7;
    }

    .voice__link:hover .voice__item-title,
    .voice__link:hover .voice__text {
        text-decoration: underline;
    }
}

@media screen and (max-width: 1440px) {
    .voice .inner::before {
        width: 16.5rem;
    }
}

@media screen and (max-width: 767px) {
    .voice .inner::before {
        top: -2.5rem;
        width: 12rem;
    }

    .voice__list {
        flex-direction: column;
        row-gap: 2rem;
    }

    .voice__item {
        width: 100%;
    }

    .voice__item-title {
        margin-top: 2vw;
    }
}

/* 購入ガイド記事 */
.guide {
    margin-top: 5rem;
}

.guide__title {
    color: var(--colorOrange);
    font-size: 1.5rem;
    font-weight: 700;
}

.guide__list {
    column-gap: 2%;
    display: flex;
    margin-top: 2.5rem;
}

.guide__item {
    background-color: #fff3e0;
    border-radius: 10px;
    display: flex;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
    overflow: hidden;
    width: calc(96% / 3);
}

.guide__link {
    align-items: center;
    display: flex;
}

.guide__image {
    width: 50%;
}

.guide__image img {
    aspect-ratio: 198/132;
    object-fit: cover;
    width: 100%;
}

.guide__item-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 700;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 0 1.25rem;
    width: 50%;
}

.guide__page-link {
    margin-top: 2.5rem;
}

.guide__page-link-area {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .guide__list {
        flex-direction: column;
        row-gap: 2rem;
    }

    .guide__item {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .guide__link {
        flex-direction: column;
    }

    .guide__image,
    .guide__item-title {
        width: 100%;
    }

    .guide__image img {
        aspect-ratio: 2 / 1;
    }

    .guide__item-title {
        padding-block: 1rem;
    }
}

/* instagram */
.insta {
    margin-top: 8.75rem;
    padding-bottom: 3.09rem;
    position: relative;
    text-align: center;
}

.insta::before {
    background: linear-gradient(to right, rgba(255, 172, 88, .8) 0, rgba(221, 84, 90, .8) 88%, rgba(220, 81, 81, .8) 100%);
    border-radius: 2.5rem;
    content: "";
    display: inline-block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 65%;
    max-width: 67rem;
}

.insta__title {
    color: #fff;
    display: inline-block;
    font-size: 1.44rem;
    font-weight: 500;
    padding-block: 3.125rem 2.5rem;
    position: relative;
    text-align: center;
}

.insta__title::before {
    aspect-ratio: 750/471;
    background: url(../../images/top/dec-insta.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: -1.1875rem;
    position: absolute;
    transform: translateX(-100%);
    width: 85%;
}

.insta__title--big {
    font-size: 2.69rem;
}

.insta__page-link-area {
    margin: 2.5rem 1.25rem 0;
}

.poppins {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

#sb_instagram {
    max-width: 80rem;
    padding-inline: 1.25rem 1.25rem;
}

#sb_instagram #sbi_images {
    padding-top: 0;
}

#sbi_load {
    display: none;
}

@media screen and (max-width: 1200px) {
    .insta__title::before {
        width: 21vw;
    }
}

@media screen and (max-width: 1023px) {
    .insta::before {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .insta {
        margin-top: 6.25rem;
    }

    .insta::before {
        width: calc(100% - 4rem);
    }

    .insta__title {
        display: grid;
        font-size: 1.5rem;
        padding-bottom: 1rem;
    }

    .insta__title--big {
        font-size: 2rem;
    }

    .insta__title::before {
        content: none;
    }

    .insta__page-link-area {
        margin: 4vw 1.25rem 0;
    }
}

/* concept */
.concept {
    background: url(../../images/top/concept.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 6.25rem;
}

.concept__textarea {
    margin-left: 11.11%;
    padding-block: 6.25rem 6.25rem;
    text-align: center;
    width: fit-content;
}

.concept__title {
    color: var(--colorOrange);
    font-size: 1.125rem;
    font-weight: 500;
}

.concept__lead {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 4.06rem;
}

.concept__lead--big {
    font-size: 2.5rem;
    font-weight: 500;
}

.concept__lead--orange {
    color: var(--colorOrange);
}

.concept__text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2;
    margin-top: 2.5rem;
}

.concept__text + .concept__text {
    margin-top: 1em;
}

.review__banner{
    margin-top: 5rem;
    text-align: center;
}

.review__bannerLink{
    display: inline-block;
    margin: 0 auto;
} 


@media screen and (max-width: 767px) {
    .concept__lead {
        font-size: 1.2rem;
        margin-top: 2rem;
    }

    .concept__lead--big {
        font-size: 1.6rem;
    }

    .concept__text {
        margin-top: 1.5rem;
    }

    .concept__textarea {
        margin-inline: auto;
        padding: 80vw 2rem 6.25rem;
    }
}