.border {
  border: solid 1px #ddd;
}

.heading4--supply {
  border-left: solid 5px #ffe691;
  padding-left: 15px;
  width: auto;
  display: inline-block;
}

.heading4--qol {
  border-left: solid 5px #f0918c;
  padding-left: 15px;
  width: auto;
  display: inline-block;
}

icon_img {
padding-left: 5px;
}
.heading4--environment {
  border-left: solid 5px #bedc96;
  padding-left: 15px;
  width: auto;
  display: inline-block;
}

.heading4--develop_talent {
  border-left: solid 5px #96b9e1;
  padding-left: 15px;
  width: auto;
  display: inline-block;
}

.heading4--integrity {
  border-left: solid 5px #facd91;
  padding-left: 15px;
  width: auto;
  display: inline-block;
}

.heading4--human_rights {
  border-left: solid 5px #8d93c8;
  padding-left: 15px;
  width: auto;
  display: inline-block;
}

.icon {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}

.icon_list {
  display: -webkit-box; /* before Android4.3 iOS6:Safari */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-flex; /* Pc-safari */
   display: flex;
   flex-wrap: wrap;
   margin-top: 30px;
  -webkit-justify-content: left;       /* Safari etc. */
  -ms-justify-content: left;       /* IE10        */
   justify-content: left;
}

.icon_list li {
   margin: 0 5px 1px 0;
}

.heading4--supply img,
.heading4--qol img,
.heading4--environment img,
.heading4--develop_talent img,
.heading4--integrity img,
.heading4--human_rights img {
padding-right: 10px;
}

.materiality_list_text {
  font-size: 1.04rem;
}

@media screen and (min-width: 1024px) {
  .materiality_list_text {
    font-size: 1.07rem;
  }
}