/* このファイルはSCSSを使用せず直接編集可能 */

/* 修正 */

.news_list_01 .img {
  img {
    aspect-ratio: 365 / 255;
    object-fit: contain;
  }
}

#top_mv {

  &:has(.banner) {
    @media (max-width: 768px) {
      flex-direction: column;
      gap: 10vw;

      .banner {
        img {
          width: min(300px, 300 / 375 * 100vw);
        }
      }
    }

    @media (min-width: 769px) {
      .banner {
        position: absolute;
        right: 50px;
        bottom: 6vw;
        img {
          width: 350px;
        }
      }
    }

    .banner {
      background-color: #fff;
  
      a {
        transition: opacity .3s ease;
  
        &:hover {
          opacity: 0.7;
        }
      }
    }
  }
}