.secCmnHero{
    background-image: url(../img/modelhouse/bgHero.jpg);
}
@media only screen and (max-width:767px){
    .secCmnHero{
        background-image: url(../img/modelhouse/bgHero_sp.jpg);
    }
}

/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secTop */
.secTop{
    margin-top: 7.1rem;
}
.secTop .txtTop{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_38);
    letter-spacing: var(--pcLetterSpacing20_50);
    text-align: center;
}
.secTop .secCmnBnr{
    margin-top: 7.1rem;
}
@media only screen and (max-width:1215px){
    .secTop{
        margin-top: 3.3rem;
    }
    .secTop .txtTop{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secTop .secCmnBnr{
        margin-top: 3.4rem;
    }
}

/* secModelHouse */
.secModelHouse{
    margin-top: 10rem;
}
.secModelHouse .txtTop{
    font-size: var(--pcFontSize28);
    letter-spacing: var(--pcLetterSpacing28_50);
    text-align: center;
    margin-bottom: 10rem;
}
.secModelHouse .txtTop .txtNum{
    font-size: var(--pcFontSize50);
    font-weight: bold;
    margin-right: 0.5rem;
}
.secModelHouse .boxList{
    display: flex;
    flex-direction: column;
    gap: 15rem;
}
.secModelHouse .item{
    background-color: var(--grayColor_f0);
}
.secModelHouse .inner{
    display: flex;
    gap: 8rem;
}
.secModelHouse .item:nth-child(even) .inner{
    flex-direction: row-reverse;
}
.secModelHouse .boxImg{
    width: calc((860 / 1720) * 100%);
    margin-top: -5rem;
}
.secModelHouse .boxImg .imgCover{
    width: 100%;
    padding-top: calc(470 / 860 * 100%);
    overflow: hidden;
}
.secModelHouse .boxTxt{
    width: calc(100% - 86rem - 8rem);
    padding: 10rem 3rem 10rem 0;
}
.secModelHouse .boxTagList{
    display: flex;
}
.secModelHouse .itemTag{
    padding: 1.5rem 3rem 1.6rem;
    min-width: 15rem;
    background: var(--catalogColor);
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_28);
    color: var(--whiteColor);
    text-align: center;
}
.secModelHouse .tagNew{
    min-width: unset;
    background: var(--NewColor);
    color: var(--textColor);
}
.secModelHouse .txtModelTit{
    font-size: var(--pcFontSize28);
    letter-spacing: var(--pcLetterSpacing28_50);
    font-weight: bold;
    margin-top: 2.2rem;
}
.secModelHouse .txtAbout{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    margin-top: 2.3rem;
}
.secModelHouse .txtAddress{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_26);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 1.9rem;
    color: var(--catalogColor);
    display: flex;
    flex-direction: column;
}
.secModelHouse .boxLink{
    display: flex;
    gap: 2rem;
    margin-top: 3.5rem;
}
.secModelHouse .boxCmnBtn{
    margin-top: 0;
}
@media only screen and (min-width:1216px){
    .secModelHouse .txtModelTit,
    .secModelHouse .txtAbout{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .secModelHouse .txtAddress span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        max-height: 7.8rem;
    }
}
@media only screen and (max-width:1215px){
    .secModelHouse{
        margin-top: 3rem;
    }
    .secModelHouse .txtTop{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-bottom: 20rem;
    }
    .secModelHouse .txtTop .txtNum{
        font-size: var(--spFontSize30);
        margin-right: 0.3rem;
    }
    .secModelHouse .boxList{
        gap: 19.3rem;
    }
    .secModelHouse .inner{
        flex-direction: column;
        gap: 1.5rem;
        padding: 0 2rem 3rem;
    }
    .secModelHouse .item:nth-child(even) .inner{
        flex-direction: column;
    }
    .secModelHouse .boxImg{
        width: 100%;
        margin-top: -15.3rem;
    }
    .secModelHouse .boxTxt{
        width: 100%;
        padding: 0;
    }
    .secModelHouse .itemTag{
        padding: 1rem 1.7rem 1rem;
        min-width: 12rem;
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secModelHouse .tagNew{
        min-width: unset;
    }
    .secModelHouse .txtModelTit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.4rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .secModelHouse .txtAbout{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 4.4rem;
    }
    .secModelHouse .txtAddress{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 0.8rem;
    }
    .secModelHouse .txtAddress span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        max-height: 6rem;
    }
    .secModelHouse .boxLink{
        display: flex;
        gap: 1.5rem;
        margin-top: 1.6rem;
    }
    .secModelHouse .boxCmnBtn{
        width: calc((100% - 1.5rem) / 2);
        margin-top: 0;
    }
    .secModelHouse .boxCmnBtn .cmnBtn{
        width: 100%;
    }
    .secModelHouse .isArrow:before, .secModelHouse .isArrow:after{
        display: none;
    }
    .boxCmnBtn .cmnBtn .txtBtn{
        text-align: center;
    }
}

/*-----------------------------------------------
    details
-----------------------------------------------*/
.boxCmnDetailsTit{
    text-align: center;
}
.boxCmnDetailsTit .boxTit{
    position: relative;
    display: table;
    margin: 0 auto;
}
.boxCmnDetailsTit .txtEng{
    font-size: var(--pcFontSize60);
    letter-spacing: var(--pcLetterSpacing60_50);
    font-weight: 300;
    font-style: italic;
    margin-bottom: 2rem;
}
.boxCmnDetailsTit  .txtTit{
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--textColor);
    display: inline-block;
}
@media only screen and (max-width:1215px){
    .boxCmnDetailsTit .txtEng{
        font-size: var(--spFontSize34);
        letter-spacing: var(--spLetterSpacing34_50);
        font-weight: 300;
        font-style: italic;
        margin-bottom: 1rem;
    }
    .boxCmnDetailsTit  .txtTit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        padding-bottom: 0.8rem;
    }
}

/* secDetailsTop */
.secDetailsTop{
    margin-top: 8rem;
}
.secDetailsTop .boxTxt{
    padding: 0 0 3.4rem;
    border-bottom: 1px solid var(--borderColorGray);
}
.secDetailsTop .boxTagList{
    display: flex;
    flex-wrap: wrap;
}
.secDetailsTop .itemTag{
    padding: 1.5rem 3rem 1.6rem;
    min-width: 15rem;
    background: var(--catalogColor);
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_28);
    color: var(--whiteColor);
    text-align: center;
}
.secDetailsTop .tagNew{
    min-width: unset;
    background: var(--NewColor);
    color: var(--textColor);
}
.secDetailsTop .txtModelTit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_44);
    letter-spacing: var(--pcLetterSpacing40_50);
    font-weight: bold;
    margin-top: 3.3rem;
}
.secDetailsTop .txtAbout{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_42);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    margin-top: 1.7rem;
}
.secDetailsTop .boxImgTop{
    margin-top: 4rem;
    text-align: center;
}
.secDetailsTop .boxImgTop img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}
.secDetailsTop .txtDetails{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 2.7rem;
}
.secDetailsTop .boxTableInfo{
    width: 100%;
    border-collapse: collapse;
    border: 0.1rem solid var(--borderColorGray);
    margin-top: 4.2rem;
}
.secDetailsTop .boxTableInfo .boxTr{
    border-top: 0.1rem solid var(--borderColorGray);
}
.secDetailsTop .boxTableInfo .boxTr:first-child{
    border-top: none;
}
.secDetailsTop .boxTableInfo .boxTh{
    width: 15rem;
    padding: 2.2rem 2rem;
    background: var(--grayColor_f0);
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}
.secDetailsTop .boxTableInfo .boxTd{
    padding: 2.2rem 3rem;
    background: var(--ColorWhite);
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    vertical-align: top;
    border-left: 0.1rem solid var(--borderColorGray);
}
.secDetailsTop .linkInner{
    color: var(--keyColor);
    text-decoration: underline;
}
.secDetailsTop .boxCmnBtn .cmnBtn{
    width: 40rem;
    height: 8rem;
    border-radius: 0.5rem;
}
.secDetailsTop .boxCmnBtn .cmnBtn .txtBtn {
    text-align: center;
}
.secDetailsTop .boxCmnBtn .inner{
    position: relative;
    padding-left: 3.5rem;
    text-align: center;
}
.secDetailsTop .boxCmnBtn .inner::before{
    content: "";
    width: 2rem;
    height: 2.2rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.secDetailsTop .boxCmnBtn .inner.lazyloaded::before{
    background: url(../img/common/imgfNaviIcon01.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secDetailsTop{
        margin-top: 3.9rem;
    }
    .secDetailsTop .boxTxt{
        padding: 0 0 1.8rem;
    }
    .secDetailsTop .itemTag{
        padding: 1rem 1.7rem 0.9rem;
        min-width: 12rem;
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secDetailsTop .tagNew{
        min-width: unset;
    }
    .secDetailsTop .txtModelTit{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_32);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.7rem;
    }
    .secDetailsTop .txtAbout{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.4rem;
    }
    .secDetailsTop .boxImgTop{
        margin-top: 2.5rem;
    }
    .secDetailsTop .txtDetails{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.6rem;
    }
    .secDetailsTop .boxTableInfo{
        margin-top: 2.6rem;
    }
    .secDetailsTop .boxTableInfo .boxTh{
        width: 8rem;
        padding: 1.3rem 1.3rem;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        vertical-align: middle;
    }
    .secDetailsTop .boxTableInfo .boxTd{
        padding: 1.3rem 1.3rem;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        vertical-align: middle;
    }
    .secDetailsTop .boxCmnBtn{
        margin-top: 3rem;
    }
    .secDetailsTop .boxCmnBtn .cmnBtn{
        width: 26.5rem;
        height: 5.6rem;
        border-radius: 0.3rem;
    }
    .secDetailsTop .boxCmnBtn .inner{
        padding-left: 2.2rem;
    }
    .secDetailsTop .boxCmnBtn .inner::before{
        width: 1.4rem;
        height: 1.6rem;
    }
}

/* secCmnBnr */
.secCmnBnr{
    margin-top: 10rem;
}
.secCmnBnr img{
    border-radius: 1rem;
}
@media only screen and (max-width:1215px){
    .secCmnBnr{
        margin-top: 5rem;
    }
    .secCmnBnr2{
        margin-top: 7rem;
    }
    .secCmnBnr img{
        border-radius: 0.5rem;
    }
}

/* secVr */
.secVr{
    margin-top: 13rem;
    color: var(--whiteColor);
    text-align: center;
}
.secVr .boxInner{
    padding: 8rem 10rem;
}
.secVr .boxInner.lazyloaded{
    background: url(../img/modelhouse/bgVr.jpg) center center / cover no-repeat;
}
.secVr .boxImg{
    position: absolute;
    top: 2.7rem;
    right: -18.6rem;
}
.secVr .boxCmnDetailsTit  .txtTit{
    border-bottom: 1px solid var(--whiteColor);
}
.secVr .boxVr{
    width: 100%;
    height: 54.3rem;
    margin-top: 6rem;
}
.secVr .boxVr iframe{
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:1215px){
    .secVr{
        margin-top: 7rem;
    }
    .secVr .boxInner{
        padding: 5.6rem 2rem;
    }
    .secVr .boxInner.lazyloaded{
        background: url(../img/modelhouse/bgVr_sp.jpg) center center / cover no-repeat;
    }
    .secVr .boxImg{
        width: 12.6rem;
        top: 1.7rem;
        right: -12rem;
    }
    .secVr .boxVr{
        width: 100%;
        height: 39rem;
        margin-top: 2.5rem;
    }
}

/* secPhotoGallery */
.secPhotoGallery{
    overflow: hidden;
    background: var(--grayColor_f0);
    padding: 10rem 0;
    margin-top: 22.8rem;
}
.secPhotoGallery .boxSlider{
    position: relative;
    margin-top: 5rem;
}
.secPhotoGallery .swiper{
    width: 120rem;
    overflow: visible;
}
.secPhotoGallery .swiper-button-prev,
.secPhotoGallery .swiper-button-next{
    width: 6.5rem;
    height: 6.5rem;
    margin-top: 0;
    top: calc(50% - 3.25rem);
    border-radius: 50%;
    cursor: pointer;
}
.secPhotoGallery .swiper-button-prev{
    left: calc(50% - 63.75rem);
    transform: scaleX(-1);
}
.secPhotoGallery .swiper-button-next{
    right: calc(50% - 63.75rem);
}
.secPhotoGallery .swiper-button-prev::after,
.secPhotoGallery .swiper-button-next::after{
    display: none;
}
.secPhotoGallery .swiper-button-prev.lazyloaded{
    background: url(../img/common/iconArrow.png) center center / 2rem auto no-repeat var(--textColor_80);
}
.secPhotoGallery .swiper-button-next.lazyloaded{
    background: url(../img/common/iconArrow.png) center center / 2rem auto no-repeat var(--textColor_80);
}
.secPhotoGallery .imgSlider{
    display: block;
    height: 0;
    padding-top: 54.167%;
}
.secPhotoGallery .swiper-pagination{
    position: static;
	padding-top: 3rem;
}
.secPhotoGallery .swiper-pagination-bullet{
    background: var(--textColor_10);
    margin: 0.5rem !important;
    opacity: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.secPhotoGallery .swiper-pagination-bullet-active{
    background: var(--textColor);
}
@media only screen and (max-width:1215px){
    .secPhotoGallery{
        margin-top: 7rem;
        padding: 5.6rem 0 5.4rem;
    }
    .secPhotoGallery .swiper{
        width: calc(335 / 375 * 100%);
    }
    .secPhotoGallery .boxSlider{
        margin-top: 3.4rem;
    }
    .secPhotoGallery .swiper-button-prev,
    .secPhotoGallery .swiper-button-next{
        width: 3.5rem;
        height: 3.5rem;
        top: calc(50% - 3.25rem);
    }
    .secPhotoGallery .swiper-button-prev{
        left: -2rem;
    }
    .secPhotoGallery .swiper-button-next{
        right: -2rem;
    }
    .secPhotoGallery .swiper-button-prev::after,
    .secPhotoGallery .swiper-button-next::after{
        display: none;
    }
    .secPhotoGallery .swiper-button-prev.lazyloaded{
        background: url(../img/common/iconArrow.png) center center / 1.3rem auto no-repeat var(--textColor_80);
    }
    .secPhotoGallery .swiper-button-next.lazyloaded{
        background: url(../img/common/iconArrow.png) center center / 1.3rem auto no-repeat var(--textColor_80);
    }
    .secPhotoGallery .imgSlider{
        padding-top: 54.167%;
    }
    .secPhotoGallery .swiper-pagination{
        padding-top: 1.6rem;
    }
    .secPhotoGallery .swiper-pagination-bullet{
        margin: 0.45rem !important;
        width: 0.9rem;
        height: 0.9rem;
    }
}

/* secPoint */
.secPoint{
    margin-top: 13rem;
}
.secPoint .boxCmnDetailsTit .boxImg{
    position: absolute;
    top: -2.7rem;
    left: -3.5rem;
}
.secPoint .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 5.2rem 6rem;
    margin-top: 6rem;
}
.secPoint .item{
    width: calc((100% - 6rem) / 2);
}
.secPoint .boxImg{
    text-align: center;
}
.secDetailsTop .boxImgTop img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}
.secPoint .txtPointTit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_32);
    letter-spacing: var(--pcLetterSpacing20_50);
    margin-top: 2.4rem;
}
.secPoint .txtPointAbout{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 1.6rem;
}
@media only screen and (max-width:1215px){
    .secPoint{
        margin-top: 6.6rem;
    }
    .secPoint .boxCmnDetailsTit .boxImg{
        width: 6.3rem;
        top: -1rem;
        left: -1.5rem;
    }
    .secPoint .boxList{
        flex-direction: column;
        gap: 3.1rem;
        margin-top: 2.5rem;
    }
    .secPoint .item{
        width: 100%;
    }
    .secPoint .boxImg{
        width: 100%;
    }
    .secPoint .txtPointTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_25);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.4rem;
    }
    .secPoint .txtPointAbout{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1rem;
    }
}

/* secMovie */
.secMovie{
    width: 100%;
}
div + .secMovie{
    margin-top: 8rem;
}
.secMovie .moviebox{
    width: 100%;
    background-color: var(--pnkzBgColor);
    padding: 4rem 4rem;
    display: flex;
    align-items: center;
}
.secMovie .txtArea{
    flex: 1;
    padding-right: 4rem;
}
.secMovie .AreaIn{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 1rem;
}
.secMovie .subtitEng{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_60);
    letter-spacing: var(--pcLetterSpacing50_100);
}
.secMovie .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_30);
    text-align: center;
    margin-top: 1rem;
}
.secMovie .tit .titIn{
    display: inline-block;
    border-bottom: 1px solid;
    border-color: var(--textColor);
    padding-bottom: 0.5rem;
}
.secMovie .iflameArea{
    width: 78rem;
}
.secMovie .iflamebox{
    width: 100%;
    height: 0;
    padding-top: calc(439 / 780 * 100%);
    overflow: hidden;
    position: relative;
}
.secMovie .iflamebox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit:cover;
}
@media only screen and (max-width:1215px){
    div + .secMovie{
        margin-top: 6.7rem;
    }
    .secMovie .moviebox{
        padding: 3rem 2rem;
        display: block;
        padding-top: 3.4rem;
    }
    .secMovie .txtArea{
        width: 100%;
        padding: 0;
    }
    .secMovie .AreaIn{
        padding-bottom: 0;
    }
    .secMovie .subtitEng{
        font-size: var(--spFontSize30);
        letter-spacing: 0.05em;
    }
    .secMovie .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
        margin-top: 0.5rem;
    }
    .secMovie .tit .titIn{
        padding-bottom: 5px;
    }
    .secMovie .iflameArea{
        width: 100%;
        margin-top: 2.5rem;
    }
    .secMovie .iflamebox{
        padding-top: calc(166 / 295 * 100%);
    }
}

/* secAccess */
.secAccess{
    margin-top: 13rem;
}
.secAccess .mapTit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    margin-top: 6rem;
    padding-left: 18px;
    border-left: 3px solid var(--keyColor);
}
.secAccess .boxMap{
    margin-top: 2rem;
    width: 100%;
}
.secAccess .boxMap iframe{
    display: block;
    width: 100%;
    height: 450px;
    aspect-ratio: 1720 / 550;
    border: 0;
}
@media only screen and (max-width:1215px){
    .secAccess{
        margin-top: 6.5rem;
    }
    .secAccess .mapTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_32);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 4.5rem;
    }
    .secAccess .boxMap{
        margin-top: 1.5rem;
        width: 100%;
        overflow: hidden;
    }
    .secAccess .boxMap iframe{
        width: 100%;
        max-width: none;
        height: auto;
        height: 45rem;
    }
}

/* secBottom */
.secBottom{
    margin-top: 10rem;
    padding-top: 7.2rem;
    border-top: 1px solid var(--borderColorGray);
}
@media only screen and (max-width:1215px){
    .secBottom{
        margin-top: 5rem;
        padding-top: 0;
    }
    .secBottom .secCmnBack{
        margin-top: 4.5rem;
    }
}

#fNavi.type_estateform{
    background-color: var(--whiteColor);
    width: 7rem;
}
#fNavi.type_estateform .navLinkArea{
    display: block;
}
#fNavi.type_estateform .navInner{
    width: 100%;
    padding-top: 0;
}
#fNavi.type_estateform .navRight{
    width: 100%;
    height: 25rem;
    background-color: var(--keyColor);
    color: var(--whiteColor);
}
#fNavi.type_estateform .r_inner{
    display: inline-block;
    position: relative;
    padding-top: calc(2.2rem + 1.5rem);
    padding-bottom: calc(1rem + 1.5rem);
}
#fNavi.type_estateform .r_inner::before,
#fNavi.type_estateform .r_inner::after{
    content: "";
    position: absolute;
    background: url(../img/common/tp.gif) center top no-repeat;
    background-size: 100% auto;
}
#fNavi.type_estateform .r_inner::before{
    width: 2rem;
    height: 2.2rem;
    left: calc(50% - 1rem);
    top: 0;
    background-image: url(../img/modelhouse/imgNavIcon.png);
}
#fNavi.type_estateform .r_inner::after{
    width: 1.7rem;
    height: 1rem;
    left: calc(50% - 0.85rem);
    bottom: 0;
    background-image: url(../img/modelhouse/imgNavIcon02.png);
}
#fNavi.type_estateform .r_txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_15);
    font-weight: bold;
}
#fNavi.type_estateform .r_txt .txtIn{
    display: inline-block;
    position: relative;
}
#fNavi.type_estateform .r_txt .txtIn + .txtIn{
    padding-top: calc(var(--pcFontSize14) * (13 / 14));
}
#fNavi.type_estateform .r_txt .txtIn + .txtIn::after{
    content: "";
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background-color: var(--whiteColor);
    top: calc(0% + (var(--pcFontSize14) * (6 / 14)));
    left: calc(50% - 0.15rem);
    border-radius: 50%;
}
@media only screen and (min-width:1216px){
    #fNavi.type_estateform{
        top: calc(10rem + 15rem);
    }
    #fNavi.type_estateform .navRight{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #fNavi.type_estateform .r_txt{
        width: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}
@media only screen and (max-width:1215px){
    #fNavi.type_estateform{
        width: 100%;
        padding-top: 0;
    }
    #fNavi.type_estateform .navLinkArea{
        padding-top: 1px;
    }
    #fNavi.type_estateform .navInner{
        display: flex;
    }
    #fNavi.type_estateform .navRight{
        width:100%;
        height: 7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    #fNavi.type_estateform .navRight::after{
        content: "";
        position: absolute;
        width: 1.3rem;
        height: 0.8rem;
        background: url(../img/modelhouse/imgNavIcon02.png) center no-repeat;
        background-size: 100% auto;
        right: 2rem;
        top: calc(50% - 0.4rem);
    }
    #fNavi.type_estateform .r_inner{
        display: inline-block;
        position: relative;
        padding: 0;
        padding-left: calc(2rem + 1.5rem);
    }
    #fNavi.type_estateform .r_inner::before{
        left:0;
        top: calc(50% - 1.2rem);
    }
    #fNavi.type_estateform .r_inner::after{
        display: none;
    }
    #fNavi.type_estateform .r_txt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
        display: flex;
    }
    #fNavi.type_estateform .r_txt .txtIn{
        display: inline-block;
        position: relative;
    }
    #fNavi.type_estateform .r_txt .txtIn + .txtIn{
        padding-top: 0;
        padding-left: calc(var(--spFontSize16) * (12 / 16));
    }
    #fNavi.type_estateform .r_txt .txtIn + .txtIn::after{
        width: calc((var(--spFontSize16) * (4 / 16)));
        height: calc((var(--spFontSize16) * (4 / 16)));
        top: calc(50% - (var(--spFontSize16) * (4 / 16)) / 2);
        left: calc(0% + (var(--spFontSize16) * (4 / 16)));
    }
}