section.top-navigation {
  display: none;
}

section.image-box {
  margin-top: calc(34px + 1vw);
  padding-top: 0vw;
}

section.image-box .image {
  height: calc(260px + 20vw);
}

section.top-text-box {
  margin-top: calc(42px + 2vw);
}

section.top-text-box p {
  font-size: calc(0.9rem + 0.3vw);
  letter-spacing: -0.02rem;
}

section.bottom-box {
  margin-top: calc(42px + 2vw);
}

section.bottom-box ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

section.bottom-box li {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 1.6vw;
  margin: 0 0.8vw 1.6vw 0.8vw;
  max-width: 31%;
  min-width: 30%;
  height: calc(40px + 12vw);
}

section.bottom-box li {
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}

section.bottom-box .icon {
  margin-right: 1vw;
  margin-bottom: 1vw;
  width: calc(40px + 1vw);
  height: calc(40px + 1vw);
  background-repeat: no-repeat;
  background-position: center center;
  filter: contrast(2%) brightness(2);
}

@media all and (max-width:540px) {
  section.top-text-box p {
    font-size: 1rem;
    letter-spacing: -0.01rem;
  }

  section.bottom-box li {
    margin: 0;
    margin-bottom: 3.4vw;
    max-width: 100%;
    min-width: 100%;
    height: calc(190px + 12vw);
  }
}