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


/* -------------------------------------
制作実績
-------------------------------------- */

dl.works dd.pla {
  background:#4f4f4f;
  color:#fff;
  }

dl.works dd.des {
  background:#da0000;
  color:#fff;
  }

dl.works dd.cod {
  background:#26a315;
  color:#fff;
  }

dl.works dd.fla {
  background:#1F5DC9;
  color:#fff;
  }

dl.works dd.wp {
  background:#1e8fb9;
  color:#fff;
  }

dl.works dd.mt {
  background:#095b8a;
  color:#fff;
  }

dl.works dd.ec {
  background:#13a8b1;
  color:#fff;
  }


@media screen and (max-width: 740px) { /* スマートフォン */

  dl.works {
    width:110px;
    float:left;
    margin:5px 5px 10px 5px;
    line-height:1.1;
    text-align:center;
  }

  dl.works dt {
    width:100px;
    border:1px solid #ccc;
    padding:4px;
    margin:0 0 3px 0;
    text-align:center;
  }

dl.works dd {
    display:block;
    width:110px;
    height:15px;
    margin:2px 0;
    padding:3px 0 0 0;
    font-size:1.2rem;
    text-align:center;
  }

}



@media all and (min-width: 741px) { /* PC */

  h1.tit_works {
    background:url(../works/img/tit_h1.png) no-repeat;
  }

  dl.works {
    width:110px;
    float:left;
    margin:5px 5px 10px 5px;
    line-height:1.1;
  }

  dl.works dt {
    width:100px;
    border:1px solid #ccc;
    padding:4px;
    margin:0 0 3px 0;
    text-align:center;
  }

dl.works dd {
    display:block;
    width:110px;
    height:15px;
    margin:2px 0;
    padding:3px 0 0 0;
    text-align:center;
    font-size:1.2rem;
  }

}