/* 暗い帯：全面の鍵盤の写真を暗くして、真ん中に白い文字を重ねる */
.daily { position: relative; z-index: 2; margin-top: 14rem; color: var(--white); }
.daily__main { position: relative; }
.daily__bg { height: 72rem; background: var(--dark); }
.daily__bg img { object-position: center 62%; }
.daily__main::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(8, 8, 8, 0.62);
  pointer-events: none;
}
.daily__body {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.daily__en { font-size: 5.6rem; line-height: 1; letter-spacing: 0.06em; }
.daily__en-sub { margin-top: 1.2rem; font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.06em; opacity: 0.8; }
.daily__ttl {
  margin-top: 5rem;
  padding-top: 4.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 1.9rem;
  line-height: 2.4;
  letter-spacing: 0.42em;
}
.daily__trigger { position: absolute; bottom: 3rem; width: 100%; height: 1px; }

@media (max-width: 1023px) {
  .daily { margin-top: 6rem; }
  .daily__bg { height: auto; aspect-ratio: 390 / 443; }
  .daily__en { font-size: 3.4rem; }
  .daily__en-sub { margin-top: 0.6rem; font-size: 1.2rem; }
  .daily__ttl { margin-top: 3rem; padding-top: 2.6rem; font-size: 1.5rem; letter-spacing: 0.3em; line-height: 2.2; }
}