/* /whitepaper/ の準備中表示。既存のヘッダー・フッターには適用しない。 */
.whitepaper .pageHeading .pageHeading_text {
  width: 440rem;
  margin-top: 0;
  font-size: 14rem;
  line-height: 1.85;
  letter-spacing: 0.02em;
}

.whitepaper .whitepaper-comingSoon {
  width: 100%;
  margin: 75rem 0 140rem;
  padding: 96rem 88rem;
  background: #2c5341;
  color: #fff;
  font-family: "FOT-筑紫ゴシック Pr5 R", "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

.whitepaper .whitepaper-comingSoon_badge {
  display: inline-flex;
  align-items: center;
  gap: 10rem;
  padding: 8rem 16rem;
  border: 1px solid #819b8d;
  border-radius: 100vmax;
  font-size: 12rem;
  line-height: 1.3;
  letter-spacing: 0.12em;
}

.whitepaper .whitepaper-comingSoon_badge span {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background: #b8caa1;
}

.whitepaper .whitepaper-comingSoon_title {
  margin: 40rem 0 42rem;
  font-size: 120rem;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.whitepaper .whitepaper-comingSoon_serif {
  font-family: freight-big-pro, "Times New Roman", serif;
}

.whitepaper .whitepaper-comingSoon_sans {
  font-family: neue-haas-grotesk-display, Arial, sans-serif;
  font-size: 0.92em;
}

.whitepaper .whitepaper-comingSoon_lead {
  font-size: 26rem;
  line-height: 1.7;
  letter-spacing: 0.04em;
}

.whitepaper .whitepaper-comingSoon_spBreak {
  display: none;
}

.whitepaper .whitepaper-comingSoon_text {
  max-width: 565rem;
  margin-top: 36rem;
  color: #bacbc2;
  font-size: 15rem;
  line-height: 1.9;
  letter-spacing: 0.02em;
}

.whitepaper .whitepaper-comingSoon_actions {
  display: flex;
  align-items: center;
  gap: 36rem;
  margin-top: 44rem;
  font-size: 15rem;
  line-height: 1.5;
}

.whitepaper .whitepaper-comingSoon_actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20rem;
  min-height: 58rem;
  text-decoration: none;
}

.whitepaper .whitepaper-comingSoon_contact {
  padding: 16rem 28rem;
  border-radius: 3rem;
  background: #fff;
  color: #272422;
}

.whitepaper .whitepaper-comingSoon_works {
  color: #e0e8e3;
}

.whitepaper .whitepaper-comingSoon_actions svg {
  width: 20rem;
  height: 14rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1;
}

.whitepaper .whitepaper-comingSoon_actions a:hover {
  opacity: 0.8;
}

.whitepaper .whitepaper-comingSoon_actions a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

@media (max-width: 768px) {
  .whitepaper .pageHeading .pageHeading_main {
    margin-bottom: 40rem;
  }

  .whitepaper .pageHeading .pageHeading_main_move {
    display: block;
  }

  .whitepaper .pageHeading .pageHeading_main .--serif,
  .whitepaper .pageHeading .pageHeading_main .--sanserif {
    display: block;
    line-height: 1.05;
  }

  .whitepaper .pageHeading .pageHeading_main .--serif {
    font-size: 90rem;
  }

  .whitepaper .pageHeading .pageHeading_main .--sanserif {
    font-size: 80rem;
  }

  .whitepaper .pageHeading .pageHeading_text {
    width: 100%;
    margin-top: 24rem;
    font-size: 13rem;
    line-height: 1.85;
  }

  .whitepaper .whitepaper-comingSoon {
    width: 100%;
    margin: 42rem 0 80rem;
    padding: 48rem 24rem 42rem;
  }

  .whitepaper .whitepaper-comingSoon_badge {
    gap: 8rem;
    padding: 7rem 12rem;
    font-size: 10rem;
  }

  .whitepaper .whitepaper-comingSoon_badge span {
    width: 6rem;
    height: 6rem;
  }

  .whitepaper .whitepaper-comingSoon_title {
    margin: 26rem 0 28rem;
    font-size: 55rem;
  }

  .whitepaper .whitepaper-comingSoon_lead {
    font-size: 17rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
  }

  .whitepaper .whitepaper-comingSoon_spBreak {
    display: inline;
  }

  .whitepaper .whitepaper-comingSoon_text {
    margin-top: 26rem;
    font-size: 13rem;
    line-height: 1.9;
  }

  .whitepaper .whitepaper-comingSoon_actions {
    flex-direction: column;
    gap: 12rem;
    margin-top: 30rem;
    font-size: 14rem;
  }

  .whitepaper .whitepaper-comingSoon_actions a {
    min-height: 54rem;
  }

  .whitepaper .whitepaper-comingSoon_contact {
    width: 100%;
  }
}