main {
  h1.title {
      font-size: 60px;
  }
  article {
      padding-top: 230px;
  }
  .content {
      margin-top: 95px;
      padding: 50px 88px;
      display: flex;
      background-color: #eeeff0;
  }
  .main-img {
      height: calc(100vw * 0.3461);
  }
  .content-img {
      flex: 0 1 50%;
      margin-right: 56px;
  }
  .summary {
      margin-top: 96px;
  }
  .summary-text {
      margin-top: 80px;
  }
  .title {
      margin-bottom: 106px;
      font-size: 36px;
  }
  .summary-title {
      font-size: 36px;
      font-weight: 600;
  }
  #hero {
      h1 {
          font-size: clamp(30px, calc(-5.684454756380511px + 4.640371229698376vw), 50px);
      }
  }
  p.child {
      img {
          object-fit: contain;
      }
  }
}