hr {
  color: var(--color-ddd);
  margin: var(--space-L) var(--space-M) 0 var(--space-M);
}

.page-title-wrapper {
  padding: var(--space-M) var(--space-XS) 0 var(--space-M);
}

.page-title-wrapper h1 {
  font-size: var(--title-M);
}

.component-title-M {
  font-size: var(--text-M);
  margin: 0 var(--space-M);
}

.component-title-M h2 {
  font-size: var(--title-S);
  margin-bottom: var(--space-XS);
}

.special-component {
  padding-top: var(--space-M);
}

.special-card-wrapper {
  padding: var(--space-M);
}

.card-vertical-M img {
  height: 198px;
  width: 240px;
}

.card-vertical-M .vertical-fix {
  object-position: 90% 20%;
}

.card-image-sticker {
  left: 10px;
  top: 10px;
}

/* PC版 */
@media (min-width: 768px) {
  .main-container {
    width: var(--pc-static-width);
  }

  .page-title-wrapper {
    padding-left: 0;
    display: inline-block;
  }

  .page-title-wrapper h1 {
    font-size: var(--title-XL);
  }

  hr {
    margin: var(--space-L) 0 var(--space-M) 0;
  }

  .component-title-M {
    font-size: var(--text-L);
    margin: 0;
  }

  .component-title-M h2 {
    font-size: var(--title-M);
  }

  .special-card-wrapper {
    padding: var(--space-M) 0;
  }

  .card-pickup {
    flex-direction: row;
  }

  .card-pickup img {
    width: 550px;
    height: 350px;
    border-radius: var(--radius-common) 0 0 var(--radius-common);
  }

  .card-pickup .card-text-wrapper {
    padding: var(--space-XL);
    width: 100%;
  }
}