.atelier-page {
  padding-inline: 18px;
  padding-bottom: 120px;
}

/* =========================
   画像
========================= */
.atelier-item {
  margin-bottom: 56px;

  opacity: 0.45;
  transform: translateY(20px);

  transition:
    opacity 1.6s ease,
    transform 1.6s ease;
}

.atelier-item.show {
  opacity: 1;
  transform: translateY(0);
}

.atelier-image {
  display: block;
  width: min(60%, 1200px);
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

/* 少しだけ変化 */
.atelier-small {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   スマホ
========================= */
@media (max-width: 768px) {

  .atelier-page {
    padding-inline: 18px;
    padding-bottom: 120px;
  }

  .atelier-intro {
    padding-top: 32px;
    margin-bottom: 72px;
  }

  .atelier-item {
    margin-bottom: 36px;
  }

  .atelier-small {
    max-width: 100%;
  }

}