@media only screen and (min-width: 768px) {
  .block-branding {
    background: url(/images/work/bg_branding.jpg);
    background-image: image-set(url(/images/work/bg_branding.jpg) 1x, url(/images/work/bg_branding@2x.jpg) 2x);
    background-image: -webkit-image-set(url(/images/work/bg_branding.jpg) 1x, url(/images/work/bg_branding@2x.jpg) 2x);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /*
    background      : url(/images/work/bg_branding.jpg);
    background-repeat: $repeat;
    background-position: $posX $posY;
    */
  }
}
@media only screen and (max-width: 767px) {
  .block-branding:before {
    background-image: url("/images/work/bg_branding_sp.jpg");
  }
}

#work .block-table tbody th {
  width: 15em;
}
#work .block-table tbody td:nth-child(n+3) {
  width: 5.5em;
}
#work .block-flex {
  margin-top: 80px;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  #work .block-flex {
    margin-top: 20px;
    flex-direction: column;
  }
}
#work .block-flex li {
  width: calc((100% - 40px) / 3);
}
@media only screen and (max-width: 767px) {
  #work .block-flex li {
    width: 100%;
  }
}
#work .block-flex figcaption {
  font-size: min(114.2857142857%, 5.7142857143vw);
  font-weight: bold;
}

#recruitment figcaption {
  display: block;
  margin-bottom: 1em;
  font-size: min(114.2857142857%, 5.7142857143vw);
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #recruitment img {
    width: 100%;
  }
}