/*----------------------------------------------------*/
/*                  enviromental                      */
/*----------------------------------------------------*/
.lower-mv.company {
  background-image: url(../img/company/company_lower_mv.jpg);
}

.enviromental-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px 0 0;
}

@media (max-width: 768px) {
  .enviromental-wrapper {
    display: block;
    position: relative;
  }
}

.enviromental__list {
  background: #fff;
  border: solid 1px #dddddd;
  border-radius: 15px;
  padding: 30px 60px;
  width: 80%;
  margin: 60px auto 0;
}

@media (max-width: 768px) {
  .enviromental__list {
    width: 100%;
    padding: 20px;
  }
}

.enviromental__list li {
  padding: 35px 0 35px 100px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

@media (max-width: 500px) {
  .enviromental__list li {
    padding: 20px 0 30px;
  }
}

.enviromental__list li:last-of-type {
  border-bottom: none;
}

.enviromental__list li::before {
  content: "01";
  font-family: Arial;
  font-size: 60px;
  display: flex;
  justify-content: center;
  align-items: center;;
  color: #E60012;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 1%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.enviromental__list li:nth-of-type(2):before {
  content: "02";
}
.enviromental__list li:nth-of-type(3):before {
  content: "03";
}
.enviromental__list li:nth-of-type(4):before {
  content: "04";
}
.enviromental__list li:nth-of-type(5):before {
  content: "05";
}

@media (max-width: 500px) {
  .enviromental__list li::before {
    position: relative;
    top: -50%;
    transform: none;
  }
}