/*
** .works__inner
*/

.works__inner {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
  grid-row-gap: calc(90 * 100vw / var(--standard-width));
}


/*
** .works__contents
*/

.works__headline {
  margin-bottom: calc(20 * 100vw / var(--standard-width));
}

.works__list {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
}

.works__item {
  border-bottom: 2.2px dotted var(--gray);
  padding-top: calc(15 * 100vw / var(--standard-width));
  padding-bottom: calc(15 * 100vw / var(--standard-width));
}

.works__item-name {
  font-size: calc(15 / var(--standard-font-size) * 1em);
  font-weight: 500;
  margin-bottom: calc(8 * 100vw / var(--standard-width));
}

.works__item-name::before {
  color: var(--main);
}

.works__item-orderer {
  padding-left: calc((15 / var(--standard-font-size) * 1em) + (3 * 100vw / var(--standard-width)));
}