.container {
  position: relative;
  text-align: left;
  width: 100%;
  max-width: var(--container-outer);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}
.pad_l {
  padding-block: var(--space-section-l);
}
.pad_m {
  padding-block: var(--space-section-m);
}
.pad_s {
  padding-block: var(--space-section-s);
}
.pad_xs {
  padding-block: var(--space-section-xs);
}
.gap_xs {
  margin-bottom: var(--space-section-xs);
}
.gap_s {
  margin-bottom: var(--space-section-s);
}
.gap_m {
  margin-bottom: var(--space-section-m);
}
.gap_xs:last-child,
.gap_s:last-child,
.gap_m:last-child {
  margin-bottom: 0;
}
.post_box {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-card);
}
.post_trim {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.cover_fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@keyframes fade_in {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.is_fade_in {
  animation: fade_in 0.8s var(--transition) both;
}
.outline_card {
  position: relative;
  margin-top: 2.4rem;
  padding: 3.2rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  background: var(--bg-color-light, #fafafa);
}
@media screen and (max-width: 768px) {
  .outline_card {
    margin-top: 1.6rem;
    padding: 2.4rem;
  }
}
.js .is_reveal {
  opacity: 0;
  transform: translateY(1.6rem);
  transition:
    opacity 0.6s var(--ease-reveal),
    transform 0.6s var(--ease-reveal);
}
.js .is_reveal.is_visible {
  opacity: 1;
  transform: none;
}
.nowrap {
  white-space: nowrap;
}
.br_pc {
  display: inline;
}
@media screen and (max-width: 768px) {
  .br_pc {
    display: none;
  }
}