/*
Theme Name: COCOCOLOR ORIGINAL THEME Child
Template: cococolor-original
Author: つづき
Description: COCOCOLOR EARTH専用のオリジナルテーマです。
Version: 1.0.1763263587
Updated: 2025-11-16 12:26:27

*/
/* =============================
   グローバルナビ右：採用担当者ボタン
   ============================= */

/* ヘッダー上部・右寄せ CTA */
.header-employer-cta {
  margin: 0 0 0 auto;   /* 右側へ寄せる */
  margin-right: 1px;
}

/* ボタンの見た目（PC） */
.header-employer-btn {
  background: #18B1D3;
  color: #fff;
  padding: 8px 20px;
  border-radius: 9999px;   /* pill型ボタン */
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;     /* 1行に収める */
  text-decoration: none;
  transition: opacity .2s, transform .1s;
}

.header-employer-btn:hover {
  opacity: 0.85;
  transform: translateY(1px);
}



.header-employer-btn:hover {
  opacity: 0.85;
  transform: translateY(1px);
}


/* スマホ時は邪魔にならない位置へ */
@media screen and (max-width: 767px) {
  .header-employer-cta {
    position: absolute;
    top: 68px;     /* SPヘッダーの下に表示 */
    right: 10px;
  }
  .header-employer-btn {
    padding: 6px 12px;
    font-size: 12px;
  }
}