:root {
  --size-xs: 2rem;
  --size-s: 3.2rem;
  --size-m: 5.2rem;
  --size-l: 8.5rem;
  --size-xl: 13.7rem;
}

h1 {
  font-size: clamp( 36.4px, calc( 8.566125290023198px + 3.6194895591647334vw ), 52px );
  line-height: 1em;
}

.flex {
  display: flex;
  justify-content: space-between;

  img:first-child,
  figcaption:first-child {
    margin-right: var(--size-m);
    padding-left: 0;
  }

  * {
    flex-basis: auto;
  }

  img {
    width: 60%;
    height: auto;
    object-fit: contain;
  }
}

.order1 {
  order: 1;
  margin-right: var(--size-m);
}

.order2 {
  order: 2;
  margin-right: 0;
}

#mv_img {
  text-align: right;

  img {
    width: 100%;
    height: calc(100vh - 198px);
    object-fit: cover;
    object-position: right;
  }
}

#mv_title {
  text-align: left;
  position: absolute;
  top: 10%;
  left: 10%;
}

#mv_lead {
  position: absolute;
  top: 35%;
  left: 10%;
  width: clamp( 63%, calc( 95.11600928074246% + -4.176334106728538vw ), 45% );
  font-size:clamp( 14px, calc( 3.294663573085847px + 1.3921113689095126vw ), 20px ) ;
}

#content {
  .piece {
    padding-top: var(--size-m);
    margin-bottom: var(--size-m);
  }
  .content_text {
    max-width: 850px;
  }
}
#content_point4 {
  img {
    width: 50%;
  }
}

[nh-list-product] {
  justify-content: center;
}