@charset "utf-8";

/*==============================
    変数設定
==============================*/
:root {
    --secYPaddingPc: 100px;
    --secBottomPaddingSp: 30px;
}

/*-----------------------------------------------
    index共通パーツ
-----------------------------------------------*/
/* indexBtn */
.indexBtn{
    margin: 50px auto 0;
}
.indexBtn.lazyloaded::before{
    content: "";
    width: 10px;
    height: 10px;
    background: url(../img/index/imgIndexBtn.gif) center top / cover no-repeat;
    margin-right: 10px;
}
@media only screen and (max-width:767px){
    .indexBtn{
        margin-top: 20px;
    }
    .indexBtn.lazyloaded::before{
        margin-right: 5px;
    }
}

/* indexTit */
.indexTit{
    margin-bottom: 17px;
    text-align: left;
}
.indexTit .indexTitIco{
    display: inline-block;
    vertical-align: middle;
}
.indexTit .indexTitIco svg{
    display: inline-block;
    width: 14px;
    height: 14px;
}
.indexTit .indexTitIco svg use{
    fill: var(--mainColor);
}
.indexTit .indexTitTit{
    display: inline-block;
    font-size: var(--spTitFontSize);
    font-weight: bold;
    color: var(--mainColor);
    vertical-align: middle;
    padding-bottom: 2px;
}
@media only screen and (max-width:767px){
    .indexTit{
        margin-bottom: 13px;
    }
}

/*-----------------------------------------------
    index
-----------------------------------------------*/
/* indexHeader */
@media only screen and (max-width:767px){
    #indexHeader{
        display: flex;
        display: -webkit-flex;
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        position: relative;
        background: #fff;
    }
    .wrapperIndexHeader{
        position: relative;
    }
}
@media only screen and (max-width:359px){
    #description{
        font-size: 11px;
    }
}

/* secHeaderEstate */
@media only screen and (max-width:767px){
    .secHeaderEstate{
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        width: 86.66%;
        position: absolute;
        bottom: -45px;
        left: 6.67%;
        background: #fff;
        border-radius: 5px 5px 0 0;
        padding-top: 15px;
        box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
        z-index: 10;
    }
    .secHeaderEstate .item:first-child::before,
    .secHeaderEstate .item:last-child::after{
        display: none;
    }
}
@media only screen and (max-width:359px){
    .secHeaderEstate .item{
        min-width: auto;
    }
    .secHeaderEstate .num{
        font-size: 18px;
    }
}

/* secIndex */
@media only screen and (max-width:767px){
    .secIndex:nth-child(n+3){
        background: var(--bgColor01);
    }
}
@media only screen and (min-width:768px){
    .secIndex:nth-child(2n+1){
        background: var(--bgColor01);
    }
}

/* secHero */
.secHero{
    overflow: hidden;
    margin-top: -20px;
}
@media only screen and (max-width:767px){
    .secHero{
        margin-top: 0;
    }
}

/* secHeroPc */
.secHeroPc{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.secHeroPc .boxSlider{
    width: 100%;
}
.secHeroPc .wrapperPc{
    width: 32.291%;
}
@media only screen and (max-width:767px){
    .secHeroPc{
        display: none;
    }
}

/* secHeroSp */
.secHeroSp{
    display: none;
}
@media only screen and (max-width:767px){
    .secHeroSp{
        display: block;
    }
    .secHeroSp .img{
        display: block;
        height: 0;
        padding-top:calc((680 / 750) * 100vw);
        position: relative;
    }
     .secHeroSp .img img{
        width:100%;
        height:auto;
        position:absolute;
        top:50%;
        left:50%;
        max-width:none;
        max-height:none;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index:1;
     }
}

/* secSearch01 */
.secSearch01{
    text-align: center;
    background: var(--brandColor) !important;
}
.secSearch01 .wrapperSearch01{
    padding: 28px 0;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.secSearch01.lazyloaded .wrapperSearch01::before{
    content: "";
    width: 130px;
    height: 122px;
    background: url(../img/index/imgSearchWoman01.png) center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -117px;
    bottom: 0;
}
.secSearch01 .boxSearch{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 10;
}
.secSearch01 .boxSearch select{
    height: 43px;
    border-radius: 3px;
    border: 1px solid #fff;
    -webkit-appearance: none;
    appearance: none;
    background: url(../img/common/imgSelectArrow.png) calc(100% - 10px) center / 10px auto no-repeat;
    background-color: var(--formRequiredColor2);
    color: var(--mainColor);
    font-size: 12px;
    padding: 0 30px 0 15px;
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 10%);
}
.secSearch01 .boxSearch select::-ms-expand{
    display: none;
}
.secSearch01 .boxSearch .w120{ width: 120px;}
.secSearch01 .boxSearch .w130{ width: 130px;}
.secSearch01 .boxSearch .w144{ width: 144px;}
.secSearch01 .boxSearch .w155{ width: 155px;}
.secSearch01 .boxSearch .w180{ width: 180px;}
.secSearch01 .boxSearch .w182{width: 182px;}
.secSearch01 .boxSearch .w220{ width: 220px;}
.secSearch01 .boxSearch .boxArea,
.secSearch01 .boxSearch .boxPrice{
    margin-left: 30px;
    position: relative;
}
.secSearch01 .boxSearch .boxArea::after,
.secSearch01 .boxSearch .boxPrice::after{
    position: absolute;
    content: "";
    background: url(../img/common/imgCrossW.png) center / contain no-repeat;
    width: 12px;
    height: 12px;
    top: 0;
    bottom: 0;
    left: -21px;
    margin: auto;
}
.secSearch01 .boxSearch .boxArea select:nth-child(n+2){
    margin-left: 5px;
}
.secSearch01 .boxSearch .boxPrice .selectWrap{
    margin-left: 20px;
    position: relative;
    display: inline-block;
}
.secSearch01 .boxSearch .boxPrice .selectWrap::after{
    position: absolute;
    content: "～";
    font-size: 12px;
    color: #fff;
    width: 12px;
    height: 12px;
    top: 0;
    bottom: 0;
    left: -18px;
    margin: auto;
}
.secSearch01 .boxBtn{
    display: inline-block;
}
.secSearch01 .btnSearch{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    color: var(--subColor);
    border-radius: 5px;
    width: 230px;
    height: 54px;
    background: var(--subTxtColor);
    border: 1px solid #fff;
}
.secSearch01 .btnSearch.noClick{
    pointer-events: none;
    opacity: 0.2;
}
.secSearch01 .btnSearch::before{
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 5px;
    position: absolute;
    top: -1px;
    left: -1px;
}
.secSearch01 .btnSearch .ico{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
}
.secSearch01 .btnSearch .ico,
.secSearch01 .btnSearch .ico svg{
    width: 14px;
    height: 14px;
}
.secSearch01 .btnSearch .ico svg use{
    fill: var(--subColor);
}
.secSearch01 .btnSearch .btnTxt{
    font-size: 12px;
    padding-left: 18px;
}
@media only screen and (max-width:1390px){
    .secSearch01 .wrapperSearch01{
        width: 1140px;
        margin: 0 calc(50% - 600px) 0 auto;
    }
    .secSearch01 .btnSearch .ico, .btnSearch .ico svg{
        left: 15px;
    }
    .secSearch01 .boxSearch select {
        font-size: 11px;
    }
    .secSearch01 .boxSearch .w120{ width: 117px;}
    .secSearch01 .boxSearch .w144{ width: 138px;}
    .secSearch01 .boxSearch .w155{ width: 148px;}
    .secSearch01 .boxSearch .w180{ width: 160px;}
    .secSearch01 .boxSearch .w182{ width: 174px;}
    .secSearch01 .boxSearch .w220{ width: 200px;}
    .secSearch01 .btnSearch{
        width: 160px;
    }
}
@media only screen and (max-width:767px){
    .secSearch01{
        padding: 30px 0 var(--contentsPaddingBottomSp);
        background: none !important;
    }
    .secSearch01 .wrapperSearch01{
        background: none;
        width: 100%;
        margin: 0;
        height: auto;
        padding: 0;
        display: block;
    }
    .secSearch01.lazyloaded .wrapperSearch01::before{
        background-image: url(../img/index/imgWoman2_sp.png);
        width: 84px;
        height: 79px;
        left: auto;
        bottom: auto;
        right: 1px;
        top: -80px;
    }
    .secSearch01 .boxSearch{
        display: block;
        text-align: left;
    }
    .secSearch01 .boxSearch select{
        height: 40px;
        margin-top: 7px;
        font-size: 16px;
        padding-right: 30px;
    }
    .secSearch01 .boxSearch > select:first-child{
        margin-top: 0;
    }
    .secSearch01 .boxSearch .w120,
    .secSearch01 .boxSearch .w144,
    .secSearch01 .boxSearch .w155,
    .secSearch01 .boxSearch .w180,
    .secSearch01 .boxSearch .w182,
    .secSearch01 .boxSearch .w220{ width: 100%;}
    .secSearch01 .boxSearch .w150sp{width: calc((100% - 20px) / 2););)););)););}
    .secSearch01 .boxSearch .boxArea,
    .secSearch01 .boxSearch .boxPrice{
        margin-left: 0;
    }
    .secSearch01 .boxSearch .boxArea::after,
    .secSearch01 .boxSearch .boxPrice::after{
        display: none;
    }
    .secSearch01 .boxSearch .boxArea select:nth-child(n+2){
        margin-left: 0;
    }
    .secSearch01 .boxSearch .boxPrice .selectWrap{
        margin-left: 20px;
        position: relative;
        display: inline-block;
        width: calc((100% - 28px) / 2);
        
        
        
        
        
        
        
        
        
        
        
        
        );
    }
    .secSearch01 .boxBtn{
        margin-top: 20px;
    }
    .secSearch01 .btnSearch{
        background: var(--subColor);
        border-radius: 3px;
        box-shadow: 0 2px var(--subColorShadow);
        width: 305px;
        height: 45px;
        border: none;
    }
    .secSearch01 .btnSearch::before{
        display: none;
    }
    .secSearch01 .btnSearch .ico{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        margin: auto;
    }
    .secSearch01 .btnSearch .ico,
    .secSearch01 .btnSearch .ico svg{
        width: 14px;
        height: 14px;
    }
    .secSearch01 .btnSearch .ico svg use{
        fill: var(--subTxtColor);
    }
    .secSearch01 .btnSearch .btnTxt{
        font-size: 12px;
        color: var(--subTxtColor);
    }
    .secSearch01 .boxSearch .boxPrice .selectWrap::after{
        color: var(--mainColor);
    }
}
@media only screen and (max-width:359px){
    .secSearch01 .boxSearch .w150sp{
        width: 139px;
    }
    .secSearch01 .boxSearch select{
        padding-left: 10px;
    }
}

/* buySearchBody */
.buySearchBody{
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-out;
    padding-bottom: 3px;
}
.buySearchBody .boxList01{
    transition: all 0.3s ease-out;
}
.buySearchBody .boxList01.hide{
    transform: translateX(-110%);
}
.buySearchBody .wrapCity{
    width: 100%;
    position: absolute;
    top: 0;
    left: 110%;
}
.buySearchBody .wrapCity .inner{
    width: 100%;
    position: relative;
}
.buySearchBody .wrapCity .boxCity{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out;
}
.buySearchBody .wrapCity .boxCity.active{
    left: -110%;
}
.buySearchBody .wrapCity .boxCity .boxTit{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.buySearchBody .wrapCity .boxCity .boxTit .aBtnLink{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 45px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1),inset 0px -2px 0px 0px rgba(4, 0, 0, 0.2);
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    text-decoration: none;
    color: inherit;
    padding-bottom: 2px;
    background: #fff;
}
.buySearchBody .wrapCity .boxCity .boxTit .aBtnLink .txt{
    position: relative;
    padding-left: 15px;
}
.buySearchBody .wrapCity .boxCity .boxTit .aBtnLink .txt::before{
    content: "";
    width: 10px;
    height: 13px;
    background: url(../img/common/iconArrow20_26.png) center / contain no-repeat;   
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto;
}
.buySearchBody .wrapCity .boxCity .boxTit .tit{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-left: 14px;
}
.buySearchBody .wrapCity .boxBtn{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 16px;
}
.buySearchBody .wrapCity .boxBtn .item{
    margin-left: 1.224%;
    width: 11.429%;
}
.buySearchBody .wrapCity .boxBtn .item:nth-child(8n+1){
    margin-left: 0;
}
.buySearchBody .wrapCity .boxBtn .item:nth-child(n+9){
    margin-top: 15px;
}
.buySearchBody .wrapCity .boxBtn .itemLink{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    border: 1px solid var(--bdrColor01);
    color: var(--subColor);
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 2px rgb(0,0,0,0.1);
    border-radius: 3px;
    padding: 0 1em;
    text-align: center;
    line-height: 1.35;
}
@media only screen and (max-width:767px){
    .buySearchBody{
        overflow: visible;
        margin-top: 20px;
    }
    .buySearchBody .wrapCity .boxCity .boxTit{
        justify-content: center;
        height: 35px;
    }
    .buySearchBody .wrapCity .boxCity .boxTit .aBtnLink{
        width: 65px;
        height: 35px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .buySearchBody .wrapCity .boxCity .boxTit .aBtnLink .txt{
        padding-left: 12px;
    }
    .buySearchBody .wrapCity .boxCity .boxTit .tit{
        font-size: 14px;
        letter-spacing: 0;
        margin-left: 0;
    }
    .buySearchBody .wrapCity .boxBtn .item{
        margin-left: 1.408%;
        width: 23.944%;
    }
    .buySearchBody .wrapCity .boxBtn .item:nth-child(8n+1),
    .buySearchBody .wrapCity .boxBtn .item:nth-child(4n+1){
        margin-left: 0;
    }
    .buySearchBody .wrapCity .boxBtn .item:nth-child(n+9),
    .buySearchBody .wrapCity .boxBtn .item:nth-child(n+5){
        margin-top: 6px;
    }
    .buySearchBody .wrapCity .boxBtn .itemLink{
        height: 55px;
        font-size: 11px;
        padding: 0 0.5em;
    }
}

/* secSearch02 */
.secSearch02{
    padding: var(--secYPaddingPc) 0;
}
.secSearch02 .wrapperSearch02{
    display: block;
    position: relative;
    margin-top: 50px;
    padding-left: 740px;
}
@media only screen and (max-width:767px){
    .secSearch02{
        display: block;
        background: none;
        padding: 0 var(--spXPadding) var(--secBottomPaddingSp);
        overflow: hidden;
    }
    .secSearch02 .wrapper{
        display: flex;
        flex-direction: column;
    }
    .secSearch02 .wrapperSearch02{
        display: block;
        padding-left: 0;
        margin-top: 30px;
        order: 2;
    }
}

/* secBuyEstate */
.secBuyEstate{
    width: 450px;
}
.secBuyEstate .tit{
    height: 62px;
    background: var(--mainColor);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secBuyEstate .itemEstate{
    position: relative;
    padding: 17px 30px;
    text-align: center;
    background: #f6f6f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--mainColor);
}
.secBuyEstate .itemEstate:nth-child(n+2){
    margin-top: 1px;
}
.secBuyEstate .numEstate{
    font-size: 28px;
    font-weight: bold;
}
.secBuyEstate .titEstate,
.secBuyEstate .txtEstate{
    font-size: 15px;
}
.secBuyEstate .bnrMember{
    display: block;
    margin-top: 15px;
}
.secBuyEstate .btnLogin{
    height: 70px;
    border-radius: 35px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--estateUdMemberBtnColor);
    box-shadow: 0 -2px rgb(4,0,0, 0.15) inset;
    color: var(--brandTxtColor2);
    position: relative;
    margin-top: 15px;
    font-weight: bold;
}
.secBuyEstate .btnLogin.lazyloaded::after{
    content: "";
    width: 88px;
    height: 118px;
    background: url(../img/common/imgWoman2.png) center top / cover no-repeat;
    position: absolute;
    bottom: 0;
    right: 37px;
}
@media only screen and (max-width:767px){
    .secBuyEstate{
        width: 100%;
    }
    .secBuyEstate .tit,
    .secBuyEstate .boxEstate{
        display: none;
    }
    .secBuyEstate .bnrMember{
        margin-top: 0;
    }
    .secBuyEstate .btnLogin{
        width: 81.334vw;
        height: 45px;
        font-size: 12px;
        margin: 30px auto 0;
    }
    .secBuyEstate .btnLogin.lazyloaded::after{
        content: "";
        width: 52px;
        height: 70px;
        background: url(../img/common/imgWoman2.png) center top / cover no-repeat;
        right: 21px;
    }
}

/* secBuySearch */
.secBuySearch{
    margin-top: 30px;
}
.secBuySearch .wrapperBuySearch{
    display: block;
}
.secBuySearch .itemBuySearch{
    margin-top: 40px;
}
.secBuySearch .itemBuySearch:first-child{
    margin-top: 0;
}
.secBuySearch .itemBuySearch:last-child{
    width: 100%;
}
.secBuySearch .boxList01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.secBuySearch .boxList01 .item{
    margin-left: 20px;
}
.secBuySearch .boxList01 .item:first-child{
    margin-left: 0;
}
.secBuySearch .boxList01 .itemLink{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 585px;
    height: 90px;
    border: 1px solid var(--bdrColor01);
    color: var(--subColor);
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 2px rgba(0,0,0,0.1);
    border-radius: 3px;
}
.secBuySearch .boxList02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.secBuySearch .boxList02 .item{
    width: calc((100% - 11px) / 2);
    height: 69px;
    border: 1px solid var(--bdrColor01);
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px rgba(0,0,0,0.1);
    margin-right: 10px;
    overflow: hidden;
}
.secBuySearch .boxList02 .item:nth-child(2n){
    margin-right: 0;
}
.secBuySearch .boxList02 .item:nth-child(n + 3){
    margin-top: 12px;
}
.secBuySearch .boxList02 .itemLink{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
.secBuySearch .boxList02 .txt{
    font-size: 13px;
    font-weight: bold;
    line-height: 1.57;
    color: var(--mainColor);
    padding-left: 20px;
    flex: 1;
}
.secBuySearch .boxList02 + .indexTit{
    margin-top: 35px;
}
.secBuySearch .boxList03{
    display: flex;
    justify-content: space-between;
}
.secBuySearch .boxList03 .item{
    width: calc((100% - 11px) / 2);
    margin-right: 11px;
}
.secBuySearch .boxList03 .item:last-child{
    margin-right: 0;
}
.secBuySearch .boxList03 .itemLink{
    display: block;
    position: relative;
    text-align: center;
    width:100%;
    height:70px;
    border: 1px solid var(--bdrColor01);
    background: #fff;
    box-shadow: 0 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 27px 0;
}
.secBuySearch .boxList03 .txt{
    font-size: 13px;
    color: var(--mainColor);
    font-weight: bold;
    margin-top: 0;
    display: inline-block;
    padding-left: 45px;
}
.secBuySearch .boxList03 .item:nth-child(2) .txt{
    padding-left: 35px;
}
.secBuySearch .boxList03 .img,
.secBuySearch .boxList03 .img svg{
    width: 28px;
    height: 28px;
}
.secBuySearch .boxList03 .img use {
    fill: var(--mainColor);
}
.secBuySearch .boxList03 .img{
    position: absolute;
    top: calc(50% - 14px);
}
.secBuySearch .boxList03 .item:nth-child(1) .img{
    left: calc(50% - 52px);
}
.secBuySearch .boxList03 .item:nth-child(2) .img{
    left: calc(50% - 58px);
}
.secBuySearch .btnDiscount{
    display: block;
    width: 450px;
    padding: 27px 0 27px 27px;
    border-radius: 3px;
    background: var(--btnColor02);
    color: var(--mainColor);
    border: 1px solid var(--bdrColor01);
    border-bottom: 1px solid var(--bdrColor02);
    box-shadow: 0 2px var(--bdrColor01);
    text-align: center;
    margin: 30px auto 0;
}
.secBuySearch .innerBtnDiscount{
    display: inline-block;
    text-align: center;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}
.secBuySearch .btnDiscount .ico{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22px;
    margin: auto;
    width: 18px;
    height: 20px;
}
@media only screen and (max-width:767px){
    .secBuySearch{
        width: 100%;
        margin-top: 10px;
        order: 1;
    }
    .secBuySearch .wrapperBuySearch{
        display: block;
    }
    .secBuySearch .itemBuySearch,
    .secBuySearch .itemBuySearch:last-child{
        width: 100%;
    }
    .secBuySearch .itemBuySearch:nth-child(n+2){
        margin-top: 30px;
    }
    .secBuySearch .boxList01{
        justify-content: space-between;
    }
    .secBuySearch .boxList01 .item{
        margin-left: 2%;
        width: 49%;
    }
    .secBuySearch .boxList01 .item:nth-child(n+3){
        margin-top: 10px;
    }
    .secBuySearch .boxList01 .itemLink{
        width: 100%;
        height: 60px;
    }
    .secBuySearch .boxList02{
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .secBuySearch .boxList02 .item{
        width: calc((100% - 10px) / 2);
        height: 59px;
        margin-right: 10px;
    }
    .secBuySearch .boxList02 .item:nth-child(2n){
        margin-left: 0;
    }
    .secBuySearch .boxList02 .item:nth-child(n+3){
        margin-top: 10px;
    }
    .secBuySearch .boxList02 .img{
        width: 55px;
    }
    .secBuySearch .boxList02 .txt{
        font-size: 12px;
        padding-left: 10px;
    }
    .secBuySearch .boxList02 + .indexTit{
        margin-top: 30px;
    }
    .secBuySearch .boxList03 .item{
        width: 49%;
    }
    .secBuySearch .boxList03 .itemLink{
        width: 100%;
        height: 60px;
        padding: 18px 0;
    }
    .secBuySearch .boxList03 .txt{
        font-size: 12px;
        padding-left: 40px;
        line-height: 2;
    }
    .secBuySearch .btnDiscount{
        width: 100%;
        padding: 17px 0 18px 25px;
        margin-top: 30px;
    }
    .secBuySearch .innerBtnDiscount{
        font-size: 12px;
    }
    .secBuySearch .boxList03 .img{
        top: calc(50% - 14px);
    }
    .secBuySearch .boxList03 .item:nth-child(1) .img{
        left: calc(50% - 49px);
    }
    .secBuySearch .boxList03 .item:nth-child(2) .img{
        left: calc(50% - 54px);
    }
}
@media only screen and (max-width:359px){
    .secBuySearch .boxList02 .txt{
        padding-left: 4px;
        letter-spacing: 0;
    }
}

/* .secBuySearch .wrapRow */
.secBuySearch .wrapRow{
    display: block;
}
.secBuySearch .wrapRow .itemBuySearch{
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .secBuySearch .wrapRow{
        margin-top: 0;
        display: block;
    }
    .secBuySearch .wrapRow .itemBuySearch{
        margin-top: 0;
    }
    .secBuySearch .wrapRow .itemBuySearch:nth-child(2){
        margin-top: 28px;
    }
}

/* secBtnMemberlink */
.secBtnMemberlink{
    display: block;
    margin-top: 25px;
}
.secBtnMemberlink,
.secBtnMemberlink .btnMember{
    width: 100%;
    height: 70px;
    border-radius: 35px;
}
.secBtnMemberlink .btnMember{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: var(--estateUdMemberBtnColor);
    box-shadow: 0 -2px rgba(4,0,0,0.15) inset;
    font-size: 12px;
    color: var(--brandTxtColor);
    position: relative;
}
.secBtnMemberlink .btnMember::after{
    content: "";
    background: url(../img/estate/imgWoman02.png) center / contain no-repeat;
    width: 42px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 21px;
}
@media only screen and (max-width:1300px){
    .secBtnMemberlink .btnMember{
        font-size: 11px;
    }
}
@media only screen and (max-width:767px){
    .secBtnMemberlink,
    .secBtnMemberlink .btnMember{
        width: 305px;
        height: 45px;
        border-radius: 22.5px;
        margin: 20px auto 0;
    }
    .secBtnMemberlink .btnMember .txt{
        padding-right: 46px;
    }
}

/* secBuyMap */
.secBuyMap{
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
}
.secBuyMap .iconBox{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 10px;
    left: 240px;
    width: 140px;
    height: 140px;
}
.secBuyMap .iconBox::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 22px 7.5px;
    border-color: transparent transparent #fff100 transparent;
    top: 5px;
    right: 5px;
    transform: rotate(45deg);
}
.secBuyMap .iconBox a{
    position: relative;
    display: inline-block;
    clip-path: circle(50% at 50% 50%);
}
.secBuyMap .boxTab{
    display: flex;
    display: -webkit-flex;
    border-bottom: 3px solid var(--mainColor);
}
.secBuyMap .itemTab{
    width: calc(100% / 5);
}
.secBuyMap .linkTab{
    width: 100%;
    height: 60px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid var(--mainColor);
    color: var(--mainColor);
    font-size: 14px;
}
.secBuyMap .itemTab:nth-child(n+2) .linkTab{
    border-left: none;
}
.secBuyMap .itemTab.on .linkTab{
    background: var(--mainColor);
    color: var(--mainTxtColor);
}
.secBuyMap .boxContents{
    position: relative;
    border: 1px solid var(--mainColor);
}
.secBuyMap .itemContents{
    width: 100%;
    height: 589px;
    overflow: hidden;
}
.secBuyMap .itemContents:nth-child(n+2),
.secBuyMap .iconLink:nth-child(n+2){
    display: none;
}
.secBuyMap .itemContents .mapWrap{
    position: relative;
}
.secBuyMap .itemContents .mapWrap .subMap{
    width: 413px;
    height: 402px;
    display: flex;
    background: #f5f5f5;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0.3);
    position: absolute;
    z-index: -100;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}
.secBuyMap .itemContents .mapWrap .subMap.active{
    display: flex;
    z-index: 1;
    opacity: 1;
}
.secBuyMap .itemContents .mapWrap .subMap01{
    top: 20px;
    left: 265px;
}
.secBuyMap .itemContents .mapWrap .subMap01::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 22px solid #f5f5f5;
    border-left: 0;
    position: absolute;
    top: 250px;
    left: -21px;
}
.secBuyMap .itemContents .mapWrap .subMap02{
    top: 20px;
    left: 50px;
    background: #f5f5f5;
}
.secBuyMap .itemContents .mapWrap .subMap02::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 22px solid #f5f5f5;
    border-right: 0;
    position: absolute;
    top: 320px;
    right: -21px;
}

/* secEstate */
.secEstate{
    padding: var(--secYPaddingPc) 0;
}
@media only screen and (max-width:767px){
    .secEstate{
        padding: 0 0 var(--secBottomPaddingSp);
        overflow: hidden;
    }
}

/* secEstateList */
.secEstateList{
    margin-top: 50px;
}
.secEstateList .swiper-wrapper{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.secEstateList .swiper-slide{
    width: 260px;
    height: auto;
    margin: 45px 50px 0 0;
    display: flex;
    display: -webkit-flex;
}
.secEstateList .swiper-slide:nth-child(4n){
    margin-right: 0;
}
.secEstateList .swiper-slide:nth-child(-n+4){
    margin-top: 0;
}
.secEstateList .itemLink{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    color: inherit;
}
.secEstateList .boxImg{
    position: relative;
}
.secEstateList .img{
    height: 0;
    padding-top: 75.385%;
}
.secEstateList .icoType{
    width: 90px;
    padding: 3px 0;
    font-size: 11px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    letter-spacing: 0;
}
.secEstateList .icoType.bg01{
    background: var(--usedEstateColor);
}
.secEstateList .icoType.bg02{
    background: var(--usedMansionColor);
}
.secEstateList .icoType.bg03{
    background: var(--newHouseColor);
}
.secEstateList .icoType.bg04{
    background: var(--landColor);
}
.secEstateList .icoType.bg05{
    background: var(--renovationColor);
}
.secEstateList .iconWrap{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: calc(100% - 20px);
}
.secEstateList .ico{
    height: 19px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0;
    border-radius: 3px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 0 3px 3px 0;
}
.secEstateList .icoNew{
    width: 31px;
    background: #ff0;
    color: #000;
}
.secEstateList .icoRenov{
    width: 51px;
    background: #ffd800;
    color: #000;
}
.secEstateList .icoDisc{
    width: 51px;
    background: #eee;
    color: #fd4c85;
}
.secEstateList .icoDisc .txt{
    padding-left: 12px;
    position: relative;
}
.secEstateList .icoDisc .txt::before{
    content: "";
    background: url(../img/estate/icoDisc.jpg) center / contain no-repeat;
    width: 10px;
    height: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.secEstateList .icoProp{
    width: 49px;
    background: #ed6103;
    color: #fff;
}
.secEstateList .boxTxt{
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1),inset 0px -2px 0px 0px rgba(4, 0, 0, 0.2);
    border: 1px solid #dcdcdc;
    border-top: none;
    padding: 16px 20px 24px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    border-radius: 0 0 3px 3px;
}
.secEstateList .tit{
    color: var(--linkColor);
    font-size: 14px;
    line-height: var(--spTitLineHeight);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEstateList .boxInfo{
    font-size: 12px;
    line-height: var(--spTxtLineHeight);
    margin-top: 10px;
}
.secEstateList .itemInfo{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.secEstateList .itemInfo:nth-child(n+2){
    margin-top: 1px;
}
.secEstateList .dtInfo{
    padding: 2px;
    background: #eee;
    color: var(--mainColor);
    border-radius: 2px;
    line-height: 1;
    border-radius: 3px;
}
.secEstateList .ddInfo{
    width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--mainColor);
}
.secEstateList .txtAddress{
    font-size: 12px;
    line-height: var(--spTxtLineHeight);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--mainColor);
    margin-top: 5px;
}
.secEstateList .txtAddress svg{
    width: 12px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px;
}
.secEstateList .txtAddress use{
    fill: var(--mainColor);
}
.secEstateList .boxPrice{
    margin-top: 15px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.secEstateList .txtPrice01{
    color: #e4301e;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}
.secEstateList .fNum01{
    font-size: 24px;
}
.secEstateList .txtPrice02{
    font-size: 12px;
    text-align: right;
    color: #e4301e;
    text-decoration: line-through;
    margin: 5px 8px 0 0;
}
.secEstateList .fNum02{
    font-size: 14px;
}
.secEstateList .boxMember{
    height: 175px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    background: var(--memberBgColor);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    border-radius: 0 0 3px 3px;
}
.secEstateList .boxMember::before{
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid var(--memberColor2);
    border-radius: 0 0 3px 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.secEstateList .txtMember{
    color: var(--memberTxtColor2);
    font-size: 14px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-top: 10px;
}
.secEstateList .svgMember{
    width: 26px;
    height: 35px;
}
.secEstateList .svgMember use{
    fill: var(--memberColor3);
}
.secEstateList .btnMember{
    width: 180px;
    height: 35px;
    background: #fff;
    color: var(--mainColor);
    box-shadow: inset 0px -2px 0px 0px rgba(4, 0, 0, 0.2);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 3px;
    color: var(--memberTxtColor);
    background: var(--memberColor);
    margin: 15px auto 0;
}
@media only screen and (max-width:767px){
    .secEstateList{
        margin-top: 15px;
    }
    .secEstateList .swiper-container{
        overflow: visible;
    }
    .secEstateList .swiper-wrapper{
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }
    .secEstateList .swiper-slide{
        width: 153px;
        margin: 0 10px 0 0;
    }
    .secEstateList .iconWrap{
        top: 5px;
        left: 5px;
        right: auto;
        max-width: calc(100% - 10px);
    }
    .secEstateList .boxTxt{
        padding: 13px 10px 15px;
    }
    .secEstateList .txtAddress{
        white-space: normal;
        text-overflow: clip;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 36px;
        padding-left: 18px;
        position: relative;
    }
    .secEstateList .txtAddress svg{
        position: absolute;
        top: 2px;
        left: 0;
    }
    .secEstateList .boxInfo{
        margin-top: 5px;
    }
    .secEstateList .boxPrice{
        margin-top: 0;
    }
    .secEstateList .txtPrice01{
        font-size: 11px;
    }
    .secEstateList .fNum01{
        font-size: 17px;
    }
    .secEstateList .txtPrice02{
        font-size: 11px;
        margin-right: 5px;
    }
    .secEstateList .fNum02{
        font-size: 12px;
    }
    .secEstateList .boxMember{
        height: 153px;
    }
    .secEstateList .boxMember::before{
        border-width: 1px;
    }
    .secEstateList .txtMember{
        font-size: 13px;
        line-height: 1.5;
        margin-top: 5px;
        text-align: center;
    }
    .secEstateList .svgMember{
        width: 17px;
        height: 23px;
    }
    .secEstateList .btnMember{
        width: 125px;
        margin-top: 10px;
    }
}

/* secNews */
.secNews{
    padding: var(--secYPaddingPc) 0;
    background: var(--bgColor01);
}
.secNews .secCmnNews{
    margin-top: 28px;
}
.secNews .secCmnNews .item{
    background-color: #fff;
}
.secNews .secCmnNews .item:nth-child(2n){
    background-color: #f8f8f8;
}
@media only screen and (max-width:767px){
    .secNews{
        padding: 0 0 var(--secBottomPaddingSp);
    }
    .secNews .secCmnNews{
        margin-top: 0;
    }
}

/* cmnPickup */
.cmnPickup{
    background: none;
    padding: var(--secYPaddingPc) 0;
}
@media only screen and (max-width:767px){
    .cmnPickup{
        padding: 0 0 var(--secBottomPaddingSp);
    }
}

/* secAbout */
.secAbout{
    padding: var(--secYPaddingPc) 0 var(--contentsPaddingBottomPc);
}
.secAbout .boxRow01{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 40px;
}
.secAbout .bnr02{
    display: block;
    margin-top: 2px;
}
.secAbout .boxRow02{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 100px;
}
@media only screen and (max-width:767px){
    .secAbout{
        padding: 0 0 var(--contentsPaddingBottomSp);
    }
    .secAbout .boxRow01{
        display: block;
        margin-top: 1px;
    }
    .secAbout .boxRow01Wrap{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .secAbout .bnr01,
    .secAbout .bnr02{
        width: calc(50% - 0.5px);
    }
    .secAbout .bnr02{
        display: block;
        margin-top: 0;
    }
    .secAbout .bnr03{
        display: block;
        margin-top: 1px;
    }
    .secAbout .boxRow02{
        display: block;
        margin-top: 30px;
    }
    .secAbout .bnr05{
        display: block;
        margin-top: 15px;
    }
}

/* bnrInsta */
.bnrInsta{
    margin-top: 97px;
    text-align: center;
}
.bnrInsta .bnrInner{
    display: inline-block;
}
@media only screen and (max-width:767px){
    .bnrInsta{
        margin-top: 30px;
    }
    .bnrInsta .bnrInner{
        width: 100%;
    }
}
/* 230410 */
.secCpbnr{
    padding-top:100px;
}
.secCpbnr .link{
    display: block;
    margin-top: 50px;
}
.secCpbnr .link.spOnly{
    display: none;
}
.secCpbnr .link:first-child{
    margin-top: 0px;
}
@media only screen and (max-width:767px){
    .secCpbnr{
        padding:var(--secBottomPaddingSp) var(--spXPadding) 0;
    }
    .secCpbnr .link{
        margin-top: 10px;
    }
    .secCpbnr .link.spOnly{
        display: block;
    }
}
/* 241105 */
.secBuyMap .linkitem{
    position: absolute;
    width: 80px;
}
.secBuyMap .linkitem.item01{
    top: 47px;
    right: 61px;
}
.secBuyMap .linkitem.item02{
    top: 43px;
    right: 172px;
}
.secBuyMap .linkitem.item03{
    top: 161px;
    right: 50px;
}
.secBuyMap .linkitem.item04{
    top: 148px;
    right: 151px;
}
.secBuyMap .linkitem.item05{
    top: 157px;
    right: 239px;
}
.secBuyMap .linkitem.item06{
    top: 242px;
    right: 191px;
}
.secBuyMap .linkitem.item07{
    top: 314px;
    right: 131px;
}
.secBuyMap .linkitem.item08{
    top: 110px;
    right: 330px;
}
.secBuyMap .linkitem.item08::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    bottom: -16px;
    transform: rotate(63deg);
    right: -39px;
}
.secBuyMap .linkitem.item09{
    top: 295px;
    right: 352px;
}
.secBuyMap .linkitem.item10{
    top: 188px;
    right: 396px;
}
.secBuyMap .linkitem.item11{
    top: 277px;
    right: 480px;
}
.secBuyMap .linkitem.item12{
    top: 389px;
    right: 526px;
}
.secBuyMap .linkitem.item13{
    top: 238px;
    right: 588px;
}
.secBuyMap .linkitem.item14{
    top: 179px;
    right: 496px;
}
.secBuyMap .linkitem.item15{
    top: 78px;
    right: 525px;
}
.secBuyMap .linkitem .link{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    border-radius: 50%;
    padding: 10px;
    text-decoration: none;
    background-color: var(--mainbgColor);
    color: var(--mainColor);
    border: 1px solid;
    border-color: var(--mainbgColor);
    box-shadow: 0px 0px 15px -5px #777777;
    position: relative;
    z-index: 2;
}
.secBuyMap map .maplink:hover + .linkitem .link,
.secBuyMap .linkitem .link:hover{
    background-color: var(--brandColor);
    border-color: var(--brandTxtColor);
    color: var(--brandTxtColor);
}
.secBuyMap .linkitem .linkin{
    display: inline-block;
    text-align: center;
}
.secBuyMap .linkitem .cityname{
    font-size: 13px;
    line-height: 1.25;
}
.secBuyMap .linkitem .txt{
    font-size: 15px;
    line-height: 22px;
    margin-top: 1px;
}
.secBuyMap .linkitem .num{
    font-size: 22px;
    font-weight: bold;
}

/* secMovie */
.secBackin{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fff;
}
.secMovie{
}
.secMovie .movielist{
    display: flex;
    margin-top: 50px;
}
.secMovie .item{
    width: calc((100% - 110px) / 3);
    margin-right: 55px;
}
.secMovie .item:nth-child(3),
.secMovie .item:last-child{
    margin-right: 0;
}
.secMovie .item:nth-child(n + 4){
    display: none;
}
.secMovie .linkbox{
    display: block;
    color: var(--mainColor);
    text-decoration: none;
}
.secMovie .imgBox{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 203px;
    overflow: hidden;
}
.secMovie iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.secMovie .tit{
    font-size:14px;
    line-height: 24px;
    margin-top: 19px;
}
@media only screen and (max-width:767px){
    .secBackin{
        padding-top: 0;
        padding-bottom: 19px;
    }
    .secMovie{
    }
    .secMovie .movielist{
        display:block;
        margin-top: 15px;
        padding: 0 var(--spXPadding) 0px;
    }
    .secMovie .item{
        width:100%;
        margin-right: 0px;
    }
    .secMovie .item + .item{
        margin-top: 25px;
    }
    .secMovie .item:nth-child(n + 3){
        display: none;
    }
    .secMovie .linkbox{
        width: 100%;
    }
    .secMovie .imgBox{
        padding-top: calc((190 / 355) * 100vw);
    }
    .secMovie .tit{
        font-size:12px;
        line-height:calc(22 / 12);
        margin-top: 14px;
    }
}

.secReservebnr{
    margin-top: 100px;
}
.secReservebnr .imgBnr{
    display: block;
}
@media only screen and (max-width:767px){
    .secReservebnr{
        margin-top: 50px;
    }
}

/* secReason */
.secReason{
    margin-top: 150px;
}
.secReason .inner{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.secReason .imgbox{
    width: 500px;
}
.secReason .txtbox{
    flex:1;
    padding-bottom: 12px;
}
.secReason .tit{
    font-size:40px;
    line-height: 1.5;
    font-weight: bold;
}
.secReason .tit .color{
    color: var(--brandColor);
}
.secReason .txt{
    font-size:20px;
    line-height: 2;
    font-weight: bold;
    margin-top: 29px;
}
.secReason .cmnMoreBtn{
    margin-left: 0;
    margin-top: 37px;
}
@media only screen and (max-width:767px){
    .secReason{
        margin-top: 50px;
    }
    .secReason .inner{
        display: block;
        padding: 0 var(--spXPadding) 0px;
    }
    .secReason .imgbox{
        width: 100%;
    }
    .secReason .txtbox{
        width: 100%;
        margin-top: 16px;
    }
    .secReason .tit{
        font-size:16px;
    }
    .secReason .txt{
        font-size:13px;
        line-height:calc(20 / 13);
        font-weight:400;
        margin-top: 9px;
    }
    .secReason .cmnMoreBtn{
        width: 100%;
        margin: 0 auto;
        margin-top: 17px;
    }
}
.secRenovation{
    padding-bottom: 50px;
}
.secBackin + .secRenovation{
    background-color: #fff;
}
.secRenovation .linklist{
    display: flex;
    margin-top: 50px;
}
.secRenovation .item{
    width: calc(100% / 2);
}
.secRenovation .link{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f8f8f8;
    text-decoration: none;
    color: var(--mainColor);
    display: block;
}
.secRenovation .imgbox{}
.secRenovation .txtbox{
    position: relative;
    text-align: center;
    padding-top: 86px;
    padding-bottom: 90px;
}
.secRenovation .txtbox::before{
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 100px);
    top: 50px;
    right: 0;
    background-image: linear-gradient(to top, #000, #000 1px, transparent 2px, transparent 2px);
    background-size: 1px 3px;
    background-repeat: repeat-y;
}
.secRenovation .item:last-child .txtbox::before{
    display: none;
}
.secRenovation .txtbox::after{
    content: "";
    position: absolute;
    width: 1px;
    height:80px;
    left: calc(50% - 0.5px);
    top: calc(0% - 40px);
    background-color: var(--mainColor);
}
.secRenovation .tit{
    font-size:36px;
    line-height: 1;
    font-weight: bold;
}
.secRenovation .txt{
    font-size:22px;
    line-height: 2;
    font-weight: bold;
    margin-top: 17px;
}
.secRenovation .btn{
    width:260px;
    margin: 0 auto;
    background: var(--mainbgColor);
    border-radius: 3px;
    text-align: center;
    border: 1px solid;
    border-color: var(--bdrColor01);
    box-shadow: 0 2px var(--bdrColor01);
    margin-top: 28px;
}
.secRenovation .btntxt{
    font-size:14px;
    line-height: 20px;
    padding: 19px 0;
}
@media only screen and (max-width:767px){
    .secRenovation{
    padding-bottom: 50px;
}
    .secBackin + .secRenovation{
        background-color: #fff;
    }
    .secRenovation .linklist{
        display:block;
        margin-top: 10px;
        padding: 0 var(--spXPadding) 0px;
    }
    .secRenovation .item{
        width:100%;
    }
    .secRenovation .item + .item{
        margin-top:10px;
    }
    .secRenovation .link{
        width: 100%;
        height: auto;
        display: flex;
        background-color: #fff;
        align-items: center;
    }
    .secRenovation .imgbox{
        width: 140px;
    }
    .secRenovation .txtbox{
        flex: 1;
        text-align:left;
        padding: 0;
        padding-left:20px;
    }
    .secRenovation .txtbox::after,
    .secRenovation .txtbox::before{
        display: none;
    }
    .secRenovation .tit{
        font-size:18px;
        line-height:calc(22 / 18);
        letter-spacing: -1px;
    }
    .secRenovation .txt{
        font-size:13px;
        line-height:calc(22 / 13);
        margin-top: 6px;
    }
    .secRenovation .btn{
        width:120px;
        margin-left: 0;
        margin-top: 11px;
    }
    .secRenovation .btntxt{
        font-size:11px;
        padding: 5px 0;
    }
}

/* secFlowbnr */
.secFlowbnr{
    margin-top: 80px;
}
.secFlowbnr .linkbnr{
    display: block;
}
@media only screen and (max-width:767px){
    .secFlowbnr{
        margin-top: 29px;
        padding: 0 var(--spXPadding) 0px;
    }
}

/* secBlog */
.secBlog {
    background-color: #fff;
    padding: var(--secYPaddingPc) 0;
}
.secNews + .secBlog{
    padding-top: 0;
}
.secNews + .secBlog .wrapper{
    padding-top: 100px;
    background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.secBlog .bloglist{
    display: flex;
    margin-top: 50px;
}
.secBlog .item{
    width: calc((100% - 110px) / 3);
    margin-right: 55px;
}
.secBlog .item:nth-child(3),
.secBlog .item:last-child{
    margin-right: 0;
}
.secBlog .item:nth-child(n + 4){
    display: none;
}
.secBlog .link{
    width: 100%;
    height: auto;
    text-decoration: none;
    color:#22304f;
    display: block;
}
.secBlog .imgbox{
    width: 100%;
    height: 0;
    padding-top: 270px;
}
.secBlog .txtbox{
    margin-top: 25px;
}
.secBlog .boxDate{
    display: flex;
    align-items: center;
}
.secBlog .txtDate{
    font-size: 12px;
    letter-spacing: var(--baseLetterSpacing);
}
.secBlog .txtNew{
    width: 27px;
    height: 13px;
    font-size: 10px;
    background: #fedf00;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    letter-spacing: 0;
    white-space: nowrap;
}
.secBlog .tit{
    font-size:16px;
    line-height: 26px;
    color:var(--linkColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 52px;
}
.secBlog .boxDate + .tit{
    margin-top: 11px;
}
@media only screen and (max-width:767px){
    .secNews + .secBlog,
    .secBlog {
        padding: 0 0 var(--secBottomPaddingSp);
    }
    .secNews + .secBlog .wrapper{
        padding-top: 0px;
        background: none;
    }
    .secBlog .bloglist{
        padding: 0 var(--spXPadding);
        margin-top: 20px;
    }
    .secBlog .item{
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
    }
    .secBlog .item:nth-child(2),
    .secBlog .item:last-child{
        margin-right: 0;
    }
    .secBlog .item:nth-child(n + 3){
        display: none;
    }
    .secBlog .imgbox{
        padding-top: 75.3%;
    }
    .secBlog .txtbox{
        margin-top: 13px;
    }
    .secBlog .boxDate{
        display: flex;
        align-items: center;
    }
    .secBlog .txtDate{
        font-size: 10px;
    }
    .secBlog .tit{
        font-size:11px;
        line-height:calc(16 / 11);
        max-height: 32px;
    }
    .secBlog .boxDate + .tit{
        margin-top: 3px;
    }
}

.secBlog + .cmnPickup{
    background:none;
}
.cmnPickup + .secAbout{
    background-color: #fff;
}
@media only screen and (max-width:767px){
    .secSearch01 .boxSearch .boxPrice .selectWrap select{
        width: 100%;
    }
}

/* 250414 */
.secAbout .snsLink{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}
.secAbout .snsInner{
    display: block;
}
@media only screen and (max-width:767px){
    .secAbout .snsLink{
        margin: 30px auto 0;
        width: 94.667%;
        display: block;
    }
    .secAbout .snsItem:nth-child(2){
        margin: 15px auto 0;
    }
}
/* 20250623 */
.secTabBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
}
.secTabBox .secTabMenu{
    display: flex;
    padding-bottom: 30px;
}
.secTabBox .secTabMenu li{
    width: calc(50% - 10px);
}
.secTabBox .secTabMenu li:nth-child(2){
    margin-left: 20px;
}
.secTabBox .secTabMenu a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 71px;
    background: var(--btnColor02);
    color: var(--mainColor);
    border: 1px solid var(--bdrColor01);
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px var(--bdrColor01);
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
}
.secTabBox .secTabMenu li.active a{
    background: var(--brandColor);
    color: var(--memberTxtColor);
}
.secTabBox .tab-content{
    position: relative;
}
.secTabBox .tab-content .content{
  display: none;
}
.secTabBox .tab-content .content.active {
  display: block;
}
.secBuyMap .linkitem.item101{
    top: 8px;
    right: 133px;
}
.secBuyMap .linkitem.item102{
    top: 85px;
    right: 80px;
}
.secBuyMap .linkitem.item102::after{
    content: "";
    position: absolute;
    width: 115px;
    height: 1px;
    background-color: #fff;
    bottom: 55px;
    transform: rotate(15deg);
    left: -110px;
}
.secBuyMap .linkitem.item103{
    top: 155px;
    right: 140px;
}
.secBuyMap .linkitem.item103::after{
    content: "";
    position: absolute;
    width: 135px;
    height: 1px;
    background-color: #fff;
    top: -5px;
    transform: rotate(20deg);
    right: 50px;
}
.secBuyMap .linkitem.item104{
    top: 157px;
    right: 240px;
}
.secBuyMap .linkitem.item105{
    top: 234px;
    right: 188px;
}
.secBuyMap .linkitem.item105::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    bottom: 60px;
    transform: rotate(25deg);
    right: 50px;
}
.secBuyMap .linkitem.item106{
    top: 290px;
    right: 260px;
}
.secBuyMap .linkitem.item106 .link{
    padding: 10px 5px;
}
.secBuyMap .linkitem.item106 .cityname{
    letter-spacing: -0.5px;
}
.secBuyMap .linkitem.item106::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    bottom: 58px;
    transform: rotate(35deg);
    right: 10px;
}
.secBuyMap .linkitem.item107{
    top: 370px;
    right: 212px;
}
.secBuyMap .linkitem.item107::after{
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    background-color: #fff;
    bottom: 75px;
    transform: rotate(35deg);
    right: 40px;
}
.secBuyMap .linkitem.item108{
    top: 378px;
    right: 305px;
}
.secBuyMap .linkitem.item109{
    top: 480px;
    right: 325px;
}
.secBuyMap .linkitem.item110{
    top: 445px;
    right: 410px;
}
.secBuyMap .linkitem.item111{
    top: 495px;
    right: 485px;
}
.secBuyMap .linkitem.item112{
    top: 410px;
    right: 530px;
}
.secBuyMap .linkitem.item112::after{
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    background-color: #fff;
    bottom: 50px;
    transform: rotate(-10deg);
    right: -90px;
}
.secBuyMap .linkitem.item113{
    top: 322px;
    right: 550px;
}
.secBuyMap .linkitem.item113::after{
    content: "";
    position: absolute;
    width: 145px;
    height: 1px;
    background-color: #fff;
    bottom: -2px;
    transform: rotate(12deg);
    right: -100px;
}
.secBuyMap .linkitem.item114{
    top: 325px;
    right: 450px;
}
.secBuyMap .linkitem.item114::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    bottom: 30px;
    transform: rotate(30deg);
    right: -35px;
}
.secBuyMap .linkitem.item115{
    top: 235px;
    right: 493px;
}
.secBuyMap .linkitem.item115::after{
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    background-color: #fff;
    bottom: -3px;
    transform: rotate(30deg);
    right: -95px;
}
.secBuyMap .linkitem.item116{
    top: 230px;
    right: 400px;
}
.secBuyMap .linkitem.item116::after{
    content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    background-color: #fff;
    bottom: 15px;
    transform: rotate(50deg);
    right: -30px;
}
.secBuyMap .linkitem.item117{
    top: 150px;
    right: 445px;
}
.secBuyMap .linkitem.item117::after{
    content: "";
    position: absolute;
    width: 120px;
    height: 1px;
    background-color: #fff;
    bottom: 3px;
    transform: rotate(29deg);
    right: -100px;
}
.secBuyMap .linkitem.item118{
    top: 70px;
    right: 392px;
}
.secBuyMap .linkitem.item118::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    bottom: 0px;
    transform: rotate(65deg);
    right: -48px;
}
.secBuyMap .linkitem.item119{
    top: 20px;
    right: 312px;
}
@media only screen and (max-width:767px){
    .secTabBox{
        position: static;
        top: 0;
        left: 0;
        width: 100%;
    }
    .secTabBox .secTabMenu{
        padding-bottom: 20px;
    }
    .secTabBox .secTabMenu li{
        width: calc(50% - 10px);
    }
    .secTabBox .secTabMenu li:nth-child(2){
        margin-left: 20px;
    }
    .secTabBox .secTabMenu a{
        height: 50px;
        font-size: 15px;
    }
    .secTabBox .tab-content{
        display: none;
    }
}