.recruit-box {
  width: 170px;
  height: 70px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;

  color: #ffffff;
  background: linear-gradient(135deg, #004a99, #0066cc);

  border-radius: 12px;
  text-decoration: none;

  box-shadow: 0 6px 18px rgba(0,0,0,0.15);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 控えめホバー（PC用） */
.recruit-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.2);
}

/* スマホ押下 */
.recruit-box:active {
  transform: scale(0.97);
}