#boxMain {background: #F3F4F6;padding: 100px 0;}
#boxMain .container {max-width: 720px;}
#boxMain .container h3 {padding: 20px 0;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;font-size: 2.5rem;font-weight: 400;margin-bottom: 50px;text-align: center;}
.intro-zeh{max-width: 720px;margin: 0 auto 100px;}
.clr-red{color: #BE0000;}
.intro-zeh .intro-zeh-img{margin-top: 40px;}
.intro-zeh .intro-zeh-img h5{font-size: 1.8rem;margin-bottom: 20px;}
.intro-zeh .intro-zeh-txt .m-desc{margin-bottom: 15px;}
.intro-zeh .intro-zeh-txt a:hover{opacity: 0.6;}
.intro-zeh .intro-zeh-txt .m-desc a span.link{font-size: 1.4rem;}
.intro-zeh .intro-zeh-txt a span.link{position: relative;padding-right: 10px;}
.intro-zeh .intro-zeh-txt .m-desc .txt-under{text-decoration: underline;text-underline-offset: 3px;}
.intro-zeh .intro-zeh-txt .caption a{padding-right: 10px;margin:0 5px;border-bottom: 1px solid #BE0000;margin-right: 5px;line-height: 1;display: inline-block;padding-bottom: 3px;position: relative;}
.intro-zeh .intro-zeh-txt a::after ,.intro-zeh .intro-zeh-txt a span.link::after{border: solid #BE0000;border-top-width: medium;border-top-color: #BE0000;border-right-width: medium;border-right-color: #BE0000;border-bottom-width: medium;border-bottom-color: #BE0000;border-left-width: medium;border-left-color: #BE0000;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);right: 0px;top: 30%;position: absolute;content: '';}
.intro-zeh .intro-zeh-txt .caption a::after{top: 2px;}
.intro-zeh .intro-zeh-txt a.no-icon::after{display: none;} 
#intro h2{margin-bottom: 20px;}
.logo-good{text-align: center;margin-bottom: 20px;}
@media only screen and (max-width: 767px){
   .logo-good{margin-bottom: 10px;}
}
.link-eco{text-align: center;width: fit-content;margin: 0 auto 100px;display: block;}
.link-eco:hover{opacity: 0.8;}
@media only screen and (max-width: 767px){.link-eco{margin-bottom: 60px;}}

/* performance */
.performance .performance-inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.performance .performance-inner .performance-txt{width: 47.22%;}
.performance .performance-inner .performance-img{width: 47.5%;}
.performance .performance-inner .performance-txt .caption{margin-top: 10px;}
/* bels */
.bels {padding: 20px 0 ;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin:50px 0 100px;}
.bels-tit {cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 2rem;}
.bels-tit{cursor: pointer;display: flex;justify-content: space-between;align-items: center;}
.bels-tit:hover{opacity: 0.6;}
.bels-tit .icon{position: relative;padding-right: 30px;font-size: 1.6rem;}
.bels-tit.is-open .icon span{display: none;}
.bels-tit .icon.active span.txt-open{display: none;}
.bels-tit .icon span.txt-open{display: block;}
.bels-tit .icon span.txt-close{display: none;}
.bels-tit .icon.active span.txt-close{display: block;}

.bels-tit .icon::after{border: solid #000;border-top-width: medium;border-top-color: #000;border-right-width: medium;border-right-color: #000;border-bottom-width: medium;border-bottom-color: #000;border-left-width: medium;border-left-color: #000;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(-135deg);right: 15px;top: 35%;position: absolute;content: '';}
.bels-tit .icon::after{transform: rotate(45deg);}
.bels-tit .icon.active::after{top: 50%;transform: rotate(-135deg);}
.bels-content{display: none;padding-top: 30px;}
.bels .bels-img{margin-top: 30px;}
/* tax */

.tax .tax-inner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;margin-bottom: 40px;}
.tax .caption{margin-top: 10px;}
.tax .tax-inner .tax-txt{width: 47.7%;}
.tax .tax-inner .tax-img{width: 47.22%;background: rgba(192, 200, 211, 0.4);text-align: center;padding: 40px;cursor: pointer;}
.tax .tax-inner .tax-img:hover{opacity: 0.6;}
.tax .tax-inner .tax-img .ic-zoom{border-bottom: 1px solid #000;display: inline-block;line-height: 1;padding-bottom: 3px;}
.tax .tax-inner .tax-img .ic-zoom::before{content: '';background: url("../img/renovation/zeh/ic-zoom.png") no-repeat top left/100% 100%;width: 13px;height: 13px;margin-right: 5px;display: inline-block;position: relative;top: 2px;}
.tax .row h4 {font-weight: 400;padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #ccc;font-size: 2rem;}
.tax .row h4 span{font-size: 1.6rem;}
.tax .tax-inner2 .img{margin: 0 0 20px;}
/* modal */
.ieMessage-btnGroup{flex-wrap: wrap;}
.ieModal .modal-img{width: 100%;}
.ieModal .modal-img:not(:first-child){margin-top: 40px;}
.ieModal{overflow-y: scroll;}
.ieMessage{top: 0;transform: translate(-50% ,0);padding: 0;background: rgba(0, 0, 0, 0.5);margin: 40px 0;}
.ieMessage__close{display: none;}
@media only screen and (max-width: 767px){
    #intro.container {max-width: 1084px;}
    #boxMain{padding: 60px 0;}
    #boxMain .container h3{font-size: 2rem;}
    .intro-zeh .intro-zeh-img h5{font-size: 1.2rem;margin-bottom: 10px;}
    .intro-zeh{margin-bottom: 40px;}
    .performance .performance-inner .performance-txt{width: 100%;}
    .performance .performance-inner .performance-img{width: 100%;order: -1;margin-bottom: 20px;}
    .bels-tit .icon span.txt-open,.bels-tit .icon.active span.txt-close{display: none;}
    .bels-tit .icon::after {top: -4px;}
    .tax .tax-inner .tax-img{width: 100%;order: -1;margin-bottom: 20px;padding: 20px;}
    .tax .tax-inner .tax-txt{width: 100%;}
    .tax .row h4{font-size: 1.8rem;}
    .tax .row h4 span{display: block;}
    .bels{margin-bottom: 60px;}
    .tax .tax-inner2 .img{padding-bottom: 10px;overflow-x: scroll;}
    .tax .tax-inner2 .img img{width: 708px;max-width: unset;}













    /* modal */
    .ieMessage{width: 94%;}
    .ieMessage__close{display: block;position: absolute;top: -15px;right: 0;}
    .ieModal{background: #000;}
    .ieModal .modal-img:first-child{padding-top:20px;}
    .ieModal .modal-img:not(:first-child){margin-bottom: 40px;}
}


.eco-reno{max-width: 1080px;margin: 50px auto 0;width: calc(100% - 30px);}
@media only screen and (max-width: 767px){
    .eco-reno{margin-top: 30px;}
}




/* 20251106 */
#zeh-251106.main {
    padding-top: 0;
}

.banner-mv{
    padding: 150px 0 30px;
    background: #F8F8F8;
    margin-bottom: 70px;
}

@media only screen and (max-width: 767px){
    .banner-mv{
        margin-bottom: 50px;
    }
}

.banner-mv__inner{
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
}

@media only screen and (max-width: 767px){
    .banner-mv__inner{
        gap: 70px;
    }
}

.banner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    transition: opacity 0.3s ease-in-out;
}

.banner-item:hover {
    opacity: 0.8;
}

@media only screen and (max-width: 767px){
    .banner-item {
        flex-direction: column;
        gap: 12px;
    }
}


@media only screen and (max-width: 767px){
    .banner-item figure{text-align: center;}
    .banner-item figure img {
        width: 80%;
    }
}

.banner-item p{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.banner-item:hover p::after {
    transform: rotate(-45deg) translate(-60%, -40%);
}

.banner-item p::after {
    content: '';
    border: solid #707070;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    opacity: 1;
    transform: rotate(-45deg) translate(-80%, -60%);
    -webkit-transform: rotate(-45deg) translate(-80%, -60%);
    margin: 0 10px;
    position: relative;
    top: 0;
    transition: transform 0.3s ease-in-out;
}

@media only screen and (max-width: 767px){
    .banner-item p::after {
        position: absolute;
        right: -45px;
        top: 50%;
        transform: rotate(-45deg) translate(0, -60%);
    }

    .banner-item:hover p::after {
        transform: rotate(-45deg) translate(0, -60%);
    }
}

.bnr-zeh{
    max-width: 720px;
    margin: 50px auto 0;
}

@media only screen and (max-width: 767px){
    .bnr-zeh{
        margin: 30px auto 0;
    }

    .bnr-zeh img {
        height: auto;
    }
}

#zeh-251106 .logo-good{text-align: center;margin: 20px 0 40px;}

#zeh-251106 .intro-zeh {
    margin: 0 auto 80px;
}

@media only screen and (max-width: 767px){
    #zeh-251106 .intro-zeh {
        margin: 0 auto 50px;
    }
}

#zeh-251106 .intro-zeh h3 {
    font-size: 2rem;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 20px;
    margin-bottom: 35px;
}

#zeh-251106 .intro-zeh h3 span {
    font-size: 1.4rem;
}

@media only screen and (max-width: 767px){
    #zeh-251106 .intro-zeh h3 {
        text-align: left;
        padding: 0 0 25px;
        margin-bottom: 25px;
    }
}


#zeh-251106 .intro-zeh .intro-zeh-txt .m-desc{
    margin-bottom: 35px;
}

@media only screen and (max-width: 767px){
    #zeh-251106 .intro-zeh .intro-zeh-txt .m-desc{
        margin-bottom: 50px;
    }
}

/* #zeh-251106 .intro-zeh .intro-zeh-img {
    margin-top: 65px;
} */

#zeh-251106 .intro-zeh .intro-zeh-img img {
    height: auto;
}

/* @media only screen and (max-width: 767px){
    #zeh-251106 .intro-zeh .intro-zeh-img {
        margin-top: 85px;
    }
} */

#zeh-251106 #boxMain {
    padding: 50px 0 75px;
}

#zeh-251106 #boxMain .container h3 {
    font-size: 2rem;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 20px;
    margin-bottom: 35px;
}

@media only screen and (max-width: 767px){
    #zeh-251106 #boxMain .container h3 {
        text-align: left;
        margin-bottom: 30px;
    }
}

#zeh-251106 #boxPdfLink {
    padding: 100px 0;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 767px){
    #zeh-251106 #boxPdfLink {
        padding: 80px 0;
    }
}

#zeh-251106 .btn-pdf-link {
    position: relative;
    background: #958A76;
    color: #fff;
    width: 340px;
    max-width: 100%;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    transition: opacity 0.3s ease-in-out;
}

#zeh-251106 .btn-pdf-link::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    border: solid #ffffff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    opacity: 1;
    transform: rotate(-45deg) translateY(-65%);
    -webkit-transform: rotate(-45deg) translateY(-65%);
    margin: 0 10px;
}

#zeh-251106 .btn-pdf-link:hover {
    opacity: 0.8;
}

#zeh-251106 #bottomLink {
    background: #fff;
}

#zeh-251106 #bottomLink .btn-back {
    margin-bottom: 0;
}