@charset "UTF-8";
:root {
  --pc: 1000px;
  --sp: 999px;
  --fs48: 4.8rem;
  --fs40: 4rem;
  --fs36: 3.6rem;
  --fs28: 2.8rem;
  --fs22: 2.2rem;
  --fs20: 2.0rem;
  --fs18: 1.8rem;
  --fs16: 1.6rem;
  --fs14:1.4rem;
  --fs12:1.2rem; }

@media (max-width: 999px) {
  :root {
    --fs48: 2.6rem;
    --fs40: 2.2rem;
    --fs36: 2.4rem;
    --fs28: 2.2rem;
    --fs22: 2.0rem;
    --fs20: 1.8rem;
    --fs18: 1.4rem;
    --fs16: 1.4rem;
    --fs14: 1.2rem;
    --fs12: 1.0rem; } }
/* 
---------------------------------------
job01
---------------------------------------
*/
#job01 {
  /*    .conditionTtl{
          margin-bottom: 0.8rem;
          font-weight: 700;
          line-height: 1.8;
      }*/ }
  #job01 .jobTable {
    background: #f7f7f7;
    border-top: 0.1rem solid #fff; }
  #job01 .jobRow {
    display: grid;
    grid-template-columns: calc(340 / 1400 * 100%) 1fr;
    min-height: 9rem;
    border-bottom: 2px solid #fff; }
    @media (max-width: 999px) {
      #job01 .jobRow {
        display: block;
        min-height: auto;
        padding: 1.5rem 2rem; } }
    #job01 .jobRow dt {
      display: flex;
      align-items: flex-start;
      gap: 2rem;
      padding: 3rem 3rem 3rem 4rem;
      font-weight: 700; }
      @media (max-width: 999px) {
        #job01 .jobRow dt {
          gap: 1rem;
          padding: 0 0 0.5rem; } }
    #job01 .jobRow dd {
      min-width: 0;
      padding: 3rem 4rem 3rem 2rem;
      line-height: 2; }
      @media (max-width: 999px) {
        #job01 .jobRow dd {
          padding: 0; } }
      #job01 .jobRow dd > p + p {
        margin-top: 0.3rem; }
  #job01 .jobLabelLine {
    display: block;
    flex: 0 0 2px;
    width: 2px;
    height: 2.6rem;
    margin-top: 0.45rem;
    background: #eb3300; }
    @media (max-width: 999px) {
      #job01 .jobLabelLine {
        height: 2rem;
        margin-top: 0.3rem; } }
  #job01 .jobLabel {
    display: block;
    line-height: 1.8; }
    @media (max-width: 999px) {
      #job01 .jobLabel {
        line-height: 1.6; } }
  #job01 .noteBox {
    margin-top: 3.5rem; }
    @media (max-width: 999px) {
      #job01 .noteBox {
        margin-top: 2rem; } }
    #job01 .noteBox p + p {
      margin-top: 0.5rem; }
  #job01 .conditionBox + .conditionBox {
    margin-top: 3.5rem; }
    @media (max-width: 999px) {
      #job01 .conditionBox + .conditionBox {
        margin-top: 2.5rem; } }
  #job01 .conditionList li::before {
    content: "・"; }
  #job01 .conditionList li + li {
    margin-top: 0.2rem; }
  #job01 .flowArrow {
    display: inline-block;
    margin: 0 0.4rem; }
  #job01 .btn {
    margin: 0 auto; }