@charset "utf-8";


.fGold{
    color: #bdb191;
}
/*-----------------------------------------------
    secCompanyTop
-----------------------------------------------*/
.secCompanyTop {
    margin-top: 110px;
    height: 950px;
    display: flex;
    align-items: center;
    background: url(../img/mansion_renovation/bgTop.jpg?250922) center top / cover;
}

.secCompanyTop .imgTit {
    margin-left: 320px;
}

#main {
    overflow: hidden;
}

.linkRenovation{
    position: absolute;
    top: 160px;
    right: 50px;
}

@media only screen and (max-width:767px) {
    .secCompanyTop {
        margin-top: 60px;
        height: 93.335vw;
        display: block;
        background: url(../img/mansion_renovation/bgTop_sp.jpg?250922) center top / cover;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .secCompanyTop .imgTit {
        text-align: center;
        width: 92%;
        height: auto;
        margin: 0 auto;
    }

    .linkRenovation{
        width: 95px;
        height: 40px;
        top: 15px;
        right: 15px;
    }
}

/*-----------------------------------------------
    secTicker
-----------------------------------------------*/
/* secTicker */
.secTicker {
    overflow: hidden;
    margin: 3px 0;
}

.secTicker .boxTicker {
    display: flex;
}

.secTicker .itemTicker:nth-child(odd) {
    animation: loop 80s -40s linear infinite;
    backface-visibility: hidden;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.secTicker .itemTicker:nth-child(even) {
    animation: loop2 80s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}

@media only screen and (max-width:767px) {
    .secTicker .imgTicker {
        height: 160px;
        width: 1208px;
    }
}

/*-----------------------------------------------
    pnkz
-----------------------------------------------*/
#pnkz {
    width: 100%;
    font-size: 0;
    padding: 0;
    position: relative;
}

#pnkz .boxList {
    position: absolute;
    content: "";
    left: calc(50% - 660px);
    top: 29px;
    z-index: 50;
}

#pnkz li {
    color: #fff;
}

#pnkz a {
    text-decoration: none;
    color: #fff;
}

#pnkz li::after {
    content: "/";
    margin: 0 3px;
    color: #fff;
}
/*-----------------------------------------------
    cmnTopTit
-----------------------------------------------*/
.cmnTopTit {
    display: flex;
    position: absolute;
    left: 15.625%;
    top: 150px;
    z-index: 2;
}

.cmnTopTit .imgBox {
    display: flex;
    position: relative;
}

.cmnTopTit .rightBox {
    padding-left: 20px;
    margin-left: 20px;
    display: inline-block;
    position: relative;
}

.cmnTopTit .rightBox::before {
    position: absolute;
    content: "";
    background: #ffffff69;
    opacity: 0.4;
    left: 0px;
    width: 1px;
    height: 130px;
    top: 0;
}

@media only screen and (max-width: 767px) {
    .cmnTopTit {
        margin: 0;
        position: static;
        padding-top: 39px;
        justify-content: center;
    }
    .cmnTopTit .leftAction{
        width: 54px;
    }

    .cmnTopTit .rightBox {
        padding-left: 0;
        margin-left: 0;
        width: 74px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .cmnTopTit .rightBox::before {
        left: calc(50% - 35px);
        width: 70px;
        height: 1px;
        top: unset;
        bottom: 0;
    }
    .cmnTopTit .imgBox {
        flex-direction: column-reverse;
        align-items: center;
    }
}
/*-----------------------------------------------
    secConcept
-----------------------------------------------*/
.secConcept{
    background: #293c52;
    padding-bottom: 150px;
    position: relative;
}
.secConcept .boxIndexTit{
    height: 1293px;
    position: relative;
}

.secConcept.lazyloaded .boxIndexTit{
    background: url(../img/mansion_renovation/bgConcept.jpg) center top;
}

.secConcept .boxIndexTit .indexTit{
    text-align: center;
    font-size: 30px;
    line-height: calc(65 / 30);
    letter-spacing: 5px;
    padding-top: 183px;
    color: #fff;
    margin-top: 1px;
}
.secConcept .boxIndexTit .indexTxt{
    text-align: center;
    font-size: 20px;
    line-height: calc(50 / 20);
    letter-spacing: 4px;
    padding-top: 28px;
    color: #fff;
}
.secConcept .boxIndexTit .boxConceptList{
    display: flex;
    gap: 53px;
    margin-top: 130px;
}
.secConcept .boxIndexTit .itemConcept{
    position: relative;
}
.secConcept .boxIndexTit .itemConcept::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 25px;
    background: #fff;
    clip-path: polygon(0% 0, 0 100%, 100% 50%);
    bottom: 125px;
    right: -35px;
}
.secConcept .boxIndexTit .itemConcept:last-child:after {
    display: none;
}

@media only screen and (max-width: 767px) {
    .secConcept {
        padding-bottom: 50px;
    }
    .secConcept .boxIndexTit {
        height: auto;
    }
    .secConcept.lazyloaded .boxIndexTit {
        background: url(../img/mansion_renovation/bgConcept_sp.jpg) center top / cover no-repeat;
    }
    .secConcept .boxIndexTit .indexTit {
        font-size: 16px;
        line-height: calc(30 / 16);
        letter-spacing: 0px;
        padding-top: 25px;
    }
    .secConcept .boxIndexTit .indexTxt {
        font-size: 14px;
        line-height: calc(30 / 14);
        letter-spacing: 0px;
        padding-top: 10px;
    }
    .secConcept .boxIndexTit .boxConceptList {
        display: flex;
        gap: 30px;
        margin-top: 30px;
        flex-direction: column;
        max-width: 400px;
    }
    .secConcept .boxIndexTit .itemConcept::after {
        width: 12px;
        height: 23px;
        clip-path: polygon(0% 0, 0 100%, 100% 50%);
        transform: rotate(90deg);
        bottom: -34px;
        right: calc(50% - 74px);
    }
}

/* secBnrSlider */

.secBnrSlider .boxSlider{
    position: relative;
    overflow: hidden;
    margin-top: 55px;
}
.secBnrSlider .swiper-slide{
    padding: 64px 80px 80px;
    background: #fff;
    opacity: 0.3;
}
.secBnrSlider .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.secBnrSlider .txtNum{
    font-size: 30px;
    letter-spacing: 3px;
    color: #293c52;
    margin-bottom: 45px;
}
.secBnrSlider .swiper{
    width: 1120px;
    overflow: visible;
}
.secBnrSlider .swiper-slide{
    border-radius: 4px;
}
.secBnrSlider .swiper-button-prev,
.secBnrSlider .swiper-button-next{
    width: 50px;
    height: 50px;
    margin-top: 0;
    top: calc(50% - 25px);
}
.secBnrSlider .swiper-button-prev{
    left: calc(50% - 585px);
}
.secBnrSlider .swiper-button-next{
    right: calc(50% - 585px);
}
.secBnrSlider .swiper-button-prev::after,
.secBnrSlider .swiper-button-next::after{
    display: none;
}
.secBnrSlider .swiper-button-prev.lazyloaded{
    background: url(../img/mansion_renovation/iconNext.png) center top / cover no-repeat;
    transform: rotate(180deg);
}
.secBnrSlider .swiper-button-next.lazyloaded{
    background: url(../img/mansion_renovation/iconNext.png) center top / cover no-repeat;
}
.secBnrSlider .imgSlider{
    display: block;
    height: 0;
    padding-top: 48.3334%;
    position: relative;
}
.secBnrSlider .boxTIt{
    margin-top: 0;
}
.secBnrSlider .secTitJp{
    font-size: 30px;
    letter-spacing: 3px;
    color: #bdb191;
}
.secBnrSlider .secTit{
    font-size: 22px;
    letter-spacing: 3px;
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    color:  #bdb191;
}
.secBnrSlider .secTit::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 1px;
    background: #bdb191;
}
@media only screen and (max-width:767px){
    .secBnrSlider .boxTIt{
        margin-top: 40px;
    }
    .secBnrSlider .swiper-button-prev.lazyloaded {
        background: url(../img/mansion_renovation/iconNext_sp.png) center top / cover no-repeat;
    }
    .secBnrSlider .swiper-button-next.lazyloaded {
        background: url(../img/mansion_renovation/iconNext_sp.png) center top / cover no-repeat;
    }
    .secBnrSlider .boxSlider{
        overflow: visible;
        margin-top: 25px;
    }
    .secBnrSlider .swiper{
        width: 89.334%;
    }
    .secBnrSlider .swiper-button-prev,
    .secBnrSlider .swiper-button-next{
        width: 30px;
        height: 30px;
        top: -55px;
    }
    .secBnrSlider .swiper-button-prev{
        left: unset;
        right: 16%;
    }
    .secBnrSlider .swiper-button-next{
        right: 5.334%;
    }
    .secBnrSlider .swiper-slide {
        padding: 16px 20px 20px;
        border-radius: 4px;
    }
    .secBnrSlider .imgSlider {
        padding-top: 112.88136%;
    }
    .secBnrSlider .secTit {
        font-size: 14px;
        letter-spacing: 1px;
        padding-top: 11px;
        margin-top: 11px;
    }
    .secBnrSlider .txtNum {
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 12px;
    }
    .secBnrSlider .secTitJp{
        font-size: 16px;
        letter-spacing: 1px;
    }
    .secBnrSlider .secTit::before {
        width: 50px;
    }
    .secBnrSlider .swiper-counter {
        font-size: 15px;
        /* text-align: center; */
        color: #fff;
        margin-top: 12px;
        letter-spacing: 1px;
        bottom: unset;
        top: -57px;
        left: unset;
        right: 29%;
        width: auto;
        position: absolute;
    }
    .secBnrSlider .swiper-pagination-current {
        margin-right: 50px;
        position: relative;
    }
    .secBnrSlider .swiper-pagination-current::before{
        content: "";
        width: 36px;
        height: 1px;
        background: #fff;
        position: absolute;
        top: 8px;
        right: -42px;
    }
}

/*-----------------------------------------------
    secRecommend
-----------------------------------------------*/

.secRecommend{
    position: relative;
}
.secRecommend .boxIndexTit{
    height: 2695px;
    position: relative;
}

.secRecommend.lazyloaded .boxIndexTit{
    background: url(../img/mansion_renovation/bgRecommend.jpg) center top;
    padding-bottom: 150px;
}

.secRecommend .boxIndexTit .indexTit{
    text-align: center;
    font-size: 30px;
    line-height: calc(65 / 30);
    letter-spacing: 5px;
    padding-top: 183px;
    color: #fff;
    position: relative;
}
.secRecommend .boxIndexTit .indexTit::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    bottom: -70px;
    left: 50%;
    background: #ffffff50;
}

/* boxLight */
.secRecommend .boxLight{
    margin: 107px 0 95px;
    border-top: 5px solid #b8bbbc;
    border-bottom: 5px solid #b8bbbc;
    height: 510px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secRecommend.lazyloaded .boxLight{
    background: url(../img/mansion_renovation/bgLight.jpg)center top / cover no-repeat;
}
.secRecommend .boxLight .txtLight{
    font-size: 32px;
    color: #fff;
    line-height: calc(65 / 32);
    text-align: center;
    text-shadow: 0px 0px 36px rgba(13, 14, 20, 0.8);
    letter-spacing: 5px;
}

/* boxFaq */
.boxFaq{
    margin-top: 100px;
    text-align: center;
    color: #fff;
}
.boxFaq .txtEng{
    font-size: 40px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.boxFaq .txtEng:before{
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: calc(50% - 15px);
}
.boxFaq .boxAnswer .txtEng{
    padding-bottom: 10px;
    padding-top: 20px;
}
.boxFaq .txtQ{
    font-size: 26px;
    line-height: calc(55 / 26);
    letter-spacing: 5px;
}
.boxFaq .boxAnswer .txtEng:before{
    background: #bdb191;
}
.boxFaq .txtA{
    font-size: 22px;
    line-height: calc(44 / 22);
    letter-spacing: 5px;
    margin-top: 30px;
}
.boxFaq .boxAnswer{
    width: 922px;
    height: 326px;
    margin: 35px auto 0;
}
.boxFaq .boxAnswer.lazyloaded{
    background: url(../img/mansion_renovation/bgAnswer.png)center top / contain no-repeat;
}

/* boxHouse */
.boxHouse{
    position: relative;
    text-align: center;
    margin-top: 98px;
}
.boxHouse .imgHouse.img01{
    content: '';
    position: absolute;
    width: 23.9584%;
    max-width: 460px;
    top: -8px;
    left: 20px;
}
.boxHouse .imgHouse.img02{
    content: '';
    position: absolute;
    width: 24.4792%;
    max-width: 470px;
    top: -8px;
    right: 20px;
}
.boxHouse .txtHouse{
    font-size: 26px;
    line-height: calc(60 / 26);
    letter-spacing: 5px;
}
.boxHouse .listHouse{
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
}
.boxHouse .itemHouse{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: #2e3744;
    font-size: 20px;
    line-height: calc(34 / 20);
    letter-spacing: 3px;
    color: #fff;
}
.boxHouse .titHouse{
    font-size: 40px;
    line-height: calc(80 / 40);
    letter-spacing: 8px;
    margin-top: 5px;
}
@media only screen and (max-width: 1780px) {
    .boxHouse .txtHouse {
        letter-spacing: 2px;
    }
    .boxHouse .titHouse {
        letter-spacing: 2px;
    }
}
@media only screen and (max-width: 1650px) {
    .boxHouse .txtHouse {
        font-size: 24px;
    }
    .boxHouse .titHouse {
        font-size: 34px;
    }
    .boxHouse .listHouse {
        gap: 20px;
    }
    .boxHouse .itemHouse {
        width: 240px;
        height: 240px;
        font-size: 18px;
        letter-spacing: 2px;
    }
}
@media only screen and (max-width:767px){
    .secRecommend .cmnTopTit .rightBox {
        width: 181px;
    }
    .secRecommend .cmnTopTit .rightBox::before {
        left: calc(50% - 72.5px);
        width: 145px;
        height: 1px;
        top: unset;
        bottom: 0;
    }
    .secRecommend .cmnTopTit .leftAction {
        width: 81px;
    }
    .secRecommend .boxIndexTit .indexTit {
        font-size: 16px;
        line-height: calc(30 / 16);
        letter-spacing: 0px;
        padding-top: 22px;
    }
    .secRecommend .boxIndexTit .indexTit::before {
        width: 1px;
        height: 30px;
        bottom: -40px;
    }
    .secRecommend.lazyloaded .boxIndexTit {
        background: url(../img/mansion_renovation/bgRecommend_sp.jpg) center top / cover no-repeat;
        padding-bottom: 50px;
    }
    .secRecommend .boxIndexTit {
        height: auto;
    }
    .secRecommend .boxLight .txtLight {
        font-size: 16px;
        line-height: calc(30 / 16);
        letter-spacing: 0px;
    }
    .secRecommend .boxLight {
        margin: 60px 0 30px;
        border-top: 3px solid #b8bbbc;
        border-bottom: 3px solid #b8bbbc;
        height: 200px;
    }
    .boxFaq .txtEng {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .boxFaq .txtQ {
        font-size: 15px;
        line-height: calc(28 / 15);
        letter-spacing: 0.5px;
        white-space: nowrap;
    }
    .boxFaq .txtA {
        font-size: 15px;
        line-height: calc(28 / 15);
        letter-spacing: 0.5px;
        margin-top: 12px;
    }
    .boxFaq .boxAnswer {
        width: 100%;
        max-width: 400px;
        height: auto;
        margin: 22px auto 0;
        min-height: 250px;
    }
    .boxFaq .boxAnswer.lazyloaded {
        background: url(../img/mansion_renovation/bgAnswer_sp.png) center top / contain no-repeat;
    }
    .boxHouse .txtHouse {
        font-size: 16px;
        line-height: calc(30 / 16);
        letter-spacing: 0px;
        margin-top: 13px;
    }
    .boxHouse .listHouse {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 10px auto 0;
    }
    .boxHouse .itemHouse {
        width: 100%;
        height: 50px;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 0;
    }
    .boxHouse .titHouse {
        font-size: 20px;
        line-height: calc(30 / 20);
        letter-spacing: 1px;
        margin-top: 5px;
    }
    .boxHouse .imgHouse.img01 {
        width: 45.075%;
        max-width: 151px;
        top: unset;
        left: 0;
        bottom: 0;
    }
    .boxHouse .imgHouse.img02 {
        width: 46.2587%;
        max-width: 155px;
        top: unset;
        right: -6%;
        bottom: 0;
    }
    .boxHouse {
        margin-top: 40px;
        padding-bottom: 318px;
        max-width: 400px;
    }
    .secRecommend.lazyloaded .boxLight {
        background: url(../img/mansion_renovation/bgLight_sp.jpg) center top / cover no-repeat;
    }
    .boxFaq {
        margin-top: 25px;
    }
    .boxFaq .boxAnswer .txtEng {
        padding-bottom: 7px;
        padding-top: 14px;
    }
    .boxFaq .txtEng:before {
        width: 15px;
        height: 1px;
        left: calc(50% - 7.5px);
    }
}

/*-----------------------------------------------
    secRenove_1
-----------------------------------------------*/

.secRenove_1{
    position: relative;
    overflow: hidden;
}
.secRenove_1 .bgBox01 {
    padding-top: 98px;
    padding-bottom: 148px;
}
.secRenove_1.lazyloaded .bgBox01 {
    background: url(../img/mansion_renovation/bgRenovation.jpg) center top / cover;
}
.secRenove_1 .txtimgBox{
    text-align: center;
}
.secRenove_1 .list_1{
    margin-top:100px;
}
.secRenove_1 .item_1{
    display: flex;
    position: relative;
    min-height: 450px;
}
.secRenove_1 .item_1:nth-child(2){
    flex-direction: row-reverse;
}
.secRenove_1 .item_1:nth-child(n+2){
    margin-top: 150px;
}
.secRenove_1 .pointBox {
    width: calc(100% - 480px);
    padding-top: 33px;
    margin-left: 178px;
    position: relative;
}
.secRenove_1 .item_1:nth-child(2) .pointBox{
    margin-right: 178px;
    margin-left: 0;
    padding-top: 60px;
}
.secRenove_1 .item_1:nth-child(3) .pointBox{
    padding-top: 20px;
}
.secRenove_1 .pointBox::before {
    position: absolute;
    content: "";
    background: #bdb19150;
    width: 720px;
    height: 1px;
    top: 110px;
    left: -57px;
}
.secRenove_1 .item_1:nth-child(2) .pointBox::before{
    top: 136px;
    left: 177px;
}
.secRenove_1 .item_1:nth-child(3) .pointBox::before{
    top: 101px;
    left: -57px;    
}
.secRenove_1 .flBox{
    display: flex;
}
.secRenove_1 .item_1:nth-child(2) .flBox{
    flex-direction: row-reverse;
    margin-right: 150px;
}
.secRenove_1 .point {
    font-size: 13px;
    color: #bdb191;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    /* background: #58361f; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -5px;
    line-height: 0.85;
    padding-top: 5px;
    position: absolute;
    top: 56px;
    left:-177px;
    border: 1px solid #bdb191;
}
.secRenove_1 .item_1:nth-child(2) .point{
    left: auto;
    right: -177px;
    top: 81px;
}
.secRenove_1 .item_1:nth-child(3) .point{
    top: 46px;
}
/* .secRenove_1 .item_1:nth-child(3) .point{
    top: 100px;
} */
.secRenove_1 .smool{
    font-size: 20px;
}
.secRenove_1 .listTit {
    font-size: 25px;
    line-height: 2;
    letter-spacing: 4px;
    color: #bdb191;
}
.secRenove_1 .listTxt {
    font-size: 18px;
    line-height: calc(48 / 18);
    margin: 39px 0 0 0px;
    letter-spacing: 1px;
    color: #bdb191;
}
.secRenove_1 .item_1:nth-child(2) .listTxt{
    margin: 37px 0 0 261px;
}
.secRenove_1 .span50 {
    font-size: 50px;
    margin-top: 2px;
}
.secRenove_1 .rightImg {
    position: absolute;
    right: calc(50% - 960px);
}
.secRenove_1 .item_1:nth-child(2) .rightImg{
    left: calc(50% - 960px);
    right: auto;
}
.secRenove_1 .reasonBox{
    margin-top: 120px;
    /* background: #654735; */
    border-radius: 5px;
    padding: 34px 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secRenove_1 .txt_1{
    font-size: 28px;
    color: #bdb191;
    line-height: 1.96;
    text-align: center;
    letter-spacing: 3px;
}
@media only screen and (max-width: 767px) {
    .secRenove_1 .bgBox01 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .secRenove_1.lazyloaded .bgBox01 {
        background: url(../img/mansion_renovation/bgRenovation_sp.jpg) center top / cover no-repeat;
    }
    .secRenove_1 .txtimgBox {
        width: 45.335%;
        margin: 0 auto;
        max-width: 400px;
    }
    .secRenove_1 .list_1 {
        margin-top: 50px;
        max-width: 400px;
    }
    .secRenove_1 .item_1 {
        flex-direction: column;
        min-height: auto;
    }
    .secRenove_1 .item_1:nth-child(n+2) {
        margin-top: 26px;
        padding-top: 27px;
        flex-direction: column;
        border-top: 1px solid #bdb19150;
    }
    .secRenove_1 .item_1:nth-child(3){
        margin-top: 24px;
        padding-top: 25px;
        flex-direction: column;
        border-top: 1px solid #bdb19150;
    }
    .secRenove_1 .pointBox {
        width: 100%;
        padding-top: 0px;
        margin-left: 0px;
        padding-bottom: 15px;
    }
    .secRenove_1 .item_1:nth-child(2) .pointBox{
        margin-right: 0px;
        margin-left: 0;
    }
    .secRenove_1 .item_1:nth-child(2) .pointBox{
        padding-top: 0px;
    }
    .secRenove_1 .item_1:nth-child(3) .pointBox{
        padding-top: 0px;
    }
    .secRenove_1 .flBox {
        align-items: center;
    }
    .secRenove_1 .item_1:nth-child(2) .flBox {
        flex-direction: row;
        margin-right: 0;
    }
    .secRenove_1 .point {
        font-size: 11px;
        line-height: 0.8;
        width: 60px;
        height: 60px;
        margin-top: 0;
        letter-spacing: 0.5px;
        padding-top: 5px;
        position: static;
        text-align: center;
    }
    .secRenove_1 .listTit {
        font-size: 16px;
        line-height: 1.375;
        letter-spacing: 0.5px;
        width: calc(100% - 60px);
        padding-left: 10px;
    }
    .secRenove_1 .listTxt {
        font-size: 14px;
        line-height: 1.84;
        margin: 14px 0 0 0px;
        letter-spacing: 0px;
    }
    .secRenove_1 .smool {
        font-size: 14px;
    }
    .secRenove_1 .rightImg {
        position: static;
        margin-top: 4px;
        border-radius: 5px;
        overflow: hidden;
    }
    .secRenove_1 .item_1:nth-child(2) .rightImg {
        left: calc(50% - 960px);
        right: auto;
        position: static;
    }
    .secRenove_1 .span50{
        font-size: 22px;
        margin-top: -3px;
    }
    .secRenove_1 .pointBox::before{
        position: absolute;
        content: "";
        background: #ffffff;
        width: 720px;
        height: 1px;
        top: 201px;
        left: -57px;
        display: none;
    }
    .secRenove_1 .item_1:nth-child(2) .listTxt{
        margin: 14px 0 0 0px;
    }
    .secRenove_1 .reasonBox{
        margin-top: 35px;
        background: #654735;
        border-radius: 5px;
        padding: 24px 0 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .secRenove_1 .txt_1{
        font-size: 16px;
        color: #fff;
        line-height: 1.625;
        text-align: center;
        letter-spacing: 1px;
    }
    
}
@media only screen and (max-width: 347px) {
    .secRenove_1 .listTit {
        font-size: 14px;
    }
    .secRenove_1 .smool{
        font-size: 14px;
    }
}

/*-----------------------------------------------
    secSupport
-----------------------------------------------*/
.secSupport{
    position: relative;
    height: 764px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secSupport.lazyloaded{
    background: url(../img/mansion_renovation/bgSupport.jpg) center top / cover no-repeat;
}
.secSupport::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100px;
    background: #ffffff50;
    bottom: -50px;
    left: 50%;
    z-index: 6;
}
.secSupport .txtBox{
    position: relative;
    top: 22px;
    right: 55px;
}
.secSupport .txt01{
    font-size: 25px;
    line-height: calc(50 / 25);
    letter-spacing: 5px;
    color: #fff;
}
.secSupport .txt02{
    font-size: 32px;
    line-height: calc(70 / 32);
    letter-spacing: 6.4px;
    margin-top: 25px;
    color: #fff;
}
.secSupport .imgSupport{
    position: absolute;
}
.secSupport .imgSupport.img01{
    left: 0;
    top: 100px;
    width: 26.0417%;
    max-width: 500px;
}
.secSupport .imgSupport.img02{
    right: 0;
    top: 100px;
    width: 32.76%;
    max-width: 629px;
}
@media only screen and (max-width: 1600px) {
    .secSupport .txtBox {
        right: 30px;
    }
    .secSupport .txt01 {
        font-size: 23px;
        letter-spacing: 4px;
    }
    .secSupport .txt02 {
        font-size: 30px;
        letter-spacing: 4px;
    }
}
@media only screen and (max-width: 767px) {
    .secSupport {
        height: auto;
        padding-bottom: 40px;
    }
    .secSupport.lazyloaded{
        background: url(../img/mansion_renovation/bgSupport_sp.jpg) center top / cover no-repeat;
    }
    .secSupport .txtBox {
        top: unset;
        right: unset;
        padding-top: 235px;
    }
    .secSupport .txt01 {
        font-size: 14px;
        line-height: calc(28 / 14);
        letter-spacing: 1px;
        text-align: center;
    }
    .secSupport .txt02 {
        font-size: 16px;
        line-height: calc(30 / 16);
        letter-spacing: 1px;
        margin-top: 10px;
        text-align: center;
    }
    .secSupport .imgSupport.img01 {
        left: 5.334%;
        top: 42px;
        width: 46.4%;
        max-width: 174px;
    }
    .secSupport .imgSupport.img02 {
        right: 0;
        top: 20px;
        width: 38.67%;
        max-width: 145px;
    }
    .secSupport::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 30px;
        background: #ffffff70;
        bottom: -15px;
        left: 50%;
        z-index: 6;
    }
}

@media only screen and (max-width:370px) {
    .secConcept .boxIndexTit .indexTit {
        font-size: 14px;
    }
    .secConcept .boxIndexTit .indexTxt {
        font-size: 12px;
    }
    .secRecommend .boxIndexTit .indexTit {
        font-size: 14px;
    }
    .secRecommend .boxLight .txtLight {
        font-size: 14px;
    }
    .boxFaq .txtQ {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .boxFaq .txtA {
        font-size: 12px;
        letter-spacing: 0px;
    }
    .boxHouse .itemHouse {
        font-size: 12px;
        letter-spacing: 0;
    }
    .boxHouse .titHouse {
        font-size: 16px;
    }

    .boxHouse .txtHouse {
        font-size: 14px;
    }
    .secRenove_1 .listTit {
        font-size: 13px;
    }
    .secRenove_1 .listTxt {
        font-size: 13px;
    }
    .secSupport .txt01 {
        font-size: 12px;
    }
    .secSupport .txt02 {
        font-size: 14px;
    }
}

.bnrRenovation{
    z-index: 5;
    position: relative;
}