* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #fff;
  overflow-x: hidden;
}

.lp {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.lp-wrap {
  padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  min-width: 0;
}

.lp-final {
  display: grid;
  justify-items: center;
  margin-top: clamp(112px, 24vw, 260px);
  padding-bottom: 48px;
}

.company-recruit-link {
  color: #777;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: clamp(15px, 4.2vw, 42px);
  line-height: 1.4;
  margin-top: 20px;
  text-decoration: underline;
  text-underline-offset: 0.16em;
  white-space: nowrap;
}

.cta-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.85) 60%, transparent);
  pointer-events: none;
}

.cta-bar a {
  pointer-events: auto;
  display: block;
  width: 100%;
  max-width: min(400px, 100%);
  line-height: 0;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.cta-bar img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12));
}