.filter-list {
  display: flex;
}
.filter-list li {
  width: calc(100% / 4);
  text-align: center;
  background: #eee;
  border: 2px solid #fff;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.filter-list li.is-active {
  background: #333;
  color: #fff;
}
.filter-item {
  display: flex;
  flex-wrap: wrap;
}
.filter-item li {
  border: 2px solid #fff;
  width: calc(100% / 4);
  padding: 0px 20px;
  background: #eee;
  text-align: center;
}
.filter-item li[data-item="cat1"] {
  background: #F7D1D1;
}
.filter-item li[data-item="cat2"] {
  background: #D1EDF7;
}
.filter-item li[data-item="cat3"] {
  background: #D1F7D8;
}
.design01 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.design01 th {
 padding: 10px;
 background: #e9faf9;
 border: solid 1px #778ca3;
}
.design01 td {
 padding: 10px;
 border: solid 1px #778ca3;
}
.sample_box2_1 {
    padding: 0 1.5em;
    margin: 0.5em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #ffe5ff, #ffe5ff 5px, #ffffff 5px, #ffffff 10px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #ffe5ff, #ffe5ff 5px, #ffffff 5px, #ffffff 10px);/*ストライプ*/
    color: #4f274f;/*文字色*/
}
.sample_box2_1 p {
    margin: 0; 
    padding: 0;
}