#section-scout {
  .o-sectionScout__body {
    .a-cardContainer {
      gap: 24px 50px;

      .a-cardContainer__left{
        .a-picture{
          border: 1px solid #eb446c;
        }
      }
    }
  }
  .o-sectionScout__pointList {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 40px;

    li {
      > div {
        background-color: var(--semantic-color-quaternary);
        padding: 16px 20px 20px;
        height: 100%;
        display: flex;
        flex-flow: column;

        .-title {
          display: flex;
          align-items: center;
          gap: 8px;
          margin-bottom: 4px;

          &::after {
            content: '';
            background-color: #eb446c;
            width: 100%;
            height: 1px;
            display: block;
            margin-left: 0.25rem;
          }
          > span {
            flex-shrink: 0;
            color: #eb446c;
            font-weight: 700;
            line-height: 1.3;
          }

          .-point {
            font-size: 18px;
            letter-spacing: 0.72px;
          }
          .-num {
            font-size: 32px;
            letter-spacing: 3.2px;
          }
        }

        .-content {
          p {
            font-size: 20px;
            font-weight: 600;
            line-height: 1.3;
            letter-spacing: 0.8px;
            color: #eb446c;
          }
        }
      }
    }
  }

  @media (min-width: 768px) {
    .o-sectionScout__pointList {
      grid-template-columns: repeat(3, 1fr);
      margin-top: 64px;
    }
  }
}

#section-access{
  .-sectionAccess__list{
    flex-wrap: wrap;

    > li{
      flex-basis: calc(50% - 4px)
    }
  }

  .o-sectionAccess__list{
    gap:40px 32px;
    
    @media (min-width: 768px){
      flex-wrap: wrap;
      justify-content: center;
    }

    > li{
      @media (min-width: 768px){
        min-width: 300px;
        max-width: 312px;
      }
    }
  }
}

.o-sectionAccess {
  .o-sectionAccess__body{
    margin-bottom: var(--spacing-16);
  }

  .o-sectionAccess__card{
    .o-accessCard__list{
      >div{
        &:last-child{
          padding-bottom: var(--spacing-6);
          border-bottom: 1px dotted var(--semantic-color-white);
        }
      }
    }
  }
}

.a-sectionTitle{
  .a-sectionTitle__sub{
    text-align: center;

    &::before,&::after{
      flex-shrink: 0;
    }
  }
}