@charset "utf-8";

/* PC ================================================== */
@media all and (min-width:960px){
  .sidebar-recruitment {
    width: 100%;
  }
  .sidebar-heading {
    width: 100%;
    margin-bottom: 15px;
    font-family: din-condensed, sans-serif;
    font-size: 32px;
    text-align: left;
    color: #DF610F;
    line-height: 1.0;
    letter-spacing:0.016em;
    text-indent: 0.06em;
  }
  .sidebar-container {
    width: 100%;
  }
    .sidebar-btn {
      display: block;
      width: 100%;
      height: 60px;
      padding-left: 10px;
      font-size: 16px;
      font-weight: 700;
      text-align: left;
      line-height: 60px;
      letter-spacing: 0.06em;
      color: #ffffff;
      position: relative;
    }
    .sidebar-btn-contact {
      margin-bottom: 3px;
      background-color: #DF610F;
    }
    .sidebar-btn-essential_point {
      background-color: #000000;
    }
      .sidebar-btn-arrow {
        width: 20px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 13px;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transition: .1s;
        -webkit-transition: .1s;
      }
      .sidebar-btn:hover > .sidebar-btn-arrow {
        right: 10px;
      }
}



/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
  .sidebar-recruitment {
    width: 100%;
  }
	.sidebar-heading {
    width: 100%;
    margin-bottom: 15px;
    font-family: din-condensed, sans-serif;
    font-size: 32px;
    text-align: left;
    color: #DF610F;
    line-height: 1.0;
    letter-spacing: 0.016em;
    text-indent: 0.06em;
  }
  .sidebar-container {
    width: 100%;
  }
    .sidebar-btn {
      display: block;
      width: 100%;
      height: 60px;
      padding-left: 10px;
      font-size: 16px;
      font-weight: 700;
      text-align: left;
      line-height: 60px;
      letter-spacing: 0.06em;
      color: #ffffff;
      position: relative;
    }
    .sidebar-btn-contact {
      margin-bottom: 5px;
      background-color: #DF610F;
    }
    .sidebar-btn-essential_point {
      background-color: #000000;
    }
      .sidebar-btn-arrow {
        width: 20px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 13px;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transition: .1s;
        -webkit-transition: .1s;
      }
      .sidebar-btn:hover > .sidebar-btn-arrow {
        right: 10px;
      }
}


/* SP ================================================== */
@media all and (max-width:559px){
  .sidebar-recruitment {
    width: 100%;
  }
  .sidebar-heading {
    width: 100%;
    margin-bottom: 15px;
    font-family: din-condensed, sans-serif;
    font-size: 32px;
    text-align: left;
    color: #DF610F;
    line-height: 1.0;
    letter-spacing: 0.016em;
    text-indent: 0.06em;
  }
  .sidebar-container {
    width: 100%;
  }
    .sidebar-btn {
      display: block;
      width: 100%;
      height: 60px;
      padding-left: 10px;
      font-size: 16px;
      font-weight: 700;
      text-align: left;
      line-height: 60px;
      letter-spacing: 0.06em;
      color: #ffffff;
      position: relative;
    }
    .sidebar-btn-contact {
      margin-bottom: 3px;
      background-color: #DF610F;
    }
    .sidebar-btn-essential_point {
      background-color: #000000;
    }
      .sidebar-btn-arrow {
        width: 20px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 13px;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transition: .1s;
        -webkit-transition: .1s;
      }
      .sidebar-btn:hover > .sidebar-btn-arrow {
        right: 10px;
      }
}