@charset "Shift_JIS";

@import "/common/css/common-sub.css";

/* printer page style ==============================================*/
div#mainVis {
  height: 236px;
  background: url(/printer/img/main_vis_printer.png) no-repeat left top;
}

div#mainVis.mainVis-s {
  height: 170px;
  background: none;
}

div#mainVis.mainVis-s h1 {
  width: auto;
  overflow: hidden;
}

div#mainVis.mainVis-s h1 img {
  display: block;
}

@media (max-width: 800px) {
  div#mainVis {
    width: auto;
  }

  ul#mainBnr02 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  ul#mainBnr01 li:last-child {
    display: none;
  }

  img.m-hqp-image {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .mgnBtm20 img {
    width: 100%;
    height: auto;
  }

  ul#mainBnr01 li a img {
    width: 160px;
    height: auto;
  }
}

@media screen and (max-width: 375px) {
  div#mainVis {
    background-size: 700px;
    height: 184px;
  }

  ul#mainBnr01 {
    margin: 130px 0 0 6px;
  }

  ul#mainBnr01 li a img {
    width: 140px;
  }
}

@media screen and (max-width: 320px) {
  div#mainVis {
    background-size: 600px;
    height: 158px;
  }

  ul#mainBnr01 {
    margin: 110px 0 0 6px;
  }
}