.category-life{
  margin-bottom: 100px;
}

.category-life li:nth-child(1) > a{
  background: url("../image/icon_garbage.png") no-repeat left 50% top 45px;
  background-size: 65px;
}

.category-life li:nth-child(2) > a{
  background: url("../image/icon_hazardmap.png") no-repeat left 50% top 45px;
  background-size: 70px;
}

.category-life li:nth-child(3) > a{
  background: url("../image/icon_contact.png") no-repeat left 50% top 45px;
  background-size: 70px;
}

.category-life li:nth-child(4) > a{
  background: url("../image/icon_prohibited.png") no-repeat left 50% top 45px;
  background-size: 70px;
}

.category-parking li:nth-child(1) > a{
  background: url("../image/icon_bicycle.png") no-repeat left 50% top 45%;;
  background-size: 70px;
}

.category-parking li:nth-child(2) > a{
  background: url("../image/icon_car.png") no-repeat left 50% top 50%;
  background-size: 70px;
}

.category-parking li:nth-child(3) > a{
  background: url("../image/icon_motorcycle.png") no-repeat left 50% top 45%;;
  background-size: 70px;
}

.category-parking li:nth-child(4) > a{
  background: url("../image/icon_visitor-parking.png") no-repeat left 50% top 40%;;
  background-size: 70px;
}

.lifenote-list li:nth-child(-n+4) > a{
  display: block;
  padding-top: 180px;
  position: relative;
  overflow: hidden;
  transition: .5s;  
}

@media screen and (max-width: 767.98px) {

  .category-life li:nth-child(1) > a{
    background: url("../image/icon_garbage.png") no-repeat left 50% top 35%;
    background-size: 40%;
  }

  .category-life li:nth-child(2) > a{
    background: url("../image/icon_hazardmap.png") no-repeat left 50% top 40%;
    background-size: 35%;
  }

  .category-life li:nth-child(3) > a{
    background: url("../image/icon_contact.png") no-repeat left 50% top 40%;
    background-size: 35%;
  }

  .category-life li:nth-child(4) > a{
    background: url("../image/icon_prohibited.png") no-repeat left 50% top 40%;
    background-size: 35%;
  }

  .category-parking li:nth-child(1) > a{
    background: url("../image/icon_bicycle.png") no-repeat left 50% top 45%;
    background-size: 40%;
  }

  .category-parking li:nth-child(2) > a{
    background: url("../image/icon_car.png") no-repeat left 50% top 45%;
    background-size: 40%;
  }

  .category-parking li:nth-child(3) > a{
    background: url("../image/icon_motorcycle.png") no-repeat left 50% top 45%;
    background-size: 40%;
  }

  .category-parking li:nth-child(4) > a{
    background: url("../image/icon_visitor-parking.png") no-repeat left 50% top 45%;
    background-size: 40%;
  }

  .lifenote-list li:nth-child(-n+4) > a{
    height: 43vw;
    display: block;
    padding-top: 0;
    position: relative;  
  }
}