.contents > article .box {
  margin-top: clamp(2.8rem, 3.6458333333vw, 5rem);
}
.contents .txt {
  padding-block: clamp(1.2rem, 1.5625vw, 2rem);
  padding-inline: 14px;
}
@media (min-width: 1024px) {
  .contents .txt {
    padding-inline: 0;
  }
}
.contents .txt.grn {
  margin-top: 12px;
  background-color: #f2fbf5;
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .contents .txt.grn {
    padding-inline: clamp(1.4rem, 1.8229166667vw, 3rem);
  }
}
.contents .txt.grn > ul li {
  text-indent: -16px;
  padding-left: 16px;
}
.contents .txt.grn > ul li > span {
  color: #00a73c;
}
.contents .brand > ul {
  margin-top: clamp(3rem, 3.90625vw, 6rem);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(1.4rem, 3.90625vw, 6rem);
}
.contents .brand > ul li {
  /*box-shadow: 0 0 clamp(0.25rem, 0.3255208333vw, 0.5rem) rgba(0, 0, 0, 0.2);
  border-radius: clamp(0.5rem, 0.6510416667vw, 1rem);*/
  width: 100%;
  /*min-height: 176.5px;
  padding-block: 15px;*/
}
@media (min-width: 1024px) {
  .contents .brand > ul li {
    width: calc((100% - clamp(3rem, 3.90625vw, 6rem)) / 2);
    /*min-height: 330px;
    padding-block: 30px;*/
  }
}
.contents .brand > ul li.fuji img {
  width: 111px;
  margin-left: auto;
  margin-right: auto;
  margin-block: 15px 19px;
}
@media (min-width: 1024px) {
  .contents .brand > ul li.fuji img {
    width: 240px;
    margin-block: 39px 35.5px;
  }
}
.contents .brand > ul li.maxvalu img {
  width: 225px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .contents .brand > ul li.maxvalu img {
    width: 419px;
  }
}
.contents .brand > ul li > div {
  /*padding-top: 15px;*/
}
@media (min-width: 1024px) {
  .contents .brand > ul li > div {
    /*padding-top: 30px;*/
  }
}
.contents .brand > ul li > div a {
  width: min(100% - 28px, 629px);
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2.5px;
  border-radius: 50px;
  border: solid 1px #dadad9;
  background-color: #f2fbf5;
}
@media (min-width: 1024px) {
  .contents .brand > ul li > div a {
    /*max-width: 400px;*/
    height: 78px;
    background-color: #fff;
      font-weight: bold;
      font-size: 1.1em;
  }
  .contents .brand > ul li > div a:hover {
    background-color: #f2fbf5;
  }
}

/*#sustainability .contents > article .col_text{
    margin-top: 0 !important;
}
*/