* {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;
}

.lp-wrap {
  width: 100%;
  max-width: 944px;
  margin: 0 auto;
  padding-bottom: calc(var(--cta-height, 154px) + 24px);
}

.lp {
  display: block;
  width: 100%;
  height: auto;
}

.lp-footer {
  container-type: inline-size;
}

.company-info {
  padding-top: clamp(64px, 12cqw, 112px);
}

.company-link {
  display: block;
  width: 100%;
  padding: 0 12px;
  text-align: center;
  font-size: 14px;
  font-size: clamp(14px, 2.5cqw, 22px);
  line-height: 1.5;
  color: #335e5b;
  text-underline-offset: 0.2em;
}

.cta-bar {
  position: fixed;
  inset: auto 0 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(to top, #fffffff9, #ffffffd9 60%, transparent);
  pointer-events: none;
}

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

.cta-bar a[aria-disabled="true"] {
  pointer-events: none;
}

.cta-bar img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 8px #0000001f);
}