.only-long-ttl {
    display: none;
  }
  
  @media screen and (max-width: 1032px) {
    .mv:has(.ttl--long, .ttl--md) .ttl-mv .s {
      margin-left: 26vw;
    }
  
    .mv:has(.ttl--long, .ttl--longer, .ttl--md) {
      height: 75vw;
      background-position: left;
    }
  
    .mv:has(.ttl--longer) {
      text-align: right;
    }
  
    .ttl-mv:has(.ttl--4) {
      font-size: 8vw;
    }
  
    .ttl-mv:has(.ttl--longer) {
      font-size: 7.6vw;
    }
  
    .ttl--long + .only-long-ttl,
    .ttl--longer + .only-long-ttl,
    .ttl--md + .only-long-ttl {
      display: block;
    }
  
    .ttl--long {
      margin-left: 5vw;
    }
  
    .ttl--md {
      margin-left: 5vw;
    }
  }
  
  @media screen and (min-width: 1033px) {
    .ttl-mv:has(.ttl--long, .ttl--longer) .only-pc {
      display: none;
    }
  
    .ttl--long + .only-long-ttl,
    .ttl--longer + .only-long-ttl {
      display: block;
    }
  
    .ttl-mv:has(.ttl--md) {
      font-size: min(7.2vw, 80px);
    }
  
    .ttl--md {
      font-size: 68px;
    }
  
    .ttl-mv:has(.ttl--long) {
      font-size: min(7.2vw, 74px);
    }
  
    .ttl--long {
      font-size: 58px;
    }
  
    .ttl-mv:has(.ttl--longer) {
      font-size: min(7.2vw, 68px);
    }
  
    .ttl--longer {
      font-size: 46px;
    }
  }