@charset "utf-8";

/*-----------------------------------------------
    secEstate
-----------------------------------------------*/
.secEstate{
    display: flex;
}
@media only screen and (max-width:1215px){
    .secEstate{
        display: block;
    }
}
.secListSearch{
    width: 32rem;
}
.secListSearch .listSearchBox + .listSearchBox{
    margin-top: 3rem;
}
.secListSearch .topTit{
    background: var(--textColor);
    color: var(--whiteColor);
    padding: 1.4rem 2rem;
    font-size: var(--pcFS15);
    line-height: var(--pcLH15_22);
    font-weight: bold;
}
.secListSearch .listSearchInBox{
    box-shadow: 0 0 1.5rem var(--blackColor_6);
    background: var(--whiteColor);
    padding: 3rem 2rem;
    border-radius: 0 0 2rem 2rem;
}
.secListSearch .labelCheck input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    margin: 0;
}
.secListSearch .labelCheck{
    position: relative;
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_26);
    display: inline-block;
}
.secListSearch .labelCheck .txtCheck{
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 3rem;
}
.secListSearch .labelCheck .txtCheck::before{
    position: absolute;
    content: "";
    flex-shrink: 0;
    top: 0;
    left: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.5rem;
    background: var(--whiteColor);
    border: solid 0.1rem var(--estateborderColor);
}
.secListSearch.lazyloaded .labelCheck input[type="checkbox"]:checked + .txtCheck::before{
    background: url(../img/estate/iconCheckbox.png) center center / 1.4rem auto no-repeat var(--whiteColor);
}
.secListSearch .listBox{
    margin-top: 2rem;
}
.secListSearch .listTit{
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_26);
    background: var(--gray_lightColor_2);
    border-radius: 1rem;
    padding: 1.2rem 2rem;
    position: relative;
    cursor: pointer;
}
.secListSearch .listTit::after,
.secListSearch .listTit::before{
    position: absolute;
    content: "";
    width: 1.4rem;
    height: 0.2rem;
    right: 2rem;
    top: calc(50% - 0.1rem);
    background: var(--textColor);
}
.secListSearch .listTit::before{
    transform: rotate(90deg);
}
.secListSearch .listTit.active::before{
    display: none;
}
.secListSearch .listSearch{
    margin-top: 1.5rem;
    padding-left: 2rem;
    display: none;
}
.secListSearch .selectTit + .listSearch{
    display: block;
    padding-left: 0;
}
.secListSearch .listSearchItem + .listSearchItem{
    margin-top: 1rem;
}
.secListSearch .selectBox + .selectBox{
    margin-top: 3rem;
}
.secListSearch .selectTit{
    font-size: var(--pcFS14);
    font-weight: bold;
}
.secListSearch .flexBox{
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.secListSearch .flexBox02{
    display: block;
}
.secListSearch .flexBox02 .boxselect + .boxselect{
    margin-top: 1rem;
}
.secListSearch .boxselect{
    position: relative;
}
.secListSearch .boxselect::after{
    content: "";
    position: absolute;
    width: 0.9rem;
    height: 0.7rem;
    background-color: var(--textColor);
    top: calc(50% - 0.4rem);
    right: 1rem;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.secListSearch .boxselect.w126{
    width: 12.6rem;
}
.secListSearch .boxselect.w100{
    width: 100%;
}
.secListSearch select{
    appearance: none;
    height: 5rem;
    color: var(--textColor);
    background: var(--gray_lightColor_2);
    border-radius: 1rem;
    font-size: var(--pcFS16);
    letter-spacing: var(--pcLS16);
    padding: 0.5rem 1.5rem;
    font-family: inherit;
    border: none;
    width: 100%;
}
.secListSearch input[type="text"]{
    height: 5rem;
    color: var(--textColor);
    background: var(--gray_lightColor_2);
    border-radius: 1rem;
    font-size: var(--pcFS16);
    letter-spacing: var(--pcLS16);
    padding: 0.5rem 1.5rem;
    font-family: inherit;
    border: none;
    width: 100%;
    margin-top: 1.5rem;
}
.secListSearch .txtIn{
    font-size: var(--pcFS12);
    margin: 0 0.8rem;
}
.secListSearch .wordBox{
    width: 14rem;
    margin: 2rem 0 0 auto;
}
.secListSearch .wordInner{
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    border: solid 0.1rem var(--textColor);
    font-size: var(--pcFS14);
    font-weight: bold;
}
.secListSearch .wordTxt{
    position: relative;
    padding-left: 2rem;
}
.secListSearch .wordTxt::after{
    position: absolute;
    content: "";
    width: 1.6rem;
    height: 1.7rem;
    top: calc(50% - 0.85rem);
    left: 0;
}
.secListSearch.lazyloaded .wordTxt::after{
    background: url(../img/estate/iconWord.png) center top / cover;
}
.secListSearch .spTitBox{
    display: none;
}
@media only screen and (max-width:1215px){
    .secListSearch{
        width: 100%;
        box-shadow: inset 0rem -0.1rem 0rem 0rem rgba(4, 0, 0, 0.1);
        border-radius: 1rem;
        background: var(--whiteColor);
    }
    .secListSearch .spTitBox{
        display: block;
        padding: 1.9rem 4rem;
        position: relative;
    }
    .secListSearch .spTitBox::after,
    .secListSearch .spTitBox::before{
        position: absolute;
        content: "";
        width: 1.2rem;
        height: 0.2rem;
        right: 2rem;
        top: calc(50% - 0.1rem);
        background: var(--textColor);
    }
    .secListSearch .spTitBox::before{
        transform: rotate(90deg);
    }
    .secListSearch .spTitBox.active::before{
        display: none;
    }
        .secListSearch .spTit{
        font-size: var(--spFS12);
        font-weight: bold;
        position: relative;
    }
    .secListSearch .spTit::after{
        position: absolute;
        content: "";
        width: 1.6rem;
        height: 1.7rem;
        top: calc(50% - 0.85rem);
        left: -2rem;
    }
    .secListSearch.lazyloaded .spTit::after{
        background: url(../img/estate/iconWord.png) center top / cover;
    }
    .secListSearch .mainBox{
        display: none;
    }
}
/* secEstateList */
.secEstateList{
    width: calc(100% - 32rem);
    margin-left: 4rem;
}
.secEstateList .list{
    margin-top: 4rem;
}
.secEstateList .listItem{
    position: relative;
    height: auto;
}
.secEstateList .listItem:nth-child(n+2){
    margin-top: 2rem;
}
.secEstateList .link{
    position: relative;
    height: 100%;
    background-color: var(--whiteColor);
    border-radius: 0 2rem 2rem 2rem;
    border: 1px solid var(--gray_lightColor);
    box-shadow: 0 0 1.5rem var(--blackColor_6);
    padding: 4rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
.secEstateList .boxIcon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}
.secEstateList .icon{
    width: auto;
    height: 2rem;
    font-size: var(--pcFS11);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0.8rem 0 0.8rem;
}
.secEstateList .iconNew {
    background-color: var(--yellowColor);
}
.secEstateList .iconRecommend {
    background-color: var(--orangeColor);
    color: var(--whiteColor);
}
/* boxThink */
.secEstateList .boxThink {
    position: absolute;
    top: -1rem;
    right: 3rem;
    width: auto;
    height: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0.8rem 0 0.8rem;
    background-color: var(--orange_lightColor)
}
.secEstateList .boxThink .txtThink {
    font-size: var(--pcFS11);
}
.secEstateList .boxThink .num {
    font-size: var(--pcFS14);
}
/* boxBtnFav */
.secEstateList .boxBtnFav{
    position: absolute;
    top: 3rem;
    right: 3rem;
}
.secEstateList .boxSliderRight .link{
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 3rem;
}
.secEstateList .boxSliderRight .rank1{
    background-color: var(--rank1bgColor);
    border-color: var(--rank1borderColor);
}
/* boxHead */
.secEstateList .boxHead{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.secEstateList .boxImg{
    position: relative;
    width: 8rem;
}
.secEstateList .img{
    aspect-ratio: 80 / 80;
    border-radius: 100%;
    overflow: hidden;
}
.secEstateList .iconRank{
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 100%;
    font-size: var(--pcFS20);
    color: var(--whiteColor);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--rankColor);
}
.secEstateList .iconRank.rank1{
    background-color: var(--rank1Color);
}
.secEstateList .iconRank.rank2{
    background-color: var(--rank2Color);
}
.secEstateList .iconRank.rank3{
    background-color: var(--rank3Color);
}
.secEstateList .boxTit{
    width: calc(100% - 10rem);
}
.secEstateList .boxTit .tit{
    max-width: calc(100% - 5rem);
    font-size: var(--pcFS26);
    line-height: var(--pcLH26_39);
    font-weight: bold;
}
.secEstateList .boxTit .txt{
    max-width: calc(100% - 5rem);
    position: relative;
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_20);
    padding-left: 1.6rem;
}
.secEstateList .boxTit .txt::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.3rem;
    height: 1.7rem;
    background: right top / cover no-repeat;
}
.secEstateList .boxTit .txt.lazyloaded::before{
    background-image: url(../img/common/iconBtnMap_gray.png);
}
.secEstateList .boxTit .txt02::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: -0.2rem;
    width: 1.7rem;
    height: 1.7rem;
    background: right top / cover no-repeat;
}
.secEstateList .boxTit .txt02.lazyloaded::before{
    background-image: url(../img/estate/iconBtnMap_gray02.png);
}
.secEstateList .boxTit .tit,
.secEstateList .boxTit .txt,
.secEstateList .boxInfo .info{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEstateList .boxTit .boxList{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 60px;/*任意の値*/
}
.secEstateList .boxTit .boxList{
    margin-top: 1.2rem;
}
.secEstateList .boxTit .item{
    font-size: var(--pcFS10);
    color: var(--greenColor);
    border: 1px solid var(--greenColor);
    padding: 0.6rem 0.3rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}
.secEstateList .boxTit .iconRed{
    color: var(--redColor);
    border-color: var(--redColor);
}
/* boxInfo */
.secEstateList .boxInfo{
    position: relative;
    width: 100%;
    margin-top: 3rem;
    display: flex;
    background-color: var(--gray_lightColor_2);
    padding: 1rem 2rem 1rem 0;
}
.secEstateList .boxInfoCard{
    display: flex;
    align-items: stretch;
}
.secEstateList .bgInfo{
    background-color: var(--gray_lightColor_2);
    border-radius: 1.2rem;
    padding: 1.5rem 1rem;
    width: 44rem;
}
.secEstateList .boxInfoCol{
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    gap: 0.5rem;
}
.secEstateList .boxInfoCol + .boxInfoCol:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 65%;
    background-color: var(--gray_darkColor_2);
}
.secEstateList .boxInfo .iconPrice{
    position: absolute;
    top: -1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    font-size: var(--pcFS10);
    color: var(--redColor);
}
.secEstateList .boxInfo .label{
    font-size: var(--pcFS12);
    color: var(--gray_darkColor);
}
.secEstateList .boxInfo .numRow{
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2rem 0.4rem;
    margin: 0;
}
.secEstateList .boxInfo .num{
    font-size: var(--pcFS28);
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 14rem;
}
.secEstateList .boxInfo .numUnit{
    font-size: var(--pcFS20);
}
.secEstateList .boxInfo .unit,
.secEstateList .boxInfo .info{
    font-size: var(--pcFS12);
}
.secEstateList .boxInfoTxt{
    width: calc(100% - 44rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secEstateList .boxInfoTxt .boxImg{
    width: 11rem;
}
.secEstateList .boxInfoTxt .img{
    aspect-ratio: 110 / 80;
    border-radius: 0;
}
.secEstateList .boxInfoTxt .img::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--gray_darkColor_2);
}
.secEstateList .boxInfoTxt .txt{
    width: calc(100% - 13rem);
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_21);
    color: var(--gray_darkColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: calc(var(--pcFS13) * var(--pcLH13_21) * 3);
}
.secEstateList .boxInfoTxt .txt:only-child{
    width: 100%;
}
/* boxMember */
.secEstateList .boxMember{
    width: 100%;
    margin-top: 3rem;
    padding: 3rem 4rem;
}
.secEstateList .boxMemberInner{
    display: flex;
    align-items: center;
}
.secEstateList .boxMember .leftBox{
    display: flex;
    align-items: center;
    width: calc(100% - 36rem);
    justify-content: center;
    padding-right: 5rem;
}
.secEstateList .boxMember .tit{
    position: relative;
    font-size: var(--pcFS20);
    font-weight: bold;
    padding-left: 3rem;
}
.secEstateList .boxMember .tit:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: calc(50% - 1.25rem);
    left: 0;
    width: 2rem;
    height: 2.5rem;
    background: right top / cover no-repeat;
    opacity: 0.3;
}
.secEstateList .boxMember.lazyloaded .tit:before{
    background-image: url(../img/common/iconMember.png);
}
.secEstateList .boxMember .txt{
    font-size: var(--pcFS12);
    color: var(--gray_darkColor);
    margin-left: 1.5rem;
}
.secEstateList .boxMember .boxBtn{
    width: 36rem;
}
.secEstateList .boxMember .memberBtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6rem;
    border-radius: 1.5rem;
    background-color: var(--blackColor_333);
    color: var(--whiteColor);
    font-size: var(--pcFS13);
}
.secEstateList .estateFlexBox{
    display: flex;
}
.secEstateList .estateBox{
    width: 24rem;
    position: absolute;
    top: 4rem;
    right: 4rem;
}
.secEstateList .estateFlexBox .boxHead{
    width: calc(100% - 24rem);
    padding-right: 5rem;
    min-height: 11rem;
}
.secEstateList .boxThink,
.secEstateList .boxBtnFav{
    position: static;
}
.secEstateList .boxThink{
    margin-right: 1.5rem;
}
.secEstateList .estateInBox{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.secEstateList .btnBox{
    margin-top: 1.5rem;
}
.secEstateList .btnInner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    border-radius: 2rem;
    color: var(--whiteColor);
    background-image: -moz-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    background-image: -webkit-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    background-image: -ms-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    font-size: var(--pcFS14);
    font-weight: bold;
}
.secEstateList .btnTxt{
    position: relative;
    padding-left: 2.5rem;
}
.secEstateList .btnTxt::after{
    position: absolute;
    content: "";
    width: 2.1rem;
    height: 1.4rem;
    top: calc(50% - 0.7rem);
    left: 0;
}
.secEstateList.lazyloaded .btnTxt::after{
    background: url(../img/estate/icoEstateList.png) center top / cover;
}
.secEstateList .spBtnBox{
    display: none;
}
@media only screen and (max-width:1215px){
    .secEstateList{
        margin: 0;
        width: 100%;
    }
    .secEstateList .list{
        margin-top: 2rem;
    }
    .secEstateList .listItem:nth-child(n+2){
        margin-top: 1rem;
    }
    .secEstateList .link{
        border-top-left-radius: 0;
        padding: 2rem 1.5rem 7.5rem;
    }
    .secEstateList .link.memberLink{
        padding: 2rem 1.5rem;
    }
    /* iconNew */
    .secEstateList .boxIcon{
        position: absolute;
        top: -0.8rem;
        left: 0;
        display: flex;
    }
    .secEstateList .icon{
        height: auto;
        font-size: var(--spFS10);
        padding: 0.5rem 0.2rem;
    }
    /* boxThink */
    .secEstateList .boxThink {
        top: -0.8rem;
        right: 1.5rem;
        height: auto;
        padding: 0.5rem;
    }
    .secEstateList .boxThink .txtThink {
        font-size: var(--spFS10);
    }
    .secEstateList .boxThink .num {
        font-size: var(--spFS13);
    }
    /* boxBtnFav */
    .secEstateList .boxBtnFav{
        top: 2rem;
        right: 1.5rem;
    }
    /* boxHead */
    .secEstateList .boxHead{
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
    }
    .secEstateList .boxImg{
        width: 4rem;
        margin-left: 0.5rem;
    }
    .secEstateList .iconRank{
        top: -1rem;
        left: -1rem;
        width: 2.2rem;
        height: 2.2rem;
        font-size: var(--spFS12);
    }
    .secEstateList .boxTit{
        width: 100%;
        display: contents;
    }
    .secEstateList .boxTit .tit{
        max-width: calc(100% - 8rem);
        width: 100%;
        font-size: var(--spFS14);
        line-height: var(--spLH14_21);
        margin-right: 3rem;
    }
    .secEstateList .boxTit .txt{
        max-width: 100%;
        font-size: var(--spFS11);
        line-height: var(--spLH11_16);
        padding-left: 1.2rem;
        margin-top: 1rem;
    }
    .secEstateList .boxTit .txt::before{
        top: -1px;
        width: 0.9rem;
        height: 1.2rem;
    }
    .secEstateList .boxTit .boxList{
        margin-top: 1rem;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: 6.5rem;
    }
    .secEstateList .boxTit .item{
        font-size: var(--spFS10);
        padding: 0.4rem 0.4rem 0.3rem 0.4rem;
        margin: 0 0.1rem 0.3rem 0;
    }
    /* boxInfo */
    .secEstateList .boxInfo{
        margin-top: 0.8rem;
        display: block;
        background: var(--whiteColor);
        padding: 0;
    }
    .secEstateList .bgInfo{
        border-radius: 0.8rem;
        padding: 1.5rem 0.5rem;
        width: 100%;
    }
    .secEstateList .boxInfo .iconPrice{
        top: -1.8rem;
        font-size: var(--spFS10);
    }
    .secEstateList .boxInfo .label{
        display: none;
    }
    .secEstateList .boxInfo .numRow{
        gap: 0.2rem;
    }
    .secEstateList .boxInfo .num{
        font-size: var(--spFS18);
        max-width: 6.5rem;
    }
    .secEstateList .boxInfo .numUnit{
        font-size: var(--spFS13);
    }
    .secEstateList .boxInfo .unit,
    .secEstateList .boxInfo .info{
        font-size: var(--spFS10);
    }
    .secEstateList .boxInfoTxt{
        margin-top: 1.2rem;
        width: 100%;
    }
    .secEstateList .boxInfoTxt .boxImg{
        width: 8rem;
        margin: 0;
    }
    .secEstateList .boxInfoTxt .txt{
        width: calc(100% - 9rem);
        font-size: var(--spFS10);
        line-height: var(--spLH10_15);
        max-height: calc(var(--spFS10) * var(--spLH10_15) * 4);
        line-clamp: 4;
        -webkit-line-clamp: 4;
    }
    /* boxMember */
    .secEstateList .boxMember{
        margin-top: 2rem;
    }
    .secEstateList .boxMember .tit{
        font-size: var(--spFS14);
        margin-top: 0.5rem;
        display: inline-block;
    }
    .secEstateList .boxMember .tit:before{
        width: 1.4rem;
        height: 1.8rem;
    }
    .secEstateList .boxMember .txt{
        font-size: var(--spFS10);
        margin: 0.5rem auto 0;
    }
    .secEstateList .boxMember .boxBtn{
        margin: 1rem auto 0;
        width: 14rem;
    }
    .secEstateList .boxMember .memberBtn{
        max-width: 14rem;
        height: 3rem;
        border-radius: 0.8rem;
        font-size: var(--spFS11);
    }
    .secEstateList .estateFlexBox{
        display: block;
        flex-flow: row-reverse;
    }
    .secEstateList .estateFlexBox .estateBox{
        width: 100%;
    }
    .secEstateList .estateFlexBox .boxHead{
        width: 100%;
        padding-right: 5rem;
        min-height: none;
    }
    .secEstateList .boxThink,
    .secEstateList .boxBtnFav{
        position: absolute;
    }
    .secEstateList .boxThink{
        margin-right: 0;
    }
    .secEstateList .estateInBox{
        display: block;
    }
    .secEstateList .btnBox{
        display: none;
    }
    .secEstateList .boxMemberInner{
        display: block;
        align-items: center;
    }
    .secEstateList .boxMember .leftBox{
        display: block;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .secEstateList .spBtnBox{
        position: absolute;
        bottom: 2rem;
        left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .secEstateList .spBtnItem{
        width: calc(50% - 2.25rem);
    }
    .secEstateList .spBtnItem:nth-child(2){
        margin-left: 0.5rem;
    }
    .secEstateList .spBtnInner{
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.5rem;
        font-size: var(--spFS11);
        font-weight: bold;
    }
    .secEstateList .spBtnItem:nth-child(1) .spBtnInner{
        color: var(--whiteColor);
        background-image: -moz-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
        background-image: -webkit-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
        background-image: -ms-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    }
    .secEstateList .spBtnItem:nth-child(2) .spBtnInner{
        border: solid 0.1rem var(--greenColor);
        color: var(--greenColor);
    }
    .secEstateList .spBtnItem:nth-child(1) .spBtnTxt{
        position: relative;
        padding-left: 2rem;
    }
    .secEstateList .spBtnItem:nth-child(1) .spBtnTxt::after{
        position: absolute;
        content: "";
        width: 1.5rem;
        height: 1rem;
        top: calc(50% - 0.6rem);
        left: 0;
    }
    .secEstateList.lazyloaded .spBtnItem:nth-child(1) .spBtnTxt::after{
        background: url(../img/estate/icoEstateList.png) center top / cover;
    }
    .secEstateList .estateBox {
        width: auto;
        position: static;
    }
}
.secEstateList .memberTitBox{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.secEstateList .memberTitBox .memberTit{
    flex: 1 1 auto;
    min-width: 0;
}
.secEstateList .memberTitBox .jsPagerTop{
    flex: 0 0 auto;
    min-width: 0;
}
.secEstateList .memberTitBox .secCmnIndexPagerTop{
    margin-top: 0;
    width: auto;
    justify-content: flex-end;
    flex-shrink: 0;
}
.secEstateList .memberTitBox .boxSort{
    flex: 0 0 auto;
}
.secEstateList .memberTit{
    font-size: var(--pcFS14);
    line-height: var(--pcLH14_24);
    padding-right: 0;
}
.secEstateList .memberNumber{
    font-size: var(--pcFS34);
    font-weight: bold;
    margin-right: 0.5rem;
}
.secEstateList .memberNumber02{
    font-size: var(--pcFS20);
    font-weight: bold;
}
.secEstateList .memberColor{
    color: #ff00a2;
}
.secEstateList .memberTxtBox{
    background: var(--orange_lightColor);
    border: solid 0.1rem #e2df82;
    height: 6rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFS14);
}
.secEstateList .memberLinkTxt{
    color: #4070ff;
}
.secEstateList .boxSort{
    flex-shrink: 0;
    width: 11rem;
    position: relative;
    z-index: 2;
}
.secEstateList .sortSelectWrap{
    position: absolute;
    top: 100%;
    right: 0;
    width: 22rem;
    max-width: calc(100vw - 4rem);
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-top: 0;
    visibility: hidden;
    pointer-events: none;
    transition: max-height 0.3s ease-out, opacity 0.25s ease, padding-top 0.25s ease, visibility 0.25s;
}
.secEstateList .sortSelectWrap.isOpen{
    max-height: 15rem;
    opacity: 1;
    padding-top: 0.6rem;
    visibility: visible;
    pointer-events: auto;
}
.secEstateList .boxSort .sortSelect{
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: var(--pcFS14);
    line-height: 1.4;
    box-sizing: border-box;
    padding: 0.9rem 2.2rem 0.9rem 1rem;
    border: solid 0.1rem #d8d8d8;
    border-radius: 0.4rem;
    background-color: var(--whiteColor);
    color: var(--textColor);
    cursor: pointer;
}
.secEstateList .sortBtn{
    width: 100%;
    height: 4.2rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 1rem;
    background: var(--whiteColor);
    color: var(--textColor);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: inherit;
    font-size: var(--pcFS14);
    font-weight: bold;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
.secEstateList .sortBtnTxt{
    position: relative;
    display: inline-block;
    padding-left: 1.5rem;
}
.secEstateList .sortBtnTxt::after{
    position: absolute;
    content: "";
    width: 1.2rem;
    height: 1.6rem;
    left: 0;
    top: calc(50% - 0.8rem);
    background: url(../img/estate/iconMemberBtnTxt.png) center top / cover;
}
@media only screen and (max-width:1650px){
    .secEstateList .memberTitBox{
        flex-wrap: wrap;
        gap: 1.5rem 1rem;
    }
    .secEstateList .memberTitBox .memberTit{
        flex: 0 0 100%;
        width: 100%;
    }
    .secEstateList .memberTitBox .jsPagerTop{
        flex: 1 1 auto;
        max-width: calc(100% - 12rem);
    }
    .secEstateList .memberTitBox .secCmnIndexPagerTop{
        justify-content: flex-start;
    }
    .secEstateList .memberTitBox .boxSort{
        margin-left: auto;
        order: 2;
    }
}
@media only screen and (max-width:1215px){
    .secEstateList .memberTitBox{
        margin-top: 3rem;
        flex-wrap: wrap;
    }
    .secEstateList .memberTitBox .memberTit{
        flex: none;
        width: auto;
        order: 1;
    }
    .secEstateList .memberTitBox .jsPagerTop{
        width: 100%;
        flex: none;
        max-width: none;
        order: 3;
    }
    .secEstateList .memberTitBox .secCmnIndexPagerTop{
        justify-content: center;
    }
    .secEstateList .memberTit{
        font-size: var(--spFS12);
        line-height: var(--spLH12_20);
        padding-right: 0;
        margin-top: -1rem;
    }
    .secEstateList .memberNumber{
        font-size: var(--spFS20);
        margin-right: 0.5rem;
    }
    .secEstateList .memberNumber02{
        font-size: var(--spFS12);
    }
    .secEstateList .memberTxtBox{
        height: 4.5rem;
        margin-top: 1.5rem;
        font-size: var(--spFS11);
    }
    .secEstateList .memberBtn{
        width: 8.4rem;
        height: 3.4rem;
        font-size: var(--spFS12);
    }
    .secEstateList .boxSort .sortSelect{
        font-size: var(--spFS12);
        padding: 0.75rem 2rem 0.75rem 0.85rem;
    }
}

/* boxSliderRight */
.boxSliderRight{
    position: relative;
}
.boxSliderRight .swiper-slide {
    height: auto;
}
.boxSliderRight .link{
    position: relative;
    height: 100%;
    background-color: var(--whiteColor);
    border-radius: 0 2rem 2rem 2rem;
    border: 1px solid var(--gray_lightColor);
    box-shadow: 0 0 1.5rem var(--blackColor_6);
    padding: 4rem 3rem;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
}
.boxSliderRight .memberLink:hover{
    opacity: 1!important;
    cursor: auto;
}
.boxSliderRight .swiper{
    overflow: visible;
    position: relative;
}
.boxSliderRight .swiper-scrollbar.spOnly{
    display: none;
}
.boxSliderRight .swiper-horizontal>.swiper-scrollbar,
.boxSliderRight .swiper-scrollbar.swiper-scrollbar-horizontal{
    position: absolute;
    left: -1rem;
    bottom: 1rem;
    height: 4px;
    background: transparent;
}
.boxSliderRight .swiper-scrollbar-drag{
    border-radius: 0.2rem;
    background-color: var(--blackColor_10);
}
@media only screen and (max-width:1215px){
    .boxSliderRight .link{
        border-radius: 1rem;
        padding: 1.5rem 1rem 3.5rem 1.5rem;
        flex-wrap: wrap;
        align-items: center;
    }
    .boxSliderRight .swiper-horizontal>.swiper-scrollbar,
    .boxSliderRight .swiper-scrollbar.swiper-scrollbar-horizontal{
        bottom: 0.5rem;
    }
    .boxSliderRight .link:hover{
        background-color: var(--whiteColor);
    }
}
/*-----------------------------------------------
    secEstateCategory
-----------------------------------------------*/
.secEstateCategory{
    margin-top: 10rem;
    overflow: hidden;
}
.secEstateCategory .boxCmnTit{
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.secEstateCategory .boxCmnTit .txt{
    color: var(--gray_darkColor);
    margin: 0;
}
.secEstateCategory .boxCmnTit .tit,
.secEstateCategory .boxCmnTit .txt{
    line-height: 1;
}
.boxEstateCategory + .boxEstateCategory{
    margin-top: 12rem;
}
.secEstateCategory .boxCmnBtn {
    margin-top: 2rem;
}
/* secEstateSlider */
.secEstateSlider .boxSlider.disabled .swiper {
    width: 50rem;
    margin: 0;
}
.secEstateSlider{
    margin-top: 4rem;
}
/* iconNew */
.secEstateSlider .boxIcon{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}
.secEstateSlider .icon{
    width: auto;
    height: 2rem;
    font-size: var(--pcFS11);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0.8rem 0 0.8rem;
}
.secEstateSlider .iconNew {
    background-color: var(--yellowColor);
}
.secEstateSlider .iconRecommend {
    background-color: var(--orangeColor);
    color: var(--whiteColor);
}
/* boxThink */
.secEstateSlider .boxThink {
    position: absolute;
    top: -1rem;
    right: 3rem;
    width: auto;
    height: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0.8rem 0 0.8rem;
    background-color: var(--orange_lightColor)
}
.secEstateSlider .boxThink .txtThink {
    font-size: var(--pcFS11);
}
.secEstateSlider .boxThink .num {
    font-size: var(--pcFS14);
}
/* boxBtnFav */
.secEstateSlider .boxBtnFav{
    position: absolute;
    top: 3rem;
    right: 3rem;
}
.secEstateSlider .boxSliderRight .link{
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 3rem;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
@media only screen and (min-width:1216px){
    .secEstateSlider .boxSliderRight .link:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.secEstateSlider .boxSliderRight .rank1{
    background-color: var(--rank1bgColor);
    border-color: var(--rank1borderColor);
}
/* boxHead */
.secEstateSlider .boxHead{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.secEstateSlider .boxImg{
    position: relative;
    width: 8rem;
}
.secEstateSlider .img{
    aspect-ratio: 80 / 80;
    border-radius: 100%;
    overflow: hidden;
}
.secEstateSlider .iconRank{
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 100%;
    font-size: var(--pcFS20);
    color: var(--whiteColor);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--rankColor);
}
.secEstateSlider .iconRank.rank1{
    background-color: var(--rank1Color);
}
.secEstateSlider .iconRank.rank2{
    background-color: var(--rank2Color);
}
.secEstateSlider .iconRank.rank3{
    background-color: var(--rank3Color);
}
.secEstateSlider .boxTit{
    width: calc(100% - 10rem);
}
.secEstateSlider .boxTit .tit{
    max-width: calc(100% - 5rem);
    font-size: var(--pcFS20);
    line-height: var(--pcLH20_30);
    font-weight: bold;
}
.secEstateSlider .boxTit .txt{
    max-width: calc(100% - 5rem);
    position: relative;
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_20);
    padding-left: 1.6rem;
}
.secEstateSlider .boxTit .txt::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.3rem;
    height: 1.7rem;
    background: right top / cover no-repeat;
}
.secEstateSlider .boxTit .txt.lazyloaded::before{
    background-image: url(../img/common/iconBtnMap_gray.png);
}
.secEstateSlider .boxTit .tit,
.secEstateSlider .boxTit .txt,
.secEstateSlider .boxInfo .info{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEstateSlider .boxTit .boxList{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 60px;/*任意の値*/
}
.secEstateSlider .boxTit .boxList{
    margin-top: 1rem;
}
.secEstateSlider .boxTit .item{
    font-size: var(--pcFS10);
    color: var(--greenColor);
    border: 1px solid var(--greenColor);
    padding: 0.5rem 0.3rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}
.secEstateSlider .boxTit .iconRed{
    color: var(--redColor);
    border-color: var(--redColor);
}
/* boxInfo */
.secEstateSlider .boxInfo{
    position: relative;
    width: 100%;
    margin-top: 1.5rem;
}
.secEstateSlider .boxInfoCard{
    display: flex;
    align-items: stretch;
}
.secEstateSlider .bgInfo{
    background-color: var(--gray_lightColor_2);
    border-radius: 1.2rem;
    padding: 1.5rem 1rem;
}
.secEstateSlider .boxInfoCol{
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    gap: 0.5rem;
}
.secEstateSlider .boxInfoCol + .boxInfoCol:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 65%;
    background-color: var(--gray_darkColor_2);
}
.secEstateSlider .boxInfo .iconPrice{
    position: absolute;
    top: -1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    font-size: var(--pcFS10);
    color: var(--redColor);
}
.secEstateSlider .boxInfo .label{
    font-size: var(--pcFS12);
    color: var(--gray_darkColor);
}
.secEstateSlider .boxInfo .numRow{
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2rem 0.4rem;
    margin: 0;
}
.secEstateSlider .boxInfo .num{
    font-size: var(--pcFS28);
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 14rem;
}
.secEstateSlider .boxInfo .numUnit{
    font-size: var(--pcFS20);
}
.secEstateSlider .boxInfo .unit,
.secEstateSlider .boxInfo .info{
    font-size: var(--pcFS12);
}
.secEstateSlider .boxInfoTxt{
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secEstateSlider .boxInfoTxt .boxImg{
    width: 11rem;
}
.secEstateSlider .boxInfoTxt .img{
    aspect-ratio: 110 / 80;
    border-radius: 0;
}
.secEstateSlider .boxInfoTxt .img::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--gray_darkColor_2);
}
.secEstateSlider .boxInfoTxt .txt{
    width: calc(100% - 13rem);
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_21);
    color: var(--gray_darkColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: calc(var(--pcFS12) * var(--pcLH12_21) * 3);
}
.secEstateSlider .boxInfoTxt .txt:only-child{
    width: 100%;
}
/* boxMember */
.secEstateSlider .boxMember{
    width: 100%;
    margin-top: 2rem;
}
.secEstateSlider .boxMemberInner{
    text-align: center;
}
.secEstateSlider .boxMember .tit{
    position: relative;
    font-size: var(--pcFS20);
    font-weight: bold;
    padding-top: 3.5rem;
    margin-top: 2rem;
}
.secEstateSlider .boxMember .tit:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 2rem;
    height: 2.5rem;
    background: right top / cover no-repeat;
    opacity: 0.3;
}
.secEstateSlider .boxMember.lazyloaded .tit:before{
    background-image: url(../img/common/iconMember.png);
}
.secEstateSlider .boxMember .txt{
    font-size: var(--pcFS12);
    color: var(--gray_darkColor);
    margin-top: 1rem;
}
.secEstateSlider .boxMember .boxBtn{
    margin-top: 1.4rem;
}
.secEstateSlider .boxMember .memberBtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 26rem;
    width: 100%;
    min-height: 5rem;
    border-radius: 1.5rem;
    background-color: var(--blackColor_333);
    color: var(--whiteColor);
    font-size: var(--pcFS13);
}
@media only screen and (max-width:1215px){
    .secConcept{
        margin-top: 5rem;
    }
    .secEstateCategory .boxCmnTit{
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }
    .secEstateCategory .boxCmnTit .txt{
        color: var(--gray_darkColor);
        margin: 0;
    }
    .secEstateCategory .boxCmnTit .txt{
        line-height: var(--spLHTxtJp);
    }
    .boxEstateCategory + .boxEstateCategory{
        margin-top: 5rem;
    }
    /* secEstateSlider */
    .secEstateSlider .boxSlider.disabled .swiper {
        width: 26rem;
    }
    .secEstateSlider{
        margin-top: 1rem;
    }
    .secEstateSlider .boxSliderRight .link {
        border-top-left-radius: 0;
        padding: 2rem 1.5rem;
    }
    /* iconNew */
    .secEstateSlider .boxIcon{
        position: absolute;
        top: -0.8rem;
        left: 0;
        display: flex;
    }
    .secEstateSlider .icon{
        height: auto;
        font-size: var(--spFS10);
        padding: 0.5rem 0.2rem;
    }
    /* boxThink */
    .secEstateSlider .boxThink {
        top: -0.8rem;
        right: 1.5rem;
        height: auto;
        padding: 0.5rem;
    }
    .secEstateSlider .boxThink .txtThink {
        font-size: var(--spFS10);
    }
    .secEstateSlider .boxThink .num {
        font-size: var(--spFS13);
    }
    /* boxBtnFav */
    .secEstateSlider .boxBtnFav{
        top: 2rem;
        right: 1.5rem;
    }
    /* boxHead */
    .secEstateSlider .boxHead{
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
    }
    .secEstateSlider .boxImg{
        width: 4rem;
        margin-left: 0.5rem;
    }
    .secEstateSlider .iconRank{
        top: -1rem;
        left: -1rem;
        width: 2.2rem;
        height: 2.2rem;
        font-size: var(--spFS12);
    }
    .secEstateSlider .boxTit{
        width: 100%;
        display: contents;
    }
    .secEstateSlider .boxTit .tit{
        max-width: calc(100% - 8rem);
        width: 100%;
        font-size: var(--spFS14);
        line-height: var(--spLH14_21);
        margin-right: 3rem;
    }
    .secEstateSlider .boxTit .txt{
        max-width: 100%;
        font-size: var(--spFS11);
        line-height: var(--spLH11_16);
        padding-left: 1.2rem;
        margin-top: 1rem;
    }
    .secEstateSlider .boxTit .txt::before{
        top: -1px;
        width: 0.9rem;
        height: 1.2rem;
    }
    .secEstateSlider .boxTit .boxList{
        margin-top: 1rem;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: 6.5rem;
    }
    .secEstateSlider .boxTit .item{
        font-size: var(--spFS10);
        padding: 0.4rem 0.4rem 0.3rem 0.4rem;
        margin: 0 0.1rem 0.3rem 0;
    }
    /* boxInfo */
    .secEstateSlider .boxInfo{
        margin-top: 1.5rem;
    }
    .secEstateSlider .bgInfo{
        border-radius: 0.8rem;
        padding: 1.5rem 0.5rem;
    }
    .secEstateSlider .boxInfo .iconPrice{
        top: -1.8rem;
        font-size: var(--spFS10);
    }
    .secEstateSlider .boxInfo .label{
        display: none;
    }
    .secEstateSlider .boxInfo .numRow{
        gap: 0.2rem;
    }
    .secEstateSlider .boxInfo .num{
        font-size: var(--spFS18);
        max-width: 6.5rem;
    }
    .secEstateSlider .boxInfo .numUnit{
        font-size: var(--spFS13);
    }
    .secEstateSlider .boxInfo .unit,
    .secEstateSlider .boxInfo .info{
        font-size: var(--spFS10);
    }
    .secEstateSlider .boxInfoTxt{
        margin-top: 1.2rem;
    }
    .secEstateSlider .boxInfoTxt .boxImg{
        width: 8rem;
        margin: 0;
    }
    .secEstateSlider .boxInfoTxt .txt{
        width: calc(100% - 9rem);
        font-size: var(--spFS10);
        line-height: var(--spLH10_15);
        max-height: calc(var(--spFS10) * var(--spLH10_15) * 4);
        line-clamp: 4;
        -webkit-line-clamp: 4;
    }
    /* boxMember */
    .secEstateSlider .boxMember{
        margin-top: 1.5rem;
    }
    .secEstateSlider .boxMember .tit{
        font-size: var(--spFS14);
        padding-top: 2.7rem;
        margin-top: 0.5rem;
    }
    .secEstateSlider .boxMember .tit:before{
        width: 1.4rem;
        height: 1.8rem;
    }
    .secEstateSlider .boxMember .txt{
        font-size: var(--spFS10);
        margin-top: 0.5rem;
    }
    .secEstateSlider .boxMember .boxBtn{
        margin-top: 1rem;
    }
    .secEstateSlider .boxMember .memberBtn{
        max-width: 14rem;
        min-height: 3rem;
        border-radius: 0.8rem;
        font-size: var(--spFS11);
    }
}
/*-----------------------------------------------
    secFeature
-----------------------------------------------*/
.secFeature{
    margin-top: 5rem;
    overflow: hidden;
}
.secFeature .secFeatureSlider{
    margin-top: 2.5rem;
}
.secFeature.disabled .swiper {
    width: 29rem;
    margin: 0;
}
/* link */
.secFeatureSlider .link {
    border-radius: 2rem;
    padding: 0;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    border: none;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
/* boxImg */
.secFeatureSlider .boxImg {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.secFeatureSlider .iconPopularity {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 100%;
    font-size: var(--pcFS11);
    font-weight: bold;
    background-color: var(--yellowColor);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
/* boxTxt */
.secFeatureSlider .boxTxt {
    width: 100%;
    padding: 2.8rem 2rem 4rem;
}
.secFeatureSlider .boxTxt .tit {
    font-size: var(--pcFS16);
    line-height: var(--pcLH16_24);
    font-weight: bold;
    text-align: center;
}
.secFeatureSlider .boxTxt .txt {
    margin-top: 2rem;
    padding: 2.5rem 1rem;
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_24);
    border-radius: 1rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--gray_darkColor);
    background-color: var(--gray_lightColor_2);
}
@media only screen and (min-width:1216px){
    .secFeatureSlider .link:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@media only screen and (max-width:1215px){
    .secFeature .secFeatureSlider{
        margin-top: 2rem;
    }
    .secFeature.disabled .swiper {
        width: 16.8rem;
    }
    .secFeature.disabled .swiper-wrapper {
        gap: 0.7rem;
    }
    /* link */
    .secFeatureSlider .link {
        border-radius: 1.2rem;
    }
    .secFeatureSlider .iconPopularity {
        top: 0.5rem;
        left: 0.5rem;
        width: 3rem;
        height: 3rem;
        font-size: var(--spFS10);
        padding-top: 2px;
    }
    /* boxTxt */
    .secFeatureSlider .boxTxt {
        padding: 2.4rem 1rem 3rem;
    }
    .secFeatureSlider .boxTxt .tit {
        font-size: var(--spFS13);
        line-height: var(--spLH13_20);
    }
    .secFeatureSlider .boxTxt .txt {
        display: none;
    }
}

/*-----------------------------------------------
    secService
-----------------------------------------------*/
.secService{
    margin-top: 13rem;
    overflow: hidden;
}
.secService .boxCmnTit {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.secService .boxCmnTit .txt{
    color: var(--gray_darkColor);
    margin: 0;
}
.secService .boxCmnTit .tit,
.secService .boxCmnTit .txt{
    line-height: 1;
}
.secService .secServiceSlider{
    margin-top: 2.5rem;
}
.secService.disabled .swiper {
    width: 50rem;
    margin: 0;
}
/* link */
.secServiceSlider .link {
    position: relative;
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}
.secServiceSlider .boxTxt {
    position: absolute;
    bottom: 6.5rem;
    left: 4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.secServiceSlider .boxTxt .tit {
    font-size: var(--pcFS22);
    font-weight: bold;
    background-color: var(--whiteColor);
    padding: 0.8rem 1.3rem 0.4rem 1.3rem;
}
.secServiceSlider .boxTxt .txt {
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_35);
    margin-top: 1.2rem;
}
.secServiceSlider .boxTxt .in {
    background-color: var(--whiteColor);
    padding: 0.6rem 1.5rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
@media only screen and (max-width:1215px){
    .secService{
        margin-top: 8rem;
    }
    .secService .boxCmnTit {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }
    .secService .boxCmnTit .txt{
        color: var(--gray_darkColor);
    }
    .secService .boxCmnTit .txt{
        line-height: var(--spLHTxtJp);
    }
    .secService .secServiceSlider{
        margin-top: 1rem;
    }
    .secService .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 3rem 0;
    }
    .secService .swiper-slide {
        width: 48.7%;
    }
    /* link */
    .secServiceSlider .link {
        background-color: transparent!important;
    }
    .secServiceSlider .boxTxt {
        position: static;
        margin-top: 1rem;
    }
    .secServiceSlider .boxTxt .tit {
        font-size: var(--spFS12);
        line-height: var(--spLH12_24);
        background-color: transparent;
        padding: 0;
    }
    .secServiceSlider .boxTxt .txt {
        font-size: var(--spFS10);
        line-height: var(--spLH10_15);
        margin-top: 0.3rem;
    }
    .secServiceSlider .boxTxt .in {
        background-color: transparent;
        padding: 0;
    }
    .secServiceSlider .swiper-scrollbar {
        display: none;
    }
}

/*-----------------------------------------------
    details
-----------------------------------------------*/
.boxCmnBtnTop {
    position: absolute;
    top: -8rem;
    right: 0;
    margin: 0;
}

#container.details{
    overflow: visible;
}
.secCmnDetailsTop {
    position: relative;
    padding: 0;
    border-radius: none;
    border: none;
    background-color: transparent;
}
.secCmnDetailsTop .wrapper{
    display: flex;
    position: relative;
    align-items: flex-start;
}

/* secDetailsInfo */
.secDetailsInfo{
    position: sticky;
    top: 3rem;
    left: 0;
    width: 46rem;
    border: solid 0.1rem var(--gray_darkColor_2);
    padding: 5.3rem 4rem 5.3rem;
    border-radius: 0 0 2rem 2rem;
    background: var(--whiteColor);
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;
}
.secDetailsInfo::-webkit-scrollbar {
    width: 15px;
}
.secDetailsInfo::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
	border-radius: 10px;
    border: 5px solid #fff
}
.secDetailsInfo::-webkit-scrollbar {
    background: #fff
}
.secDetailsInfo::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 0.3rem;
    background: var(--formBtnColor_gradient);
    left: 0;
    top: 0;
}
.secDetailsInfo .boxIcon{
    position: absolute;
    top: 0.3rem;
    left: 0;
    display: flex;
}
.secDetailsInfo .icon{
    width: auto;
    height: 1.8rem;
    font-size: var(--pcFS11);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.5rem 0 0.5rem;
}
.secDetailsInfo .iconNew {
    background-color: var(--yellowColor);
    font-weight: 400;
    padding: 0 1rem;
}
.secDetailsInfo .iconRecommend {
    background-color: var(--orangeColor);
    color: var(--whiteColor);
}
.secDetailsInfo .tit{
    font-size: var(--pcFS30);
    line-height: var(--pcLH30_45);
    font-weight: bold;
}
.secDetailsInfo .boxList{
    margin-top: 2.4rem;
}
.secDetailsInfo .item{
    font-size: var(--pcFS10);
    color: var(--greenColor);
    border: 1px solid var(--greenColor);
    padding: 0.6rem 0.3rem;
    display: inline-block;
    margin-bottom: 0.3rem;
}
.secDetailsInfo .iconRed{
    color: var(--redColor);
    border-color: var(--redColor);
}
.secDetailsInfo table{
    margin-top: 0.8rem;
}
.secDetailsInfo tr{
    display: flex;
    align-items: flex-start;
}
.secDetailsInfo tr:nth-child(n+2){
    margin-top: 0.5rem;
}
.secDetailsInfo th,.secDetailsInfo td{
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_20);
    display: block;
}
.secDetailsInfo th{
    width: 6rem;
    padding: 0.6rem 0 0.5rem;
    background: var(--tablebgColor);
    text-align: center;
    flex-shrink: 0;
}
.secDetailsInfo td{
    padding: 0.6rem 0 0 1.5rem;
}
/* boxInfo */
.secDetailsInfo .boxInfoCard{
    display: flex;
    align-items: stretch;
    margin-top: 1.5rem;
}
.secDetailsInfo .bgInfo{
    background: var(--tablebgColor);
    border-radius: 1.2rem;
    padding: 2.5rem 1rem 2.1rem;
}
.secDetailsInfo .boxInfoCol{
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    gap: 0.5rem;
    width: 50%;
}
.secDetailsInfo .boxInfoCol + .boxInfoCol:before{
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 1px;
    height: 5rem;
    background-color: var(--gray_darkColor_2);
}
.secDetailsInfo .iconPrice{
    position: absolute;
    top: -1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    font-size: var(--pcFS10);
    color: var(--redColor);
}
.secDetailsInfo .label{
    font-size: var(--pcFS12);
    color: var(--gray_darkColor);
}
.secDetailsInfo .numRow{
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2rem 0.4rem;
    margin: 0.7rem 0 0;
    padding: 0 0.5rem;
}
.secDetailsInfo .num{
    font-size: var(--pcFS30);
    font-weight: 900;
}
.secDetailsInfo .numUnit{
    font-size: var(--pcFS20);
}
.secDetailsInfo .unit{
    font-size: var(--pcFS14);
}
.secDetailsInfo .info{
    font-size: var(--pcFS12);
    margin-top: 0.3rem;
}
.secDetailsInfo .boxPay{
    margin-top: 1.2rem;
    display: flex;
    align-items: flex-start;
}
.secDetailsInfo .iconPay{
    width: 6rem;
    text-align: center;
    font-size: var(--pcFS12);
    background: var(--tablebgColor);
    padding: 0.9rem 0;
    flex-shrink: 0;
    margin-top: 1rem;
}
.secDetailsInfo .boxPrice{
    margin-left: 1.5rem;
}
.secDetailsInfo .txtPrice{
    font-size: var(--pcFS14);
    line-height: var(--pcLH14_21);
}
.secDetailsInfo .numPrice{
    font-size: var(--pcFS28);
    font-weight: 900;
    vertical-align: -0.1rem;
    padding: 0 0.2rem;
}
.secDetailsInfo .txtSubPrice{
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_16);
    margin-top: 0.6rem;
}
.secDetailsInfo .txtThink{
    margin-top: 2.8rem;
    padding: 0.8rem 1rem 0.7rem;
    background-color: var(--orange_lightColor);
    font-size: var(--pcFS12);
    display: inline-block;
}
.secDetailsInfo .numThink{
    font-size: var(--pcFS16);
}
/* btnBox */
.secDetailsInfo .btnBox{
    margin-top: 2rem;
}
.secDetailsInfo .boxBtnFav .labelCheck{
    height: 6rem;
    border-radius: 2rem;
}
.secDetailsInfo .boxBtnFav,.secDetailsInfo .boxBtnFav .labelCheck{
    width: 100%;
}
.secDetailsInfo .favTxtoff,.secDetailsInfo .favTxt{
    padding-left: 0.5rem;
    font-size: var(--pcFS14);
    font-weight: bold;
}
.secDetailsInfo .favTxtoff,.secDetailsInfo .is-checked .favTxt{
    display: none;
}
.secDetailsInfo .is-checked .favTxtoff{
    display: block;
}
.secDetailsInfo .btnContact{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    border-radius: 2rem;
    color: var(--whiteColor);
    background-image: -moz-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    background-image: -webkit-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    background-image: -ms-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    font-size: var(--pcFS14);
    font-weight: bold;
    margin-top: 1rem;
}
.secDetailsInfo .btnTxt{
    position: relative;
    padding-left: 2.5rem;
}
.secDetailsInfo .btnTxt::after{
    position: absolute;
    content: "";
    width: 2.1rem;
    height: 1.4rem;
    top: calc(50% - 0.7rem);
    left: 0;
}
.secDetailsInfo .btnTxt.lazyloaded::after{
    background: url(../img/estate/icoEstateList.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secCmnDetailsTop .boxCmnBtnTop{
        display: none;
    }
    .secCmnDetailsTop .wrapper{
        display: block;
    }
    .secDetailsInfo{
        background: var(--whiteColor);
        top: 0;
        position: relative;
        width: 100%;
        padding: 3rem 1.5rem;
        border-radius: 0;
        border: none;
        border-bottom: 0.1rem solid var(--gray_darkColor_2);
        max-height: none;
        overflow-y: inherit;
        overflow-x: inherit;
    }
    .secDetailsInfo::after{
        height: 0.2rem;
    }
    .secDetailsInfo .boxIcon{
        top: 0.2rem;
    }
    .secDetailsInfo .icon {
        height: 1.6rem;
        font-size: var(--spFS10);
        padding: 0 0.5rem 0 0.5rem;
    }
    .secDetailsInfo .iconRecommend{
        font-size: var(--spFS9);
        padding: 0 0.3rem 0 0.3rem;
    }
    .secDetailsInfo .tit{
        font-size: var(--spFS20);
        line-height: var(--spLH20_30);
    }
    .secDetailsInfo .boxList{
        margin-top: 0.9rem;
    }
    .secDetailsInfo .item{
        font-size: var(--spFS10);
        padding: 0.4rem 0.4rem 0.3rem 0.4rem;
        margin: 0 0.1rem 0.3rem 0;
    }
    .secDetailsInfo th{
        padding: 0.5rem 0;
        font-size: var(--spFS10);
    }
    .secDetailsInfo td {
        padding: 0.3rem 0 0 1.5rem;
    }
    .secDetailsInfo tr:nth-child(n+2){
        margin-top: 0.3rem;
    }
    .secDetailsInfo .boxInfoCard{
        margin-top: 1.5rem;
        padding: 1.3rem 0.3rem;
    }
    .secDetailsInfo .boxInfoCol{
        gap: 0;
    }
    .secDetailsInfo .iconPrice{
        top: -1.8rem;
        font-size: var(--spFS10);
    }
    .secDetailsInfo .numRow{
        gap: 0.2rem;
    }
    .secDetailsInfo .num{
        font-size: var(--spFS18);
    }
    .secDetailsInfo .numUnit{
        font-size: var(--spFS13);
    }
    .secDetailsInfo .unit,
    .secDetailsInfo .info{
        font-size: var(--spFS10);
    }
    .secDetailsInfo .info{
        margin-top: 0.7rem;
    }
    .secDetailsInfo .boxPay {
        margin-top: 1.8rem;
    }
    .secDetailsInfo .iconPay {
        padding: 0.75rem 0;
        font-size: var(--spFS10);
        margin-top: 0;
    }
    .secDetailsInfo .boxPrice{
        display: flex;
        margin-left: 1.3rem;
    }
    .secDetailsInfo .txtPrice{
        font-size: var(--spFS12);
        line-height: var(--spLH12_20);
        flex-shrink: 0;
    }
    .secDetailsInfo .numPrice{
        font-size: var(--spFS16);
        vertical-align: -0.1rem;
    }
    .secDetailsInfo .txtSubPrice{
        font-size: var(--spFS10);
        line-height: var(--spLH10_15);
        margin: 0 0 0 0.8rem;
    }
    .secDetailsInfo .txtThink{
        margin-top: 1.8rem;
        padding: 0.7rem 1rem 0.6rem;
        font-size: var(--spFS11);
    }
    .secDetailsInfo .numThink{
        font-size: var(--spFS14);
    }
    .secDetailsInfo .btnBox{
        display: flex;
        justify-content: center;
        margin-top: 1.7rem;
    }
    .secDetailsInfo .boxBtnFav{
        width: 43.479%;
    }
    .secDetailsInfo .favTxtoff, .secDetailsInfo .favTxt{
        font-size: var(--spFS12);
    }
    .secDetailsInfo .boxBtnFav .labelCheck {
        height: 5rem;
        border-radius: 1rem;
    }
    .secDetailsInfo .btnContact{
        width: 55.071%;
        font-size: var(--spFS12);
        margin-top: 0;
        height: 5rem;
        border-radius: 1rem;
    }
    .secDetailsInfo .btnContact:nth-child(2){
        margin-left: 1.45%;
    }
}

/* secDetailsMain */
.secDetailsMain{
    width: calc(100% - 50rem);
    margin-left: 4rem;
}
.secDetailsMain .detailsWrapper{
    padding: 4rem 4.9rem 5rem;
    border: solid 0.1rem var(--gray_darkColor_2);
    overflow: hidden;
    background: var(--whiteColor);
    border-radius: 0 0 2rem 2rem;
}
.secDetailsMain .titComment{
    font-size: var(--pcFS26);
    line-height: var(--pcLH26_39);
    font-weight: bold;
}

/* secDetailsSlider */
.secDetailsSlider .boxSlider{
    position: relative;
    margin-top: 2.5rem;
}
.secDetailsSlider .imgSlider{
    height: 0;
    padding-top: 66.667%;
}
.secDetailsSlider .wrapperThumb{
    position: relative;
}
.secDetailsSlider .swiper-button-prev,
.secDetailsSlider .swiper-button-next{
	width: 3.2rem;
	height: 3.2rem;
	margin: 0;
	top: calc((4.5rem / 192rem) * 100vw);
	z-index: 100;
    border-radius: 1.6rem;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
.secDetailsSlider .swiper-button-prev::after,
.secDetailsSlider .swiper-button-next::after{
	display: none;
}
.secDetailsSlider .swiper-button-prev{
	left: -1.6rem;
}
.secDetailsSlider .swiper-button-prev.lazyloaded{
    background: url(../img/estate/iconArrow.png) center center / 1.8rem auto var(--whiteColor) no-repeat;
}
.secDetailsSlider .swiper-button-next{
	right: -1.6rem;
    transform: rotate(180deg);
}
.secDetailsSlider .swiper-button-next.lazyloaded{
    background: url(../img/estate/iconArrow.png) center center / 1.8rem auto var(--whiteColor) no-repeat;
}
.secDetailsSlider .boxThumb{
	margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
}
.secDetailsSlider .boxSlider.disabled + .boxThumb{
    display: none;
}
.secDetailsSlider .itemThumb{
    width: calc((100% - 4rem) / 5);
    margin-right: 1rem;
}
.secDetailsSlider .itemThumb:nth-child(5n){
    margin-right: 0;
}
.secDetailsSlider .itemThumb:nth-child(n+5){
    margin-top: 1rem;
}
.secDetailsSlider .imgThumb{
    display: block;
    height: 0;
    padding-top: 66.667%;
    position: relative;
}
.secDetailsSlider .imgThumb.on::before{
	content: "";
	width: 100%;
	height: 100%;
	border: 0.4rem solid var(--formBtnColor);
	position: absolute;
	top: 0;
	left: 0;
    z-index: 10;
}
.secDetailsSlider .itemThumb:nth-child(5n){
    margin-right: 0;
}
.secDetailsSlider .itemThumb:nth-child(-n+5){
    margin-top: 0;
}
.secDetailsSlider .swiper-pagination{
    position: absolute;
	padding: 0.7rem 1.2rem 0.4rem;
    background: var(--whiteColor);
    font-size: var(--pcFS10);
    width: auto;
    bottom: 1rem;
    right: 1rem;
    left: auto;
    border-radius: 1rem;
}
@media only screen and (max-width:1215px){
    .secDetailsMain{
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
    .secDetailsMain .detailsWrapper{
        padding: 1.5rem 1.5rem 4rem;
        border: none;
        background: var(--whiteColor);
        border-top: 0.1rem solid var(--gray_darkColor_2);
        border-bottom: 0.1rem solid var(--gray_darkColor_2);
        border-radius: 0;
    }
    .secDetailsMain .titComment{
        font-size: var(--spFS14);
        line-height: var(--spLH14_21);
    }
    
    /* secDetailsSlider */
    .secDetailsSlider{
        padding: 0 0 0 1.5rem;
        margin: 1.5rem calc(50% - 50vw) 0;
        width: 100vw;
    }
    .secDetailsSlider .boxSlider{
        position: relative;
        margin-top: 0;
        padding-right: 1.5rem;
        overflow: hidden;
    }
    .secDetailsSlider .swiper{
        overflow: visible;
    }
    .secDetailsSlider .imgSlider{
        height: 0;
        padding-top: 66.667%;
    }
    .secDetailsSlider .wrapperThumb{
        display: none;
    }
    .secDetailsSlider .swiper-pagination{
        position: static;
        padding: 1rem 1rem 0;
        font-size: var(--spFS13);
        border-radius: 0;
    }
}

/* cmnDetailsTit */
.cmnDetailsTit{
    font-size: var(--pcFS20);
    line-height: var(--pcLH20_30);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .cmnDetailsTit{
        font-size: var(--spFS14);
        line-height: var(--spLH14_21);
    }
}
/* secDetailsPoint */
.secDetailsPoint{
    margin-top: 8rem;
}
.secDetailsPoint .boxPoint{
    border: 0.1rem solid var(--pointborderColor);
    background: var(--orange_lightColor);
    padding: 3rem 5rem;
    border-radius: 1.2rem;
    margin-top: 2rem;
}
.secDetailsPoint .txt{
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_20);
}
.secDetailsPoint .date{
    font-size: var(--pcFS10);
    line-height: var(--pcLH10_15);
    margin-top: 1rem;
    color: var(--gray_darkColor);
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secDetailsPoint{
        margin-top: 3.5rem;
    }
    .secDetailsPoint .boxPoint{
        padding: 2rem;
        border-radius: 0.5rem;
        margin-top: 1.5rem;
    }
    .secDetailsPoint .txt{
        font-size: var(--spFS12);
        line-height: var(--spLH12_20);
    }
    .secDetailsPoint .date{
        font-size: var(--spFS12);
        line-height: var(--spLH12_20);
        margin-top: 0.5rem;
    }
}

/* secDetailsEnvironment */
.secDetailsEnvironment{
    margin-top: 8rem;
}
.secDetailsEnvironment .subTxt{
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_20);
    margin-top: 2rem;
    background: var(--gray_lightColor_2);
    border-radius: 1.2rem;
    padding: 2rem 5rem;
}
.secDetailsEnvironment .list{
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
}
.secDetailsEnvironment .item{
    width: calc((100% - 6rem) / 4);
    margin-right: 2rem;
}
.secDetailsEnvironment .item:nth-child(4n){
    margin-right: 0;
}
.secDetailsEnvironment .item:nth-child(n+5){
    margin-top: 2.5rem;
}
.secDetailsEnvironment .img{
    padding-top: 66.667%;
}
.secDetailsEnvironment .txt{
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_20);
    margin-top: 1.5rem;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .secDetailsEnvironment{
        margin-top: 3.5rem;
    }
    .secDetailsEnvironment .subTxt{
        font-size: var(--spFS12);
        line-height: var(--spLH12_20);
        margin-top: 1.6rem;
        border-radius: 0.5rem;
        padding: 2rem;
    }
    .secDetailsEnvironment .list{
        margin-top: 1rem;
    }
    .secDetailsEnvironment .item{
        width: calc((100% - 0.5rem) / 2);
        margin-right: 0.5rem;
    }
    .secDetailsEnvironment .item:nth-child(2n){
        margin-right: 0;
    }
    .secDetailsEnvironment .item:nth-child(n+3){
        margin-top: 1.5rem;
    }
    .secDetailsEnvironment .txt{
        font-size: var(--spFS11);
        line-height: var(--spLH11_21);
        margin-top: 1rem;
        text-align: center;
    }
}

/* secDetailsSection */
.secDetailsSection{
    margin-top: 8rem;
}
.secDetailsSection .imgBox{
    padding: 3rem;
    position: relative;
    margin-top: 2rem;
}
.secDetailsSection .imgBox::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 0.1rem solid var(--contact_border_color);
}
.secDetailsSection .img{
    padding-top: 66.667%;
}
@media only screen and (max-width:1215px){
    .secDetailsSection{
        margin-top: 3.5rem;
    }
    .secDetailsSection .imgBox{
        padding: 1.6rem;
        margin-top: 1.5rem;
    }
}

/* secDetailsOverview */
.secDetailsOverview{
    margin-top: 8rem;
}
.secDetailsOverview .table{
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
	width:100%;
    border: 0.1rem solid var(--contact_border_color);
    border-right: none;
    border-bottom: none;
}
.secDetailsOverview .item{
    width: 50%;
    display: flex;
    border-bottom: 0.1rem solid var(--contact_border_color);
}
.secDetailsOverview .item100{
    width: 100%;
}
.secDetailsOverview dd{
    border-right: 0.1rem solid var(--contact_border_color);
}
.secDetailsOverview dt,
.secDetailsOverview dd{
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_20);
    padding: 2rem;
    vertical-align: middle;
    text-align: left;
}
.secDetailsOverview dt{
    background-color: var(--gray_lightColor_2);
    border-right: 0.1rem solid var(--contact_border_color);
    width: 13rem;
    text-align: center;
    padding: 2rem 1rem;
}
.secDetailsOverview dd{
    width: calc(100% - 13rem);
    background-color: var(--whiteColor);
}
@media only screen and (max-width:1215px){
    .secDetailsOverview{
        margin-top: 3.5rem;
    }
    .secDetailsOverview .table{
        flex-direction: column;
        margin-top: 1.5rem;
    }
    .secDetailsOverview .item{
        width: 100%;
        flex-wrap: wrap;
    }
    .secDetailsOverview dt,
    .secDetailsOverview dd{
        font-size: var(--spFS12);
        line-height: var(--spLH12_20);
        padding: 1rem 1.5rem;
    }
    .secDetailsOverview dt{
        width: 8rem;
        border: none;
        padding: 1rem 0.5rem;
        border-right: solid 0.1rem var(--contact_border_color);
    }
    .secDetailsOverview dd{
        width: calc(100% - 8rem);
    }
    .secDetailsOverview .item100 dt{
        width: 8rem;
    }
    .secDetailsOverview .item100 dd{
        width: calc(100% - 8rem);
    }
}

/* secDetailsMap */
.secDetailsMap{
    margin-top: 8rem;
}
.secDetailsMap .mapWrap{
    width: 100%;
    height: 50rem;
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secDetailsMap{
        margin-top: 3.5rem;
    }
    .secDetailsMap .mapWrap{
        margin-top: 1.5rem;
        height: 40rem;
    }
}

/* secDetailsContact */
.secDetailsContact{
    margin-top: 8rem;
}
.secDetailsContact .boxContact{
    margin-top: 2rem;
    display: flex;
    align-items: center;
    padding: 5rem 4.5rem;
    background: var(--gray_lightColor_2);
    border-radius: 1.2rem;
}
.secDetailsContact .boxContact:not(:has(.boxLeft)){
    padding: 3rem 4.5rem;
}
.secDetailsContact .boxLeft{
    display: flex;
    align-items: center;
    width: 37rem;
}
.secDetailsContact .titTel{
    font-size: var(--pcFS12);
    margin-right: 1rem;
}
.secDetailsContact .telLink{
    font-size: var(--pcFS36);
}
.secDetailsContact .boxRight{
    width: 47rem;
    margin-left: 3.2rem;
    position: relative;
}
.secDetailsContact .boxRight:only-child{
    margin: 0 auto;
}
.secDetailsContact .txtThink{
    padding: 0.8rem 1rem 0.7rem;
    background-color: var(--orange_lightColor);
    font-size: var(--pcFS12);
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4rem;
}
.secDetailsContact .numThink{
    font-size: var(--pcFS16);
}
.secDetailsContact .boxUnder{
    display: flex;
    align-items: center;
}
.secDetailsContact .boxBtnFav .labelCheck{
    width: 7rem;
    height: 7rem;
}
.secDetailsContact .boxBtnFav .heart-icon{
    width: 2.8rem;
    height: 2.4rem;
}
.secDetailsContact .btnContact{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 7.2rem);
    margin-left: 2rem;
    height: 7rem;
    border-radius: 2rem;
    color: var(--whiteColor);
    background-image: -moz-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    background-image: -webkit-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    background-image: -ms-linear-gradient( 115deg, rgb(1,233,176) 1%, rgb(17,209,88) 100%);
    font-size: var(--pcFS14);
    font-weight: bold;
}
.secDetailsContact .btnTxt{
    position: relative;
    padding-left: 2.5rem;
}
.secDetailsContact .btnTxt::after{
    position: absolute;
    content: "";
    width: 2.1rem;
    height: 1.4rem;
    top: calc(50% - 0.7rem);
    left: 0;
}
.secDetailsContact .btnTxt.lazyloaded::after{
    background: url(../img/estate/icoEstateList.png) center top / cover;
}

@media only screen and (max-width:1740px){
    .secDetailsContact .boxRight {
        width: 37rem;
        margin-left: 2rem;
    }
}
@media only screen and (max-width:1650px){
    .secDetailsContact .titTel{
        font-size: var(--pcFS11);
    }
    .secDetailsContact .telLink{
        font-size: var(--pcFS30);
    }
    .secDetailsContact .boxContact{
        padding: 5rem 3rem;
    }
    .secDetailsContact .btnContact{
        margin-left: 1rem;
    }
}
@media only screen and (max-width:1510px){
    .secDetailsContact .telLink{
        font-size: var(--pcFS26);
    }
    .secDetailsContact .boxContact{
        padding: 5rem 2rem;
    }
}
@media only screen and (max-width:1215px){
    .secDetailsContact{
        margin-top: 4rem;
    }
    .secDetailsContact .boxContact{
        flex-direction: column-reverse;
        padding: 3rem 2rem;
        margin-top: 1.5rem;
    }
    .secDetailsContact .boxContact:not(:has(.boxLeft)){
        padding: 2.5rem 2rem;
    }
    .secDetailsContact .boxUnder{
        margin-top: 0;
    }
    .secDetailsContact .boxRight{
        width: 100%;
        margin-left: 0;
        position: relative;
    }
    .secDetailsContact .boxBtnFav .labelCheck{
        width: 5rem;
        height: 5rem;
    }
    .secDetailsContact .btnContact{
        height: 5rem;
        width: calc(100% - 6rem);
        margin-left: 1rem;
        border-radius: 1rem;
        font-size: var(--spFS12);
    }
    .secDetailsContact .btnTxt::after{
        width: 1.8rem;
        height: 1.2rem;
        top: calc(50% - 0.6rem);
    }
    
    .secDetailsContact .numThink{
        font-size: var(--spFS14);
    }
    .secDetailsContact .txtThink{
        font-size: var(--spFS11);
        padding: 0.6rem 1rem 0.5rem;
        position: absolute;
        left: 0;
        top: -3.5rem;
    }
    .secDetailsContact .boxLeft{
        display: block;
        width: auto;
        margin: 1rem auto 0;
    }
    .secDetailsContact .titTel{
        font-size: var(--spFS12);
        margin-right: 0;
        text-align: center;
    }
    .secDetailsContact .telLink{
        font-size: var(--spFS28);
        margin-top: 1rem;
        display: inline-block;
    }
}

.secDetailsMain .boxCmnBtn{
    margin-top: 6rem;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .secDetailsMain .boxCmnBtn{
        margin-top: 3rem;
        text-align: center;
    }
}

/* 追記 */
.secCmnPageTit.btnTitle{
    display: flex;
}
.secCmnPageTit .btnTitleLink{
    width: 16rem;
    height: 5rem;
    background: var(--whiteColor);
    border: solid 0.1rem var( --contact_border_color);
    color: var(--textColor);
    font-size: var(--pcFS14);
    font-weight: bold;
    display: flex;
    align-items: center;
    text-decoration: none;
    border-radius: 2.5rem;
    margin: 1.6rem 0 0 1.5rem;
    padding-left: 5rem;
}
.secCmnPageTit .btnTitleLink.list{
    background: url(../img/estate/iconList.png) left 1rem center / 3rem auto no-repeat var(--whiteColor);
}
.secCmnPageTit .btnTitleLink.map{
    background: url(../img/estate/iconMapSearch.png) left 1rem center / 3rem auto no-repeat var(--whiteColor);
}
@media only screen and (max-width:1215px){
    .secCmnPageTit.btnTitle{
        justify-content: space-between;
    }
    .secCmnPageTit .btnTitleLink{
        width: 12rem;
        height: 4rem;
        font-size: var(--spFS11);
        border-radius: 2rem;
        margin: 0.5rem 0 0;
        padding-left: 3.5rem;
    }
    .secCmnPageTit .btnTitleLink.list{
        background: url(../img/estate/iconList.png) left 0.6rem center / 2.4rem auto no-repeat var(--whiteColor);
    }
    .secCmnPageTit .btnTitleLink.map{
        background: url(../img/estate/iconMapSearch.png) left 0.6rem center / 2.4rem auto no-repeat var(--whiteColor);
    }
}