:root {
  --feature-item-height: 95dvh;
  --font-size-base: clamp(16px, calc(14.4375px + 0.4464285714285714vw), 18px);
  --font-size-lg: clamp(17px, calc(6.84375px + 2.9017857142857144vw), 30px);
  --header-height: 103px;
  --maxWidth: 768px;
  --standardMargin: 8rem;
}

#about .vertical {
  padding-inline: 5%;
}

.content-section {
  padding-inline: 5%;
  margin-bottom: var(--standardMargin);
}

.main-visual__image,
.main-visual__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-title {
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.25;
}
.section-title span {
  white-space: nowrap;
}

.section-r {
  display: flex;
  flex-direction: column-reverse;
}

.section-flex {
  flex-direction: column;
}

#links .flex {
  margin-top: 1rem;
  flex-direction: column;
}

.section-img-sub {
  gap: 2%;
}

/*
#main-visual {
  height: calc(100svh - var(--header-height));
}



.content-section {
  margin-block: 8rem;
}

#about {
  padding-bottom: 4rem;
}

#about .content-section {
  margin: 0;
}

#links .flex {
  flex-direction: column;
}


.flex .image {
  flex-basis: 49%;
}

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

#items {
  padding-bottom: 6rem;
}

.content-section > .flex {
  flex-direction: column;
}

.content-section__heading {
  margin-bottom: 0.85em;
}


.content-section__text .flex{

} */