/* Keep the consultation benefit at the same visual scale as the surrounding LP. */
.report-benefit--lp {
  --report-yellow: #fff15c;
  padding: 34px 28px 30px;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background: linear-gradient(150deg, #142b66 67%, #1b3886 67%);
}
.report-benefit--lp .report-gift-label {
  border: 0;
  padding: 8px 28px;
  background: var(--report-yellow);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .035em;
}
.report-benefit--lp .report-product { margin-top: 20px; font-size: 21px; }
.report-benefit--lp .report-heading h1 {
  margin-top: 10px;
  font-size: 43px;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: -.045em;
}
.report-benefit--lp .report-heading h1 span { color: var(--report-yellow); white-space: nowrap; }
.report-benefit--lp .report-offer {
  grid-template-columns: minmax(0, 360px) max-content;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  margin-top: 18px;
  gap: 22px;
}
.report-benefit--lp .report-booklet { max-width: 360px; }
/* Center the rotated five-page silhouette, not just its rectangular stage. */
.report-benefit--lp .report-booklet .gift-booklet-stage { transform: translateX(.4%); }
.report-benefit--lp .report-booklet figcaption { font-size: 14px; gap: 13px; color: #ffe79b; }
.report-benefit--lp .report-expand { min-height: 44px; font-size: 16px; font-weight: 700; }
.report-benefit--lp .report-present { font-size: 24px; font-weight: 800; line-height: 1.65; }
.report-benefit--lp .report-present strong { font-size: 37px; font-weight: 900; }
.report-benefit--lp .report-present em {
  display: inline-block;
  margin-top: 7px;
  color: var(--report-yellow);
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -.045em;
}
.report-benefit--lp .report-offer-copy .report-description { margin-top: 20px; font-size: 19px; line-height: 1.8; color: #fff; }
.report-benefit--lp .report-offer-copy .report-target { margin-top: 14px !important; font-size: 14px; line-height: 1.7; color: #dce5f7; }
.report-benefit--lp .report-insights { margin-top: 25px; padding-top: 25px; border-top: 2px solid #dfc47b80; }
.report-benefit--lp .report-points { gap: 24px 22px; }
.report-benefit--lp .report-points article { gap: 10px; }
.report-benefit--lp .report-points article > span { color: var(--report-yellow); font-size: 20px; font-weight: 900; line-height: 1.5; }
.report-benefit--lp .report-points h3 { color: #fff; font-size: 21px; font-weight: 800; line-height: 1.5; }
.report-benefit--lp .report-points p { margin-top: 8px; color: #e0e8f8; font-size: 16px; line-height: 1.75; }
.report-benefit--lp .report-note { margin-top: 27px !important; color: #c9d4ec; font-size: 13px; line-height: 1.8; }
@media (max-width: 600px) {
  .report-benefit--lp { padding: 28px 22px 25px; }
  .report-benefit--lp .report-gift-label { padding: 7px 20px; font-size: 17px; }
  .report-benefit--lp .report-product { margin-top: 17px; font-size: 17px; }
  .report-benefit--lp .report-heading h1 { margin-top: 12px; font-size: clamp(27px, 7.9vw, 39px); line-height: 1.4; letter-spacing: -.035em; }
  .report-benefit--lp .report-heading h1 span { display: block; }
  .report-benefit--lp .report-heading h1 br { display: none; }
  .report-benefit--lp .report-offer { display: flex; flex-direction: column; width: 100%; max-width: 440px; margin-top: 22px; gap: 20px; }
  .report-benefit--lp .report-booklet { width: 100%; max-width: 360px; }
  .report-benefit--lp .report-booklet figcaption { flex-direction: row; gap: 15px; font-size: 14px; }
  .report-benefit--lp .report-expand { font-size: 15px; padding: 8px 0; }
  .report-benefit--lp .report-offer-copy { width: 100%; text-align: center; }
  .report-benefit--lp .report-present { font-size: 21px; line-height: 1.5; }
  .report-benefit--lp .report-present strong { font-size: 31px; }
  .report-benefit--lp .report-present em { margin-top: 5px; font-size: 32px; }
  .report-benefit--lp .report-offer-copy .report-description { font-size: 16px; line-height: 1.8; margin-top: 14px; }
  .report-benefit--lp .report-offer-copy .report-description br { display: none; }
  .report-benefit--lp .report-offer-copy .report-target { font-size: 14px; margin-top: 8px !important; }
  .report-benefit--lp .report-insights { margin-top: 25px; padding-top: 23px; }
  .report-benefit--lp .report-points { grid-template-columns: 1fr; gap: 21px; }
  .report-benefit--lp .report-points article { display: flex; gap: 12px; }
  .report-benefit--lp .report-points article > span { flex: 0 0 27px; font-size: 19px; margin: 0; }
  .report-benefit--lp .report-points h3 { font-size: 19px; line-height: 1.5; }
  .report-benefit--lp .report-points p { font-size: 16px; line-height: 1.65; margin-top: 5px; }
  .report-benefit--lp .report-note { font-size: 12px; margin-top: 24px !important; }
}
@media (max-width: 350px) {
  .report-benefit--lp { padding-inline: 16px; }
  .report-benefit--lp .report-heading h1 { font-size: 27px; }
  .report-benefit--lp .report-product { font-size: 16px; }
  .report-benefit--lp .report-present strong { font-size: 29px; }
  .report-benefit--lp .report-present em { font-size: 29px; }
}

/* Keep the approved desktop composition readable at tablet widths. */
@media (min-width: 601px) and (max-width: 749px) {
  .report-benefit--lp .report-offer { grid-template-columns: 1.1fr 1fr; width: 100%; gap: 18px; }
  .report-benefit--lp .report-present strong { font-size: clamp(29px, 4.94vw, 37px); }
  .report-benefit--lp .report-present em { font-size: clamp(24px, 4.27vw, 32px); }
}