@charset "utf-8";

/* CSS Document */


/*----------------------------------------------------------------------------------------------------
  一覧
----------------------------------------------------------------------------------------------------*/
.job-box {
  padding: calc(var(--BaseSpaceSize) * 4);
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: calc(var(--BaseSpaceSize) * 4);
  
  .title {
    display: flex;
    align-items: center;
    margin-top: 0;
    padding-left: calc(var(--BaseSpaceSize) * 2);
    border-left: 3px solid var(--Color4);
    line-height: 1.2;
  }
  
  .description {
    margin-bottom: calc(var(--BaseSpaceSize) * 2);
  }
  
  .btn-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(var(--BaseSpaceSize) * 2);
  }
}




/*----------------------------------------------------------------------------------------------------
  詳細
----------------------------------------------------------------------------------------------------*/
.detail {
  article {
    padding: calc(var(--BaseSpaceSize) * 4);
    margin-bottom: calc(var(--BaseSpaceSize) * 4);
    background-color: #fff;
    box-sizing: border-box;    
  }  
  
  h1 {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: calc(var(--BaseSpaceSize) * 4);
    padding-bottom: var(--BaseSpaceSize);
    border-bottom: 1px solid #ddd;
    
    .keitai {
      display: inline-block;
      padding: .25em .5em;
      margin-right: 1em;
      background-color: var(--Color2);
      color: #fff;
      text-align: center;
    }
  }
  
  h2 {
    margin-top: 0;
    padding-left: .75em;
    border-left: 4px solid var(--Color2);
    line-height: 1;
  }
  
  #gyoumunaiyo,
  #ouboyoko,
  #senkohouhou {
    margin-bottom: calc(var(--BaseSpaceSize) * 4);
    
    th {
      width: 30%;
      min-width: 240px;
    }
    
    @media (max-width:768px) {
      table {
        border-right: 1px solid var(--Color1);
        
        th {
          width: 100%;
        }
      }
    }
  }
  
  .entry-btn {
    .btn01 {
      width: 100%;
      flex-wrap: wrap;
      margin: 0 auto;
      animation:blink .7s ease-in-out infinite alternate;
      
      .material-symbols-outlined {
        margin-right: .75em;
      }
    }
  }
  
  .btn04 {
    max-width: 240px;
    margin: 0 auto;
  }
}


/*----------------------------------------------------------------------------
   form
------------------------------------------------------------------------------*/  
#form {
  box-sizing: border-box;
      
  h2 {
    margin-top: 0;
    padding-left: .75em;
    border-left: 3px solid var(--Color2);
    line-height: 1;
}
  
  #mail_form {
    margin-top: calc(var(--BaseSpaceSize) * 4);
    padding: calc(var(--BaseSpaceSize) * 4);
    background-color: #fff;
    box-sizing: border-box;    
    
    .get_input {
      margin-bottom: calc(var(--BaseSpaceSize) * 4);
      
      dl {
        display: flex;
        flex-wrap: wrap;
        gap: var(--BaseSpaceSize);
        padding: calc(var(--BaseSpaceSize) * 2);
        border: 2px solid var(--Color2);
        border-radius: var(--BaseSpaceSize);
        margin: 0;
        font-weight: bold;
        
        dt {
          width: 6em;
          color: var(--Color2);
        }
        
        dd {
          width: calc(100% - 7em);
          margin: 0;
          padding: 0;
        }
      }
    }
  }
}


/*----------------------------------------------------------------------------
   other
------------------------------------------------------------------------------*/  
/* file-icon */
a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".docm"], a[href$=".dotx"], a[href$=".dotm"], a[href$=".rtf"], a[href$=".xls"], a[href$=".xlsx"], a[href$=".xlsm"], a[href$=".xlsb"], a[href$=".ppt"], a[href$=".pptx"] {
  position: relative;
  padding-left: 1.5em;
  text-decoration: underline;
  transition: all .2s;
}

/* PDF */
a[href$=".pdf"]:hover {
  text-decoration: none;
  color: #c45757;
}

a[href$=".pdf"]::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  background-image: url("../../image/icon/pdf.png");
  display: inline-block;
  width: 20px;
  height: auto;
  aspect-ratio: 1/1;
  background-size: contain;
}

/* Word */
a[href$=".doc"]:hover, a[href$=".docx"]:hover, a[href$=".docm"]:hover, a[href$=".dotx"]:hover, a[href$=".dotm"]:hover, a[href$=".rtf"]:hover {
  text-decoration: none;
  color: #5771ad;
}

a[href$=".doc"]::before, a[href$=".docx"]::before, a[href$=".docm"]::before, a[href$=".dotx"]::before, a[href$=".dotm"]::before, a[href$=".rtf"]::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: auto;
  aspect-ratio: 1/1;
  background-size: contain;
  background-image: url("../../image/icon/doc.png");
}

/* excel */
a[href$=".xls"]:hover, a[href$=".xlsx"]:hover, a[href$=".xlsm"]:hover, a[href$=".xlsb"]:hover {
  text-decoration: none;
  color: #618e4d;
}

a[href$=".xls"]::before, a[href$=".xlsx"]::before, a[href$=".xlsm"]::before, a[href$=".xlsb"]::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: auto;
  aspect-ratio: 1/1;
  background-size: contain;
  background-image: url("../../image/icon/xls.png");
}

/* powerpoint */
a[href$=".ppt"]::before, a[href$=".pptx"]::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: auto;
  aspect-ratio: 1/1;
  background-size: contain;
  background-image: url("../../image/icon/ppt.png");
}

a[href$=".ppt"]:hover, a[href$=".pptx"]:hover {
  text-decoration: none;
  color: #cc773e;
}

/* youtube */
iframe[src*="youtube"] {
  margin: 20px 0;
}

@media screen and (max-width: 750px) {
  iframe[src*="youtube"] {
    margin: 20px 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
}