@charset "UTF-8";
/* =====================
  TAB
===================== */
.article[data-id='1'] {
  position: relative;
  padding-top: 104px;
  padding-bottom: 120px;
  .job-button_set {
    padding: 32px 40px;
    border-radius: 20px;
    background-image: linear-gradient(101deg, #24845b 8%, #2fa371 92%);
    & > ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      & > li {
        background-color: #fff;
        border-radius: 50rem;
        & > button {
          display: block;
          width: 100%;
          height: 100%;
          padding-inline: 24px;
          padding-block: 18px;
          & > span {
            font-size: 15px;
            font-weight: 500;
            line-height: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            &::after {
              content: '';
              display: block;
              width: 11px;
              aspect-ratio: 1/1;
              mask-repeat: no-repeat;
              mask-size: contain;
              mask-position: center;
              mask-image: var(--arrow);
              background-color: #2fa371;
            }
          }
        }
      }
    }
  }
}
/* =====================
  仕事を知る
===================== */
.article[data-id='1'] {
  .inner {
    & > ol {
      counter-reset: number 0;
      margin-top: 80px;
      & > li {
        padding-inline: 48px;
        padding-block: 48px 40px;
        border-top: 1px solid #9e9e9e;
        display: flex;
        justify-content: space-between;
        .job_unit {
          width: 635px;
          .job-title {
            position: relative;
            font-size: 20px;
            font-weight: 500;
            line-height: 1;
            color: #24845b;
            display: flex;
            align-items: center;
            gap: 16px;
            &::before {
              counter-increment: number 1;
              content: '0' counter(number);
              display: block;
              font-size: 24px;
              font-weight: 500;
              line-height: 1;
              letter-spacing: 0.96px;
              color: #24845b;
              flex-shrink: 0;
            }
          }
          & > p {
            margin-top: 32px;
            line-height: 2;
          }
        }
        &:last-child {
          border-bottom: 1px solid #9e9e9e;
        }
      }
    }
  }
}