@charset "UTF-8";

/**
 * 追加スタイル
 * style.css はデザイナー納品のビルド物のため、実装で足したスタイルはこちらに書く
 */

/* MEDIA詳細（style.css の下層ページ用ヘッダー指定に .page-media-detail がないため補う） */
body:has(.page-media-detail) .header:not(.headerColorScroll) {
  background: transparent;
  box-shadow: none;
}

body:has(.page-media-detail) main {
  padding-top: 0;
}

/* NEWS一覧「もっと見る」 */
.news-archive__more.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

/* RECRUIT一覧（レイアウトはNEWS一覧と共通のため差分のみ） */
.recruit-archive {
  padding: 0 0 150px;
}

.recruit-archive__contents {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.recruit-archive__list {
  gap: 48px;
}

.recruit-archive .news__thumb {
  flex-basis: 300px;
  aspect-ratio: 16/9;
}

@media screen and (max-width: 767px) {
  .recruit-archive {
    padding-bottom: 90px;
  }

  .recruit-archive__list {
    gap: 56px;
  }

  .recruit-archive .news__thumb {
    flex-basis: auto;
    width: 100%;
    height: auto;
  }
}