.open-menu-button, .close-menu-button {
  font-size: 1rem;
  padding-bottom: 0;
}

.top-section-project > img,
.top-section-fujisawa-area-management > img {
  width: auto;
  height: 100vh;
  object-fit: cover;
  margin-inline: auto;
}

.top-section-project-kadowakamatsu-building, .top-section-project-bread-market {
  background-color: white;

  img {
    object-fit: contain;
  }
}

.top-section-fujisawa-area-management {
  position: relative;
}

.top-section-fujisawa-area-management .artwork-by {
  position: absolute;
  right: 1rem;
  bottom: -2rem;
}

.top-section3 {
  .artwork-by {
    &.artwork-by-beer-fest, &.artwork-by-market-251, &.artwork-by-night-market {
      position: absolute;
      right: calc((100vw - var(--container-width)) / 2);
      bottom: -2rem;
    }

    &.artwork-by-bread-market, &.artwork-by-kadowakamatsu-building {
      position: absolute;
      right: 1.5rem;
      bottom: -2rem;
    }
  }
}

.fujisawa-font {
  margin-top: 10rem;
}

.bio {
  .name {
    font-size: var(--font-size-26);
  }
}

.top-section5 {
  overflow: hidden;

  > div:nth-child(1) {
    .image-container {
      max-height: calc(var(--vh, 1vh) * 80);

      .images {
        margin-top: calc((var(--vh, 1vh) * 80 - 100%) / 2);
      }
    }
  }
}

.profile-img {
  aspect-ratio: 1290 / 1680;
}

.grid-3col {
  .col1 {
    .col1-text {
      width: calc(var(--container-lg-width) / 2);
    }
  }
}


.project {
  .grid1 {
    > div:nth-child(1) {
      max-width: calc(var(--container-width) * 0.55 - 1rem);
    }
  }
}