/* hero */
@media (min-width: 768px) {
  .hero-section > .container {
    grid-template-columns: 620fr 495fr;
    padding-top: min(62px, 5.12vw);
  }
}
@media (min-width: 768px) {
  .hero-section .hero-title {
    margin-top: min(var(--space-20), 1.65vw);
  }
}
.hero-section .point-lists {
  margin-top: min(45px, 3.72vw);
}
@media (max-width: 767px) {
  .hero-section .point-lists {
    margin-top: 30px;
  }
}
/* heading-01 */
.heading-01 {
  font-size: min(var(--font-size-108), 8.93vw);
  line-height: 1;
}
@media (max-width: 767px) {
  .heading-01 {
    font-size: var(--font-size-60);
  }
}

/* point-lists */
@media (min-width: 768px) {
  .point-lists > li {
    --point-lists-padding: min(var(--space-30), 2.48vw) min(var(--space-20), 1.5vw);
  }
}

/* lead-section */
@media (min-width: 768px) {
  .lead-section .container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .lead-section .title {
    font-size: min(var(--font-size-42), 3.47vw);
    line-height: 1.4;
    padding-top: min(20px, 1.65vw);
  }
}
.lead-section .title .emphasis::after {
  top: 0;
}
@media (min-width: 768px) {
  .lead-section img {
    margin-top: min(70px, 5.79vw);
    margin-left: min(60px, 4.96vw);
  }
}

/* recommendation-area */
@media (min-width: 768px) {
  .recommendation-area {
    grid-template-columns: 1.2fr 1fr;
  }
}