.mission-akaki {
  padding-bottom: 70px;
  border-bottom: 1px solid var(--c-gray-900);

  .section-container {
    display: grid;
    grid-template-columns: 77fr 52fr;
    gap: var(--g-md);
    @media (max-width: 1024px) {
      grid-template-columns: 1fr;
    }

    .mission {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      border-right: 1px solid var(--c-gray-900);
      border-bottom: 1px solid var(--c-gray-900);
      padding-right: 40px;

      @media (max-width: 1024px) {
        border-right: none;
        padding-right: 0;
      }
      .mission-top {
        h1 {
          margin-top: var(--sp-lg);
          margin-bottom: var(--sp-md);
          @media (max-width: 1024px) {
            margin-top: 0;
          }
        }
      }
      .mission-bot {
        display: flex;
        align-items: flex-end;
        position: relative;
        justify-content: space-between;
        width: 100%;
        padding-left: 20px;

        img {
          @media (max-width: 1024px) {
            max-width: 20%;
            max-height: 80%;
          }
          &:nth-child(2) {
            margin-right: -20%;
          }
          &:nth-child(3) {
            margin-right: -15px;
            @media (max-width: 1024px) {
              margin-right: 0;
            }
          }
        }
      }
    }
    .akaki {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;

      h2 {
        margin-top: 40px;
      }
    }
  }
}
