@charset "UTF-8";
/* ============================================================
   custom.css  —  サイト独自の追加・上書きスタイル

   style.css は書き出しツールで上書きされる可能性があるため、
   カスタマイズはすべてこのファイルに記述します。

   読み込み順： style.css → custom.css
   （同じ優先度なら、後から読み込むこのファイルが優先されます）
   ============================================================ */


/* ------------------------------------------------------------
   1. トップページの新着一覧
      カテゴリバッジを廃止したため、日付＋タイトルの2カラムにする
      （CGIは <span> を出力しないので、3カラムのままだと
        タイトルが幅100pxの列に押し込まれて崩れます）
   ------------------------------------------------------------ */
.news-list a{grid-template-columns:130px 1fr}
.news-list a > span{display:none}

@media (max-width:850px){
  .news-list a{grid-template-columns:1fr;gap:5px}
  .news-list strong{grid-column:auto;margin-top:7px}
}


/* ------------------------------------------------------------
   2. 新着情報ページのページ送り
      記事が10件を超えるとCGIが .news-pager を出力します
   ------------------------------------------------------------ */
.news-pager{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:70px;
}
.news-pager a,
.news-pager span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:46px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:5px;
  color:var(--deep);
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.news-pager a:hover{
  border-color:var(--blue);
  background:var(--sky);
  color:var(--blue);
  transform:translateY(-2px);
}
.news-pager .current{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
.news-pager-nav{
  padding:0 20px;
  color:var(--muted);
}

@media (max-width:850px){
  .news-pager{gap:6px;margin-top:54px}
  .news-pager a,
  .news-pager span{min-width:40px;height:40px;padding:0 9px;font-size:13px}
  .news-pager-nav{padding:0 14px}
}


/* ------------------------------------------------------------
   3. 記事が0件のときのメッセージ
   ------------------------------------------------------------ */
.news-list p,
.news-articles > p{
  color:var(--muted);
  font-size:14px;
}
.news-list p{
  padding:26px 10px;
  border-bottom:1px solid var(--line);
}


/* ------------------------------------------------------------
   4. 記事へのアンカー遷移
      トップの一覧から /news/#news-3 で飛んだとき、
      固定ヘッダー（88px）の下に潜り込まないようにする
   ------------------------------------------------------------ */
.news-article{scroll-margin-top:110px}


/* ------------------------------------------------------------
   5. 採用ページのお問い合わせフォーム
   ------------------------------------------------------------ */
.recruit-form{margin-top:70px}
.recruit-form #mailform-root{
  border-radius:6px;
  overflow:hidden;
}

@media (max-width:850px){
  .recruit-form{margin-top:54px}
}