@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 640px) {
  /*============================
#jobLink
============================*/

  .headBox h1 span {
    background: url(../img/sp/tit_common_supporter_sp.png) no-repeat left 15px center;
    background-size: auto 40px;
    text-indent: -99999px;
    display: block;
    height: 100%;
  }

  /*============================
#mainWrap
============================*/
  #mainWrap section#Box01 .img {
    width: 185px;
    height: 200px;
    background: url(../img/img_photo_staff_os01.png) no-repeat left top;
    background-size: 185px auto;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  #mainWrap section#Box02 .img {
    width: 100%;
    height: 0;
    padding-top: 68.9%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    background: url(../img/img_photo_staff_os02_sp.png) no-repeat left top;
    background-size: cover;
    margin-bottom: 15px;
  }
  #mainWrap section#Box03 .img {
    width: 100%;
    height: 0;
    padding-top: 65.5%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    background: url(../img/img_photo_staff_os03_sp.png) no-repeat left top;
    background-size: cover;
    margin-bottom: 15px;
  }

  section.headBox dd.frame02_supporter .suitable li {
    background: url(../img/ico_common_01.png) no-repeat left 4px;
    background-size: 12px auto;
    padding-left: 20px;
    margin: 0 0 4px;
    line-height: 20px;
  }
}
