/* ファーストビュー第2案：このセクションだけに適用 */
.lp .lp-hero--v2 {
  padding: 56px 0 60px;
  background: #f7f3ea;
}
.lp-hero--v2 .lp-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  grid-template-areas: "heading visual" "lead visual" "action visual" "description visual";
  column-gap: 48px;
  row-gap: 22px;
  width: min(1200px, 100% - 64px);
  margin-inline: auto;
  align-items: start;
}
.lp-hero-heading { grid-area: heading; }
.lp-hero--v2 .lp-eyebrow {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: .03em;
  color: #69512e;
  margin: 0 0 18px;
}
.lp-hero--v2 h1 {
  font-size: clamp(32px, 3vw, 43px);
  line-height: 1.65;
  letter-spacing: .015em;
  font-weight: 500;
  margin: 0;
}
.lp-hero--v2 h1 > .lp-hero-emphasis { color: #9c3d28; }
.lp-hero--v2 .lp-hero-lead {
  grid-area: lead;
  font-size: 20px;
  line-height: 1.95;
  letter-spacing: .025em;
  margin: 0;
  max-width: 590px;
}
.lp-hero-action { grid-area: action; }
.lp-hero--v2 .lp-cta {
  min-height: 64px;
  font-size: 20px;
  gap: 16px;
  margin: 0 0 14px;
  padding: 17px 26px;
  letter-spacing: .025em;
}
.lp-hero--v2 .lp-cta svg { flex-shrink: 0; }
.lp-hero--v2 .lp-cta > span { margin-left: 6px; }
.lp-hero--v2 .lp-hero-note {
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: .02em;
  color: #46423d;
  margin: 0;
}
.lp-hero--v2 .lp-hero-description {
  grid-area: description;
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: .02em;
  color: #46423d;
  margin: 0;
}
.lp-hero-visual {
  grid-area: visual;
  width: 100%;
  margin: 0;
  align-self: center;
  padding-top: 16px;
}
.lp-hero-visual > img {
  display: block;
  width: 100%;
  height: auto;
  margin-inline: auto;
}
.lp-hero-choices {
  margin: 28px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid #c6bcaa;
}
.lp-hero-choices ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-hero-choices li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #1f2d4a;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .025em;
  text-align: center;
}
.lp-hero-choices li + li { border-left: 1px solid #c6bcaa; }
@media (min-width: 701px) and (max-width: 1100px) {
  .lp-hero--v2 .lp-hero-layout { column-gap: 30px; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); }
  .lp-hero--v2 h1 { font-size: clamp(29px,3.4vw,36px); }
  .lp-hero-break { display: none; }
  .lp-hero--v2 .lp-hero-lead { font-size: 19px; }
  .lp-hero--v2 .lp-cta { font-size: 18px; padding-inline: 20px; gap: 10px; }
  .lp-hero-choices li { font-size: 17px; }
}
@media (max-width: 700px) {
  .lp .lp-hero--v2 { padding: 28px 0 40px; }
  .lp-hero--v2 .lp-hero-layout {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "heading" "visual" "lead" "action" "description";
    row-gap: 24px;
  }
  .lp-hero--v2 .lp-eyebrow { font-size: 17px; line-height: 1.7; margin-bottom: 14px; }
  .lp-hero--v2 h1 { font-size: 29px; line-height: 1.65; letter-spacing: .015em; }
  .lp-hero-break { display: none; }
  .lp-hero--v2 .lp-hero-lead { font-size: 18px; line-height: 1.9; letter-spacing: .02em; }
  .lp-hero-visual { padding-top: 0; max-width: 350px; justify-self: center; }
  .lp-hero-visual > img { max-width: 280px; }
  .lp-hero-choices { margin-top: 14px; padding-top: 14px; }
  .lp-hero-choices li { font-size: 17px; gap: 6px; }
  .lp-hero-choices svg { width: 26px; height: 26px; }
  .lp-hero--v2 .lp-cta { width: 100%; margin-bottom: 12px; min-height: 62px; font-size: 18px; gap: 12px; padding: 16px 12px; }
  .lp-hero--v2 .lp-hero-note { font-size: 18px; line-height: 1.8; }
  .lp-hero--v2 .lp-hero-description { font-size: 18px; line-height: 1.9; border-top: 1px solid #c6bcaa; padding-top: 22px; }
}
@media (max-width: 350px) {
  .lp-hero--v2 h1 { font-size: 27px; }
  .lp-hero--v2 .lp-cta { gap: 8px; font-size: 17px; }
  .lp-hero--v2 .lp-cta svg { width: 22px; height: 22px; }
  .lp-hero--v2 .lp-cta > span { margin-left: 0; }
}
/* スマホ初期画面で相談ボタンを見つけやすくする間隔調整 */
@media (max-width: 700px) {
  .lp .lp-hero--v2 { padding-top: 24px; }
  .lp-hero--v2 .lp-hero-layout { row-gap: 18px; }
  .lp-hero--v2 .lp-eyebrow { margin-bottom: 12px; }
  .lp-hero--v2 h1 { line-height: 1.6; }
  .lp-hero-visual > img { max-width: 240px; }
  .lp-hero-choices { margin-top: 12px; padding-top: 12px; }
  .lp-hero--v2 .lp-hero-lead { line-height: 1.85; }
}

/* スマートフォン最終調整：PCの配置・文字サイズには適用しない */
@media (max-width: 700px) {
  .lp-hero--v2 .lp-hero-layout {
    grid-template-areas: "heading" "lead" "visual" "action" "description";
    row-gap: 28px;
  }
  .lp-hero--v2 h1 {
    font-size: clamp(27px, 7.45vw, 29px);
    line-height: 1.65;
    letter-spacing: .01em;
    word-break: normal;
    overflow-wrap: normal;
  }
  .lp-hero--v2 .lp-hero-phrase {
    display: inline-block;
    white-space: nowrap;
  }
  .lp-hero--v2 .lp-hero-lead { line-height: 1.95; }
  .lp-hero-visual > img { max-width: 260px; aspect-ratio: 4 / 3; }
}
