.attraction-container {
  .attraction-content {
    margin-top: 2vw;
  }

  .bullet-point-list {
    column-count: 1;
  }
  .attraction-content:last-child {
    .bullet-point-list {
      display: grid;
      grid-template-rows: repeat(7, 0fr);
      grid-auto-flow: column;
    }
  }
  .attraction-link {
    color: #00a63c;
    font-weight: 600;
  }

  
}
  

  @media screen and (max-width: 820px) {
    .attraction-container {
      margin-top: 8vw; 
    }
  }

  /* スマホ版 */
  @media screen and (max-width: 768px) {
    .attraction-container {
      margin-top: 0;

      .bullet-point-list {
        column-count: 1;
      }

      .attraction-content:last-child {
        .bullet-point-list {
          display: block;
        }
      }
    }
  }