@charset "UTF-8";
/* =====================
  採用メッセージ
===================== */
.article[data-id='1'] {
  position: relative;
  padding-top: 87px;
  padding-bottom: 111px;
  background-color: #ededed;
  .message_wrap {
    display: flex;
    gap: 104px;
    margin-top: 59px;
    .message-title {
      flex-shrink: 0;
      & > h3 {
        font-size: 40px;
        font-weight: 500;
        line-height: 1.74;
      }
      .en-catch {
        margin-top: 16px;
      }
    }
    .message_unit {
      margin-top: 11px;
      line-height: 2;
      & p + p {
        margin-top: 2em;
      }
    }
  }
}

/* =====================
  求める人物像
===================== */
.article[data-id='2'] {
  position: relative;
  padding-top: 87px;
  padding-bottom: 120px;
  .inner {
    & > ol {
      counter-reset: number 0;
      margin-top: 16px;
      & > li {
        padding-inline: 24px;
        padding-block: 32px;
        border-bottom: solid 1px #9e9e9e;
        display: flex;
        align-items: center;
        gap: 40px;
        .person-title {
          flex-shrink: 0;
          display: flex;
          align-items: center;
          gap: 56px;
          .recruit-hgroup {
            padding-left: 46px;
            & h4 {
              position: relative;
              font-size: 18px;
              font-weight: 500;
              line-height: 1.7;
              &::before {
                counter-increment: number 1;
                content: '0' counter(number);
                font-family: var(--lexend);
                font-size: 24px;
                font-weight: 500;
                line-height: 1;
                letter-spacing: 0.96px;
                color: #24845b;
                position: absolute;
                top: 50%;
                left: -46px;
                transform: translateY(-50%);
              }
            }
            & p {
              font-size: 16px;
              letter-spacing: 0.64px;
              line-height: 1.7;
            }
          }
        }
        & > P {
          line-height: 2;
        }
        &:last-child {
          border-bottom: none;
        }
      }
    }
    .person_wrap {
      margin-top: 40px;
      display: grid;
      grid-template-columns: auto auto;
      column-gap: 24px;
      .person_unit {
        position: relative;
        background: linear-gradient(127deg, #24845b 5%, #2fa371 94%);
        border-radius: 30px;
        &::before {
          content: '';
          position: absolute;
          top: 2px;
          bottom: 2px;
          left: 2px;
          right: 2px;
          background-color: #fff;
          border-radius: 28px;
          pointer-events: none;
        }
        .person_content {
          padding-inline: 48px;
          padding-block: 28px 36px;
          & > h3 {
            position: relative;
            font-size: 20px;
            font-weight: 500;
            line-height: 1.8;
            text-align: center;
            color: #24845b;
          }
          & > p {
            position: relative;
            margin-top: 22px;
            & > span {
              display: inline-block;
              font-size: 14px;
              margin-left: 1em;
            }
          }
          & > h4 {
            position: relative;
            color: #2fa371;
            margin-top: 8px;
            font-weight: 500;
          }
          & > ul {
            position: relative;
            & > li {
              position: relative;
              display: flex;
              align-items: center;
              gap: 8px;
              &::before {
                content: '';
                display: block;
                width: 8px;
                height: 8px;
                border-radius: 50rem;
                background-image: linear-gradient(140deg, #24845b 4%, #2fa371 96%);
              }
              & + li {
                margin-top: 9px;
              }
            }
          }
          .eg {
            position: relative;
            font-size: 14px;
            line-height: 1.4;
            color: #1b1b1e;
            margin-top: 10px;
          }
        }
        &[data-id='1'] {
          width: 461px;
          .person_content {
            & > ul {
              margin-top: 22px;
            }
          }
        }
        &[data-id='2'] {
          .person_content {
            & > ul {
              display: flex;
              gap: 24px;
              margin-top: 6px;
              & > li + li {
                margin-top: 0;
              }
            }
          }
        }
      }
    }
  }
}
/* =====================
  企業理念
===================== */
.article[data-id='3'] {
  position: relative;
  padding-top: 87px;
  padding-bottom: 120px;
  background-image: linear-gradient(140deg, #24845b 4%, #2fa371 96%);
  .inner {
    & > ul {
      margin-top: 45px;
      padding-inline: 94px 88px;
      & > li {
        align-items: center;
        position: relative;
        padding-block: 28px;
        display: flex;
        justify-content: space-between;
        
        
        
        
        & > h4 {
          flex-shrink: 0;
          position: relative;
          font-size: 24px;
          font-weight: 500;
          line-height: 1.7;
          color: #fff;
          padding-top: 19px;
          width: 240px;
          text-align: center;
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          &::before {
            content: attr(data-text);
            display: block;
            font-family: var(--lexend);
            font-size: 16px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0.64px;
            color: #fff;
            position: absolute;
            top: -2px;
            left: 50%;
            transform: translateX(-50%);
          }
        }
        .philosophy_content {
          width: 846px;
          background-color: #fff;
          border-radius: 10px;
          padding-inline: 48px;
          padding-block: 20px;
          font-size: 18px;
          line-height: 2;
        }
      }
    }
    .philosophy_wrap {
      margin-top: 21px;
      padding-inline: 55px 78px;
      display: flex;
      gap: 48px;
      & > picture {
        display: block;
        flex-shrink: 0;
        margin-top: 45px;
      }
      & > ol {
        counter-reset: number 0;
        width: 100%;
        & > li {
          position: relative;
          padding-block: 22px;
          padding-inline: 16px;
          & > h4 {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.8;
            color: #fff;
            position: relative;
            &::before {
              counter-increment: number 1;
              content: '0' counter(number);
              font-family: var(--lexend);
              font-size: 14px;
              font-weight: 500;
              line-height: 1;
              letter-spacing: 0.56px;
              color: #fff;
              vertical-align: baseline;
              margin-right: 0.9em;
            }
          }
          & > p {
            font-size: 16px;
            line-height: 1.8;
            color: #fff;
            margin-top: 8px;
          }
          &::after {
            content: '';
            display: block;
            background-size: 10px 4px;
            background-image: linear-gradient(to right, #fff 5px, transparent 5px);
            background-repeat: repeat-x;
            background-position: left bottom;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
          }
          &:last-child {
            &::after {
              display: none;
            }
          }
        }
      }
    }
  }
}

.vision-text {
  font-weight: bold;
  color: white;
  padding-inline-start: 454px;
  font-size: 18px;
}
.philosophy_wrap {
  margin-top: 0 !important;
}