.aisyo-index {
  width: 100%;
  padding: 15px 0 40px;
  box-sizing: border-box;
}

.hub-index {
  width: 100%;
  padding: 25px 0 40px;
  box-sizing: border-box;
}

.aisyo-index__title,
.hub-index__title {
  width: min(94vw, 375px);
  margin: 0 auto 15px;
  font-size: 17.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(69, 47, 36, 0.72);
  text-align: center;
  line-height: 1.4;
}

.hub-index__title {
  margin-bottom: 25px;
}

.aisyo-index.article-pickup,
.hub-index.article-pickup {
  margin-top: 0;
}

.hub-index .article-pickup__track--pair-articles {
  margin-top: 0;
}

.hub-index__title--after {
  margin-top: 25px;
}

.aisyo-index .article-pickup__link--soon,
.hub-index .article-pickup__link--soon {
  cursor: default;
  pointer-events: none;
}

.aisyo-index .article-pickup__link--soon .article-pickup__cta,
.hub-index .article-pickup__link--soon .article-pickup__cta {
  background: #c4bbb4;
  color: #fff;
}

@media (min-width: 768px) {
  .aisyo-index {
    padding: 17.5px 0 56px;
  }

  .hub-index {
    padding: 32.5px 0 56px;
  }

  .aisyo-index.article-pickup,
  .hub-index.article-pickup {
    margin-top: 0;
  }

  .aisyo-index__title,
  .hub-index__title {
    width: min(90vw, 760px);
    margin-bottom: 17.5px;
    font-size: 20px;
  }

  .hub-index__title {
    margin-bottom: 32.5px;
  }

  .hub-index__title--after {
    margin-top: 32.5px;
  }
}

.tarot-vote {
  padding-top: 7.5px;
}

.tarot-vote__banner {
  display: block;
  width: 100%;
  max-width: 450px;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 0;
}

.tarot-vote__date {
  margin: 17.5px 0 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: #452f24;
  text-align: center;
}

@media (min-width: 768px) {
  .tarot-vote__banner {
    max-width: 640px;
  }

  .tarot-vote__date {
    margin-top: 22.5px;
    font-size: 17.5px;
  }
}