@charset "utf-8";
/*============================

KANAME CUSTOM CSS
新規追加のスタイル専用ファイル

作成日: 2025-12-03
既存のcss/scssを触ると崩れる可能性があるため、
新しいスタイルはこのファイルに追加します。

============================*/
/* ========================================
   Recruit Banner Responsive Layout
   2025-12-03: page-job.phpのバナー用レスポンシブ対応
======================================== */
.recruit-banner-wrap {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.recruit-banner {
  flex: 0 1 auto;
  max-width: 500px;
}

/* スマホ: 縦並び (767px以下) */
@media only screen and (max-width: 767px) {
  .recruit-banner-wrap {
    flex-direction: column;
    align-items: center;
  }
  .recruit-banner {
    width: 100%;
    max-width: 100%;
  }
}
/* iPad mini以上: 横並び (768px以上) */
@media only screen and (min-width: 768px) {
  .recruit-banner-wrap {
    flex-direction: row;
  }
}