@charset "Shift_JIS";
/* リストデザイン031 */
.list_design031{
  list-style: none;
  width: 300px;
  font-size : 15px;
}

.list_design031 .animation{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(100px, 0px);
          transform: translate(100px, 0px);
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 100%;
  font-size : 16px;
}

.list_design031 .animation.is-show{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.list_design031 li{
  color: #333;
  border-left: solid 8px #6e9d45;
  background: #eee;
  margin-bottom: 5px;
  padding: 0.5rem;
  width: 25%;
}