@charset "UTF-8";

.mobile-actions { display: none; }

/* Figma 11091:1755: two 187.5 × 45px links, kept above the device home indicator. */
@media (max-width: 767px) {
  body { --mobile-actions-height: 45px; padding-bottom: calc(var(--mobile-actions-height) + env(safe-area-inset-bottom, 0px)); }
  .mobile-actions { position: fixed; inset: auto 0 0; z-index: 40; display: grid; grid-template-columns: 1fr 1fr; height: calc(var(--mobile-actions-height) + env(safe-area-inset-bottom, 0px)); font-family: "YS Noto Sans JP", "Noto Sans JP", sans-serif; }
  .mobile-actions > a { display: flex; align-items: center; justify-content: center; min-width: 0; padding-bottom: env(safe-area-inset-bottom, 0px); color: #fff; font-size: 16px; font-weight: 700; line-height: 1; letter-spacing:.08em; }
  .mobile-actions > a:hover { opacity: 1; }
  .mobile-action-entry { background: var(--green) url('../images/bdb5d.svg') center / 100% 100% no-repeat; }
  .mobile-action-recruit { background: var(--yellow) url('../images/57e8b.svg') center / 100% 100% no-repeat; }
  .mobile-action-content { display: grid; align-items: center; flex: none; }
  .mobile-action-entry .mobile-action-content { grid-template-columns: 34.5031px 121px; gap: 4.5px; }
  .mobile-action-recruit .mobile-action-content { grid-template-columns: 21px 68px; gap: 13px; }
  .mobile-action-content > span { text-align: center; white-space: nowrap; }
  .mobile-actions .mobile-action-icon { display: block; max-width: none; }
  .mobile-actions > a:focus-visible { outline: 2px solid var(--ink); outline-offset: -3px; }
}

@media (max-width: 374px) {
  .mobile-action-content { scale: calc(100vw / 375px); }
}