.anchor-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.anchor-list > li {
  align-self: stretch;
}

.anchor-list a {
  display: grid;
  place-items: center;
  border: 1px solid #BFA74A;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #111;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 11px 20px;
  position: relative;
  height: 100%;
}

.anchor-list a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 9px;
  background: url(/assets/img/chevron_gold_down.svg);
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
}

#opportunity figure {
  text-align: center;
}

#opportunity img {
  width: 980px;
}

.list-why-tokyo,
.list-figures {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.list-why-tokyo > li,
.list-figures > li {
  border: 1px solid #BFA74A;
  background: url(/assets/img/bg_beige.webp) center / cover no-repeat, var(--beige);
}

.list-figures .figure {
  background: linear-gradient(95deg, #BFA74A 18.33%, #9E8427 50%, #8C7826 81.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.list-figures .letter-spacing {
  letter-spacing: 0.08em;
}

@media (min-width:768px) { 
  .anchor-list {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: clamp(16px, 3%, 40px);
  }

  .anchor-list li {
    flex: 1;
  }

  .anchor-list a {
    padding: 11px 20px;
    position: relative;
    line-height: 1.6;
  }

  .list-why-tokyo {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 15px;
  }
  
  .list-figures {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .list-why-tokyo > li {
    display: flex;
    flex-direction: column;
  }

  .list-why-tokyo__flex {
    display: flex;
    flex-direction: column-reverse;
    flex: 1;
  }

  .list-why-tokyo__flex > p:first-child {
    display: grid;
    place-items: center;
    flex: 1;
  }

}