@charset "UTF-8";
/* CSS Document */
.mincho{font-family: "Noto Serif JP","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*flexbox*/
.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.col3_2{width: 68%}
.vaC{align-items: center;}
.sp {display: none;}
.pc {display: block;}
.inner--base{width: 1200px;margin: auto}
.bgG{background: #ececec;padding-bottom: 60px}
.c-commonSub01 {
position: relative;
text-align: center;
font-weight: 500;
letter-spacing: 0.1em;
font-size: 2rem;
margin-bottom: 40px;
padding-bottom: 0.3em;
line-height: 1.5;
border-bottom: 1px solid #000
}
@media screen and (max-width: 810px) {/*スマホ設定*/
.inner--base{width: 96%;margin: auto}
.c-commonSub01 {font-size: 1.5rem;margin-top: 30px;margin-bottom: 20px}
}

.zeh_area .bg{background: #fff;padding-bottom: 60px}
.zeh_area h5{font-size: 1.7rem;letter-spacing: 0.1em;font-weight: normal;padding: 30px 0 0}
.zeh_area dl{width: 90%;margin: 60px auto 0}
.zeh_area dt{text-align: left;font-size: 1.4rem;background: #c9a063;color: #fff}
.zeh_area dt p:nth-child(1){background: #006934;padding: 12px 40px 12px 12px;clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);margin-right: 30px}
.zeh_area dd{padding-top: 40px;}
.zeh_area dd .photo{}
.zeh_area dd img{width: 100%;height: auto}
.zeh_area dd p{text-align: left;font-size: 1.1rem;line-height: 1.9}
.zeh_area dd .col3_2{width: 63%}
@media screen and (max-width: 810px) {/*スマホ設定*/
.zeh_area h5{font-size: 1.1rem;}
.zeh_area dt p{width: 100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.zeh_area dt{font-size: 1.1rem;}
.zeh_area dt p:nth-child(1){background: #006934;padding: 0;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);margin: 0}
.zeh_area dt p:nth-child(2){padding: 12px;font-size: 0.9rem}
.zeh_area dd .col3_2{width: 100%}
.zeh_area dd .col3{width: 100%;margin-top: 12px;}
.zeh_area dd p{font-size: 0.9rem;line-height: 1.9}
.flex {gap:unset !important;}
.zeh_area .bg {
    padding-bottom: 0;
}
.zeh_area dd {
    padding-top: 0;
}

}
    .p-equipment__content {
    margin: 40px auto;
    padding: 40px 0;
}
.catch {
    font-size: 23px;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}
#pankuzu .pankuzu-list li {
    color: #000;
}
/* .p-equipment__header {
    padding: 20px 60px 60px;
    background: #fff;
} */
.p-equipment__header {
    padding: 60px 0 20px;
    /* background: #fff; */
}
.p-equipment__footer {
    padding-bottom: 60px;
}
.p-equipment__ttl h2 {
    font-size: 1.2rem;
    letter-spacing: 0.3em;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
}
.p-equipment__ttl p {
    font-size: 1.0rem;
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #000;
}
.p-equipment__content {
    margin: 0 auto 40px;
    padding: 40px 0;
}
.zeh_area {
    background-color: #ececec;
}
.zeh-addition {
    width: 90%;
    margin: 36px auto 0;
    color: #1e4f3c;
}
.zeh-addition img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.zeh-addition__section + .zeh-addition__section {
    margin-top: 70px;
}
.zeh-standard__lead {
    display: block;
}
.zeh-standard__visual img {
    width: 100%;
    max-height: none;
    object-fit: contain;
}
.zeh-standard__text {
    margin-top: 34px;
    text-align: center;
    padding: 0 40px;
    border-left: 0;
}
.zeh-standard__text h6,
.zeh-oriented h6,
.zeh-life__body h6 {
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.6;
}
.zeh-standard__text h6,
.zeh-oriented h6 {
    font-size: 2rem;
}
.zeh-standard__text p,
.zeh-oriented p {
    margin: 18px 0 0;
    color: #222;
    font-size: 1.18rem;
    line-height: 2.1;
    letter-spacing: 0.04em;
    text-align: center;
}
.zeh-standard__chart {
    margin-top: 40px;
}
.zeh-life__grid {
    display: grid;
    gap: 42px;
}
.zeh-life__item {
    background: #f7fbf9;
}
.zeh-life__body {
    background: #0f7b55;
    color: #fff;
    padding: 28px 36px 32px;
    text-align: left;
}
.zeh-life__body h6 {
    color: #fff;
    font-size: 1.45rem;
    padding-bottom: 14px;
    border-bottom: 1px solid #fff;
}
.zeh-life__body p {
    margin: 16px 0 0;
    color: #fff;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.04em;
}
.zeh-life__figure {
    background: #0f7b55;
    padding: 34px 36px;
    text-align: center;
}
.zeh-life__figure img {
    width: 82%;
    max-width: 860px;
    margin: 0 auto;
}
.zeh-oriented {
    text-align: center;
}
.zeh-oriented h6 {
    color: #0f7b55;
    text-align: center;
}
.zeh-oriented p {
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.zeh-oriented__image {
    margin: 36px auto 46px;
}
.zeh-oriented__bels-box {
    max-width: 860px;
    margin: 36px auto 0;
    padding: 28px 34px 34px;
    border: 1px solid #0f7b55;
}
.zeh-oriented__bels-box p {
    max-width: none;
    margin-top: 0;
    font-size: 1.05rem;
    line-height: 1.9;
}
.zeh-oriented__bels {
    max-width: 720px;
    margin: 24px auto 0;
}
@media screen and (max-width: 810px){
.p-equipment__header {
        margin: 0;
        padding: 60px 0;
    }
.zeh-addition {
        width: 92%;
        margin-top: 28px;
    }
.zeh-addition__section + .zeh-addition__section {
        margin-top: 46px;
    }
.zeh-standard__lead {
        display: block;
    }
.zeh-standard__text {
        margin-top: 28px;
        padding-left: 0;
        border-left: 0;
        text-align: left;
    }
.zeh-standard__text h6,
.zeh-oriented h6 {
        font-size: 1.35rem;
    }
.zeh-standard__text p,
.zeh-oriented p {
        font-size: 0.95rem;
        line-height: 1.9;
        text-align: left;
    }
.zeh-standard__chart {
        margin-top: 28px;
    }
.zeh-life__grid {
        gap: 28px;
    }
.zeh-life__body {
        padding: 18px 18px 22px;
    }
.zeh-life__body h6 {
        font-size: 1.15rem;
    }
.zeh-life__body p {
        font-size: 0.9rem;
    }
.zeh-life__figure {
        padding: 22px 18px;
    }
.zeh-life__figure img {
        width: 100%;
        max-width: 100%;
    }
.zeh-oriented__image {
        margin: 26px auto 34px;
    }
.zeh-oriented__bels-box {
        margin-top: 26px;
        padding: 20px 16px 24px;
    }
.zeh-oriented__bels-box p {
        font-size: 0.9rem;
        line-height: 1.8;
    }
.zeh-oriented__bels {
        max-width: 100%;
        margin-top: 18px;
    }


}