@charset "UTF-8";

#recruit .system-ttl {
    font-weight: 700;
}

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
  #recruit .system-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 80px 0;
    margin-bottom: 100px;
  }

  #recruit .pic-frame {
  }

  #recruit .system-pic {
    height: 560px;
  }

  #recruit .system-pic img {
  }

  #recruit .system-ttl {
  }

  #recruit .recruit-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  #recruit main.is-single .recruit-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px 0;
    margin-bottom: 40px;
  }

  #recruit .recruit-list__row {
    display: grid;
    grid-template-columns: 16% minmax(0, 1fr);
    gap: 0 24px;
    padding-block: 0 16px;
    border-bottom: 1px solid #D9D9D9;
  }

  #recruit main.is-single .recruit-list__row {
    grid-template-columns: 25% minmax(0, 1fr);
    padding-block: 0 40px;
  }

  #recruit .recruit-list__row:last-child {
    border-bottom: none;
    padding-block: 0;
  }

  #recruit .recruit-list__label {
    font-weight: 600;
  }

  #recruit main.is-single .recruit-list__label {
    padding-inline: 24px 0;
  }

  #recruit .recruit-list__data {
  }

  #recruit main.is-single .system-ttl02 {
    margin-bottom: 64px;
  }

  #recruit main.is-single article {
    margin-bottom: 100px;
  }
}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  #recruit .system-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16vw 0;
    margin-bottom: 24.155vw;
  }

  #recruit .pic-frame {
  }

  #recruit .system-pic {
  }

  #recruit .system-pic img {
  }

  #recruit .system-ttl {
  }

  #recruit .recruit-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3.865vw 0;
  }

  #recruit .recruit-list__row {
    display: grid;
    grid-template-columns: 16% minmax(0, 1fr);
    gap: 0 5.797vw;
    padding-block: 0 3.865vw;
    border-bottom: 1px solid #D9D9D9;
  }

  #recruit .recruit-list__label {
    font-weight: 600;
  }

  #recruit main.is-single .recruit-list__row {
    display: grid;
    grid-template-columns: repeat(1,minmax(0, 1fr));
    gap: 4vw 0;
    padding-block: 0;
    border-bottom: none;  
    margin-bottom: 8vw;  
  }

  #recruit main.is-single .recruit-list__label {
    padding-block: 4vw;
    padding-inline: 4vw;
    background: #D9D9D9;    
  }

  #recruit main.is-single .recruit-list__data {
    padding-inline: 4vw;

  }



  /* =================================================
    詳細ページ (is-single) 
  ================================================= */
}