@charset "utf-8";
/* section ZEH*/
.sec-zeh {
    background: url(../imgs/zeh_sec_bg.jpg) no-repeat center top / cover;
}
.sec-zeh-body {
    padding: clamp(80px, 9.52380952vw, 160px) 0;
}
.sec-zeh-top {
    margin: 0 auto;
    margin-bottom: clamp(40px, 2.9761904761904761905vw, 50px);
    text-align: center;
}
.sec-zeh-top .txt01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 0;
    margin-bottom: clamp(30px, 3.57142857vw, 60px);
}
.sec-zeh-top .zeh-logo {
    text-align: center;
    width: 45%;
}
.sec-zeh-top .zeh-logo img {
    width: 71%;
}
.sec-zeh-top .zeh-what {
    font-size: clamp(1.1rem, 0.892857143vw, 1.5rem);
    text-align: left;
    width: 55%;
}
.sec-zeh-top .zeh-what .ttl img {
    width: clamp(250px, 18.452381vw, 310px);
}
.sec-zeh-top .txt02 {
    max-width: 965px;
    margin: 0 auto 0;
    padding-bottom: 30px;
    position: relative;
}
.sec-zeh-top .txt03 img {
    height: 19px;
    width: auto;
}
.sec-zeh-top .txt04 {
    font-size: clamp(1.2rem, 0.892857143vw, 1.5rem);
    letter-spacing: 0.18em;
    margin-bottom: 20px;
}
.sec-zeh-top .txt05 img {
    width: 605px;
}
@media screen and (max-width: 767px){
    .sec-zeh-top .zeh-logo,
    .sec-zeh-top .zeh-what {
        text-align: center;
        width: 100%;
    }
    .sec-zeh-top .zeh-logo img {
        width: 70%;
    }
}

.sec-zeh-point {
    text-align: center;
}
.sec-zeh-point .point-ttl img {
    margin-bottom: 20px;
    width: clamp(245px, 29.1666667vw, 490px);
}
.sec-zeh-point .point-txt {
    font-size: clamp(1.1rem, 0.892857143vw, 1.5rem);
    margin-bottom: 20px;
}
.sec-zeh-point .feature {
    margin-bottom: -15vw;
    position: relative;
    z-index: 1;
}
.sec-zeh-point .list-feature {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.sec-zeh-point .list-feature li {
    width: clamp(155px, 18.452381vw, 310px);
}
.sec-zeh-point .txt-feature {
    color: #FFF;
    font-size: clamp(2rem, 2.38095238vw, 4rem);
    text-align: center;
}
.sec-zeh-point .point-block {
    background-color: #FFF;
    padding: clamp(25px, 2.97619048vw, 50px) clamp(20px, 3.57142857vw, 60px);
}
.sec-zeh-point .list-point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec-zeh-point .list-point li {
    position: relative;
    text-align: left;
    width: 47%;
}
.sec-zeh-point .list-point li:nth-child(2) {
    background-color: rgba(228,243,226,0.6);
}
.sec-zeh-point .list-point li:nth-child(2) .point-head {
    background-color:transparent;
    margin-bottom: 0;
}
.sec-zeh-point .point-head {
    margin-bottom: 20px;
    padding: 20px 20px 20px 90px;
    position: relative;
    background-color: rgba(228,243,226,0.6);
    z-index: 1;
}
.sec-zeh-point .point-head .icon {
    position: absolute;
    left: -15px;
    top: -10px;
    width: 88px;
}
.sec-zeh-point .point-head .ttl {
    color: #336e99;
    font-size: clamp(1.3rem, 1.19047619vw, 2rem);
    margin-right: -5px;
}
.sec-zeh-point .point-head .txt {
    font-size: clamp(1.2rem, 0.892857143vw, 1.5rem);
}
.sec-zeh-point .point-bel {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: clamp(15px, 1.7857142857142857143vw, 30px);
}
.sec-zeh-point .point-bel .img {
    width: 60%;
}
.sec-zeh-point .point-bel .desc {
    flex: 1;
}
.sec-zeh-point .point-bel .txt {
    font-size: clamp(1rem, 0.6547619047619047619vw, 1.1rem);
}
.sec-zeh-point .point-info {
    padding: 0 clamp(15px, 1.7857142857142857143vw, 30px) clamp(15px, 1.7857142857142857143vw, 30px);
}
.sec-zeh-point .point-info .rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.sec-zeh-point .point-info .rows .cols-md-4,
.sec-zeh-point .point-info .rows .cols-md-8 {
    padding-left: 5px;
    padding-right: 5px;
}
.sec-zeh-point .point-info .cols-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.sec-zeh-point .point-info .item {
    margin-bottom: 15px;
}
.sec-zeh-point .point-info .item-txt {
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 5px;
}
.sec-zeh-point .point-info .item-txt .lg {
    font-size: 120%;
}
.sec-zeh-point .point-info .item-txt .sm {
    font-size: 92%;
    display: inline-block;
}
@media screen and (min-width: 768px){
    .sec-zeh-point .point-info .cols-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .sec-zeh-point .point-info .cols-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .sec-zeh-point .point-info .rows .cols-md-8.pr {
        padding-right: 14px;
    }
}
@media screen and (max-width: 767px){
    .sec-zeh-point .list-point {
        row-gap: 30px;
    }
    .sec-zeh-point .list-point li {
        width: 100%;
    }
    .sec-zeh-point .point-head {
        margin-bottom: 10px;
        padding: 20px;
    }
    .sec-zeh-point .point-head .icon {
        width: 66px;
        top: -15px;
    }
    .sec-zeh-point .point-head .ttl {
        margin-bottom: 10px;
        padding-left: 40px;
        margin-right: 0;
    }
    .sec-zeh-point .point-bel .img {
        width: 100%;
    }
}