@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "DS-DIGIB";
  src: url("/fonts/DS-DIGIB.TTF") format("truetype");
}
body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  line-height: 1.0;
  font-size: 100%;
  font-family: "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
  color: #999;
  text-align: left;
  vertical-align: bottom;
  word-break: normal;
  background-color: transparent;
  overflow: hidden;
}
img {
  border: 0;
  vertical-align: bottom;
}
body, html {
  background: #B5DCF9;
}
header #head {
  position: relative;
  margin: 0 auto;
  width: 1240px;
  height: 65px;
}
header {
  position: inherit;
  width: inherit;
  z-index: inherit;
  background-color: #DEDEDE;
}
header #headArea {
  height: inherit;
}
header #naviLine {
  height: 1px;
  background-color: #363d42;
}
.content-wrap {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  gap: 5.2vmax;
  justify-content: center;
  align-items: center;
}
.floor-kWh {
  display: block;
  width: 116px;
  color: #01196E;
  text-align: right;
  font-family: "DS-DIGIB";
  font-size: 26px;
}
.floor-area {
  position: relative;
}
.floor-area .b3-area {
  position: absolute;
  top: -221px;
}
.floor-area .b3-area .floor-kWh, .floor-area .b4-area .floor-kWh, .floor-area .b5-area .floor-kWh {
  position: absolute;
  z-index: 1;
}
.floor-area .b3-ctp {
  left: 168px;
}
.floor-area .b3-envelope {
  left: 370px;
}
.floor-area .b3-print {
  left: 574px;
}
.floor-area .b3-3d {
  left: 784px;
}
.floor-area .b4-area {
  position: absolute;
  top: -59px;
}
.floor-area .b4-fold {
  left: 191px;
}
.floor-area .b4-packaging {
  left: 471px;
}
.floor-area .b4-retouch {
  left: 758px;
}
.floor-area .b5-area {
  position: absolute;
  bottom: -102px;
}
.floor-area .b5-digital {
  left: 191px;
}
.floor-area .b5-indigo {
  left: 470px;
}
.floor-area .b5-on-demand {
  left: 759px;
}
.floor-area img {
  width: 100%;
}
.floor-area .img-floor {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72%;
}
@media screen and (max-width: 1190px) {
  .content-wrap {
    /* gap: 10vmax; */
  }
}
@media screen and (max-height: 600px) {
  .floor-area .img-floor {
    width: 80%;
  }
}
/*Windows フルスクリーン*/
@media screen and (min-height:601px) {
  .floor-kWh {
    font-size: 33px;
    width: 153px;
  }
  .floor-area .img-floor {
    width: 100%;
  }
  .floor-area .b3-area {
    top: -276px;
  }
  .floor-area .b3-ctp {
    left: 68px;
  }
  .floor-area .b3-envelope {
    left: 322px;
  }
  .floor-area .b3-print {
    left: 577px;
  }
  .floor-area .b3-3d {
    left: 840px;
  }
  .floor-area .b4-area {
    top: -74px;
  }
  .floor-area .b4-fold {
    left: 98px;
  }
  .floor-area .b4-packaging {
    left: 447px;
  }
  .floor-area .b4-retouch {
    left: 807px;
  }
  .floor-area .b5-area {
    bottom: -128px;
  }
  .floor-area .b5-digital {
    left: 97px;
  }
  .floor-area .b5-indigo {
    left: 446px;
  }
  .floor-area .b5-on-demand {
    left: 808px;
  }
}
/*mac クローム フルスクリーン*/
@media screen and (min-height:900px) {
  .content-wrap {
    gap: 5vmax;
  }
  .floor-area .img-floor {
    width: 1300px;
  }
  .floor-kWh {
    font-size: 40px;
    width: 177px;
  }
  .floor-area .b3-area {
    top: -335px;
  }
  .floor-area .b3-ctp {
    left: -23px;
  }
  .floor-area .b3-envelope {
    left: 284px;
  }
  .floor-area .b3-print {
    left: 595px;
  }
  .floor-area .b3-3d {
    left: 914px;
  }
  .floor-area .b4-area {
    top: -90px;
  }
  .floor-area .b4-fold {
    left: 12px;
  }
  .floor-area .b4-packaging {
    left: 437px;
  }
  .floor-area .b4-retouch {
    left: 874px;
  }
  .floor-area .b5-area {
    bottom: -155px;
  }
  .floor-area .b5-digital {
    left: 11px;
  }
  .floor-area .b5-indigo {
    left: 435px;
  }
  .floor-area .b5-on-demand {
    left: 873px;
  }
}
/*ff*/
@-moz-document url-prefix() {
  @media screen and (min-height: 620px) {
    .floor-kWh {
      font-size: 22px;
    }
    .content-wrap {
      gap: 8.5vmax;
    }
    .floor-area .img-floor {
      width: 80%;
    }
    .floor-area .b3-area {
      top: -231px;
    }
    .floor-area .b3-ctp {
      left: 253px;
    }
    .floor-area .b3-envelope {
      left: 437px;
    }
    .floor-area .b3-print {
      left: 622px;
    }
    .floor-area .b3-3d {
      left: 811px;
    }
    .floor-area .b4-area {
      top: -60px;
    }
    .floor-area .b4-fold {
      left: 245px;
    }
    .floor-area .b4-packaging {
      left: 521px;
    }
    .floor-area .b4-retouch {
      left: 764px;
    }
    .floor-area .b5-area {
      bottom: -111px;
    }
    .floor-area .b5-digital {
      left: 244px;
    }
    .floor-area .b5-indigo {
      left: 520px;
    }
    .floor-area .b5-on-demand {
      left: 765px;
    }
  }
}
/*ff*/
@-moz-document url-prefix() {
  @media screen and (min-height: 680px) {
    .floor-kWh {
      font-size: 32px;
      width: 146px;
      /*! background: red; */
    }
    .content-wrap {
      gap: 5.5vmax;
    }
    .floor-area .img-floor {
      width: 100%;
    }
    .floor-area .b3-area {
      top: -277px;
    }
    .floor-area .b3-ctp {
      left: 75px;
    }
    .floor-area .b3-envelope {
      left: 328px;
    }
    .floor-area .b3-print {
      left: 583px;
    }
    .floor-area .b3-3d {
      left: 846px;
    }
    .floor-area .b4-area {
      top: -73px;
    }
    .floor-area .b4-fold {
      left: 104px;
    }
    .floor-area .b4-packaging {
      left: 454px;
    }
    .floor-area .b4-retouch {
      left: 814px;
    }
    .floor-area .b5-area {
      bottom: -129px;
    }
    .floor-area .b5-digital {
      left: 103px;
    }
    .floor-area .b5-indigo {
      left: 452px;
    }
    .floor-area .b5-on-demand {
      left: 814px;
    }
  }
  /*mac クローム フルスクリーン*/
  @media screen and (min-height:900px) {
    .content-wrap {
      gap: 5vmax;
    }
    .floor-area .img-floor {
      width: 1300px;
    }
    .floor-kWh {
      font-size: 33px;
      width: 145px;
    }
    .floor-area .b3-area {
      top: -351px;
    }
    .floor-area .b3-ctp {
      left: 107px;
    }
    .floor-area .b3-envelope {
      left: 385px;
    }
    .floor-area .b3-print {
      left: 666px;
    }
    .floor-area .b3-3d {
      left: 952px;
    }
    .floor-area .b4-area {
      top: -90px;
    }
    .floor-area .b4-fold {
      left: 94px;
    }
    .floor-area .b4-packaging {
      left: 513px;
    }
    .floor-area .b4-retouch {
      left: 879px;
    }
    .floor-area .b5-area {
      bottom: -170px;
    }
    .floor-area .b5-digital {
      left: 93px;
    }
    .floor-area .b5-indigo {
      left: 512px;
    }
    .floor-area .b5-on-demand {
      left: 881px;
    }
  }
}