/* 30周年ロゴ：トップページの右下に配置 */
.home .hero { padding-bottom: 110px; }
.home .hero-right { position: relative; }
.home .hero-right::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: var(--seino-anniversary-width, 420px);
  aspect-ratio: 1;
  right: max(-98px, calc((1240px - 100vw) / 2 - 12px));
  bottom: var(--seino-anniversary-bottom, -73px);
  background: #fff url("./30th-anniversary-hd.png") center / contain no-repeat;
  box-shadow: 0 10px 30px rgba(11, 31, 65, .16);
  pointer-events: none;
}
@media (min-width: 881px) and (max-width: 1250px) {
  .home .hero-right::after { right: -12px; width: var(--seino-anniversary-width, 360px); bottom: var(--seino-anniversary-bottom, -73px); }
}
@media (max-width: 880px) {
  .home .hero { padding-bottom: 60px; }
  .home .hero-right::after {
    position: relative;
    display: block;
    width: min(420px, calc(100% + 32px));
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: auto;
    margin: 24px 0 0;
  }
}