.ml-auto {
  margin-inline: auto;
}

.pc-sp-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pc-sp-column {
  justify-content: flex-start;
}

.pc-sp-column--material .im-1 .im-1-ttl, .pc-sp-column--material .im-1 .im-1-txt {
  text-align: left;
}

@media print, screen and (min-width: 768px) {
  .pc-sp-column[data-col-pc="3"] {
    column-gap: 24px;
    row-gap: 2.2em;
  }

  .pc-sp-column[data-col-pc="4"] {
    column-gap: 27px;
  }

  [data-col-pc="3"] > * {
      width: calc((100% - 72px) / 3 - 0.1px);
  }

  [data-col-pc="4"] > * {
    width: calc((100% - 108px) / 4  - 0.1px);
  }
}

@media only screen and (max-width: 767.98px) {
  [data-col-sp="1"] > * {
      width: 100%;
  }

  .mod_s_mt2e[data-col-pc="3"], .mod_s_mt2e[data-col-pc="4"] {
    margin-top: 0;
  }
}