@charset "utf-8";

/* ----------------------------------
先進性
---------------------------------- */
.z_about {
  margin-top: 40px;
}

.z_about .zeh02 {
  max-width: 1000px;
  margin: 20px auto 0;
}

.z_life {
  margin-top: 60px;
}

.z_life .column3 {
  margin-top: 20px;
}

.z_life .column3 li {
  border: 1px solid #ccc;
}

.z_life .column3 li .item_txt {
  text-align: center;
  padding: 10px 10px;
}

.lifettl {
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #6d7f82;
  padding: 10px 10px;
}

.lifettl .big {
  display: inline-block;
  font-size: 1.4em;
  padding-left: 12px;
}

.lifettl .num {
  display: inline-block;
  font-size: 1.4em;
  font-style: italic;
}

.dannetsu {
  margin-top: 60px;
}

.dannetsu_flex {
  justify-content: space-between;
}

.dannetsu_flex li {
  width: 48%;
}

.zeh_other .flex {
  justify-content: space-between;
}

.zeh_other .flex .text {
  width: 48%;
}

.zeh_other .flex .text .item_ttl {
  margin-top: 0;
}

.zeh_other .flex .image {
  align-self: flex-start;
  width: 48%;
  position: relative;
}

.icon_kinri {
  width: 60px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 10;
}

.logo_ttl .logo_zeh {
  width: 60px;
}

.logo_ttl .logo_green {
  width: 60px;
}

.carbon {
  margin-top: 40px;
}

.carbon .image_flex {
  justify-content: space-between;
  margin-top: 20px;
}

.carbon .image_flex .left {
  width: 26%;
}

.carbon .image_flex .right {
  width: 70%;
}

.carbon .image_flex .right p {
  margin-bottom: 10px;
}


/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1180px) {}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {
  .z_about {
    margin-top: 20px;
  }
  .z_life .column3 li {
    margin-top: 20px;
  }
  .dannetsu_flex li {
    width: 100%;
  }

  .dannetsu_flex li:nth-of-type(n+2) {
    margin-top: 40px;
  }

  .icon_kinri {
    right: -5px;
  }

  .zeh_other .flex .text {
    width: 100%;
  }

  .zeh_other .flex .image {
    width: 100%;
    margin-top: 10px;
  }

  .logo_ttl .logo_green {
    width: 40px;
  }

  .carbon {
    margin-top: 20px;
  }

  .carbon .image_flex .left {
    width: 100%;
    order: 2;
    margin-top: 20px;
    }

  .carbon .image_flex .right {
    width: 100%;
    order: 1;
  }
  }