/*
==========================================================================
 ul column style
==========================================================================
*/
.ul-column {
  display: grid;
  flex-wrap: wrap;
  padding: 0 !important;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid var(--grayline);
}

.ul-column li {
  flex: 1 0 calc(100% / 3);
  list-style-type: none !important;
  border-bottom: 1px solid var(--grayline);
  padding: 14px 12px;
  word-break: break-word;
}

.ul-column li:nth-of-type(2):nth-last-of-type(1) {
  grid-column: span 2;
}

.ul-column li:only-of-type {
  grid-column: span 3;
}

/*
==========================================================================
 600px
==========================================================================
*/
@media screen and (max-width: 600px) {
  .ul-column {
    grid-template-columns: 1fr 1fr;
  }

  .ul-column li:nth-of-type(2):nth-last-of-type(1) {
    grid-column: span 1;
  }
}