:root {
  --feature-item-height: 95dvh;
  --font-size-base: clamp(14px, calc(10.875px + 0.8928571428571428vw), 18px);
  --font-size-lg: clamp(17px, calc(6.84375px + 2.9017857142857144vw), 30px);
  --header-height: 103px;
}

#main .text,
#items-contents,
#banner {
  padding-inline: 8%;
}

#hero-image img {
  object-fit: cover;
  object-position: right;
}

#hero-text {
  top: calc(50% - 35%);
  left: calc(50% - 17%);
  text-align: center;
}

#intro {
  text-align: justify;
}

#feature_sp {
  color: var(--white);
  background-color: var(--black);
}

#feature_sp img {
  width: 100%;
}

#feature_sp .text{
  padding-block:8%;
}

#sr {
  margin: 12rem 3%;
}

.sr-container {
  flex-direction: column;
}

.sr-header,
.sr-about {
  max-width: 100%;
  margin-right: 0;
}

#sr img {
  width: 100%;
}