/* --------------------------------------------------
Contents
-------------------------------------------------- */
.mv__image { aspect-ratio: 2 / 3; }

.collection { padding: 10rem 0 0; }
.collection__inner { padding: 0 calc(var(--padding-base) * 2); }
.collection__text { margin: 0 0 3.5rem; }
.collection__textTitle { font-size: 1.25rem; letter-spacing: 0.07em; line-height: 1.28; margin: 0 0 2rem; }
.collection__textDesc { margin: 0 0 4.5rem; }
.collection__textView { font-family: var(--font-en-family); font-size: 1rem; letter-spacing: 0.02em; }
.collection__image { aspect-ratio: 50 / 33; }

@media screen and (min-width: 768px) { .contents__inner { padding: 0 calc(var(--padding-base) * 3) 0 0; }
  .topContainer { display: flex; justify-content: space-between; align-items: flex-end; }
  .mv { width: 50%; }
  .collection { width: 30.62%; min-width: 30rem; padding: 0 0 9.53%; }
  .collection__inner { padding: 0; max-width: 50rem; margin: 0 auto; }
  .collection__text { margin: 0 0 33.67%; }
  .collection__textTitle { font-size: 1.6rem; line-height: 1.31; }
  .collection__textDesc { font-size: 1.4rem; line-height: 1.36; margin: 0 0 6rem; }
  .collection__textView { font-size: 1.2rem; }
  .collection__textViewLink { transition: color 0.2s var(--easeout) 0s; }
  .collection__textViewLink:hover { color: var(--light-color); }
  .collection__image { width: 75.95%; } }
