.visual-box, .mod-subTitle #visual-0, .mod-subTitle #visual-1, .mod-subTitle #visual-2, .mod-subTitle #visual-3, .mod-subTitle #visual-4, .mod-subTitle #visual-5, .mod-subTitle #visual-6, .mod-subTitle #visual-7 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 950px;
  height: 400px;
  display: none; }

.mod-subTitle {
  display: block;
  position: relative;
  width: 950px;
  height: 400px;
  background: white url(../images/mainvisual/bg.jpg) no-repeat 0 center;
  overflow: hidden; }
  .mod-subTitle .item {
    position: absolute; }
  .mod-subTitle .view {
    display: block !important; }
  .mod-subTitle #visual-0 .title {
    left: 160px;
    top: 50px;
    width: 488px;
    height: 63px; }
  .mod-subTitle #visual-0 .pop {
    left: 667px;
    top: 25px; }
  .mod-subTitle #visual-0 .text {
    left: 165px;
    top: 145px; }
  .mod-subTitle #visual-0 .pc-product {
    left: 500px;
    top: 145px; }
  .mod-subTitle #visual-0 .pc-shadow {
    left: 500px;
    top: 340px; }
  .mod-subTitle #visual-0 .btn {
    left: 320px;
    top: 300px; }
    .mod-subTitle #visual-0 .btn img {
      position: absolute; }
    .mod-subTitle #visual-0 .btn .btn-over {
      cursor: pointer; }
  .mod-subTitle #visual-1 .pc-display {
    left: 500px;
    top: 145px; }
    .mod-subTitle #visual-1 .pc-display img {
      width: 100%;
      height: 100%; }
  .mod-subTitle #visual-1 .title {
    left: 195px;
    top: 50px; }
  .mod-subTitle #visual-1 .text-1 {
    left: 150px;
    top: 185px; }
  .mod-subTitle #visual-1 .text-2 {
    left: 156px;
    top: 185px; }
  .mod-subTitle #visual-1 .display-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-1 .display-1-b {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-1 .parts {
    left: 450px;
    top: 130px; }
  .mod-subTitle #visual-1 .hand {
    left: 460px;
    top: 310px; }
  .mod-subTitle #visual-1 .display-2 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-1 .pop {
    left: 665px;
    top: 100px; }
  .mod-subTitle #visual-2 .title {
    left: 197px;
    top: 50px; }
  .mod-subTitle #visual-2 .text-1 {
    left: 180px;
    top: 185px; }
  .mod-subTitle #visual-2 .text-2 {
    left: 205px;
    top: 185px; }
  .mod-subTitle #visual-2 .display-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-2 .parts {
    left: 458px;
    top: 151px; }
  .mod-subTitle #visual-2 .hand {
    left: 465px;
    top: 185px; }
  .mod-subTitle #visual-2 .display-2 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-2 .pop {
    left: 665px;
    top: 100px; }
  .mod-subTitle #visual-3 .title {
    left: 153px;
    top: 50px; }
  .mod-subTitle #visual-3 .text-1 {
    left: 200px;
    top: 185px; }
  .mod-subTitle #visual-3 .text-2 {
    left: 192px;
    top: 135px; }
  .mod-subTitle #visual-3 .display-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-3 .parts-1 {
    left: 452px;
    top: 259px; }
  .mod-subTitle #visual-3 .parts-2 {
    left: 170px;
    top: 258px;
    z-index: 1; }
  .mod-subTitle #visual-3 .parts-3 {
    left: 260px;
    top: 250px;
    z-index: 1; }
  .mod-subTitle #visual-3 .parts-4 {
    left: 350px;
    top: 256px;
    z-index: 1; }
  .mod-subTitle #visual-3 .arrow {
    left: 205px;
    top: 270px;
    z-index: 0;
    width: 154px;
    overflow: hidden; }
  .mod-subTitle #visual-3 .hand {
    left: 477px;
    top: 286px; }
  .mod-subTitle #visual-3 .display-2 {
    left: 440px;
    top: 105px;
    display: none; }
  .mod-subTitle #visual-3 .pop {
    left: 665px;
    top: 100px; }
  .mod-subTitle #visual-4 .title {
    left: 153px;
    top: 50px; }
  .mod-subTitle #visual-4 .text-1 {
    left: 190px;
    top: 185px; }
  .mod-subTitle #visual-4 .text-2 {
    left: 198px;
    top: 185px; }
  .mod-subTitle #visual-4 .display-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-4 .parts {
    left: 454px;
    top: 270px; }
  .mod-subTitle #visual-4 .hand {
    left: 476px;
    top: 295px; }
  .mod-subTitle #visual-4 .display-2 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-4 .pop {
    left: 641px;
    top: 100px; }
  .mod-subTitle #visual-5 .title {
    left: 290px;
    top: 50px; }
  .mod-subTitle #visual-5 .text-1 {
    left: 197px;
    top: 185px; }
  .mod-subTitle #visual-5 .text-2 {
    left: 192px;
    top: 135px; }
  .mod-subTitle #visual-5 .display-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-5 .parts-1 {
    left: 675px;
    top: 181px; }
  .mod-subTitle #visual-5 .parts-2 {
    left: 215px;
    top: 260px;
    z-index: 1; }
  .mod-subTitle #visual-5 .parts-3 {
    left: 318px;
    top: 255px;
    z-index: 1; }
  .mod-subTitle #visual-5 .arrow {
    left: 245px;
    top: 275px;
    z-index: 0;
    width: 76px;
    overflow: hidden; }
  .mod-subTitle #visual-5 .hand {
    left: 690px;
    top: 209px;
    z-index: 10; }
  .mod-subTitle #visual-5 .display-2 {
    left: 440px;
    top: 105px;
    display: none; }
  .mod-subTitle #visual-5 .pop {
    left: 640px;
    top: 100px; }
  .mod-subTitle #visual-6 .title {
    left: 250px;
    top: 50px; }
  .mod-subTitle #visual-6 .text-1 {
    left: 143px;
    top: 184px; }
  .mod-subTitle #visual-6 .text-2 {
    left: 152px;
    top: 184px; }
  .mod-subTitle #visual-6 .display-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-6 .parts {
    left: 452px;
    top: 138px; }
  .mod-subTitle #visual-6 .hand {
    left: 535px;
    top: 210px;
    z-index: 10; }
  .mod-subTitle #visual-6 .display-2-1 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-6 .display-2-2 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-6 .display-2-3 {
    left: 440px;
    top: 105px; }
  .mod-subTitle #visual-6 .pop {
    left: 667px;
    top: 100px; }
  .mod-subTitle #visual-7 .sub-title {
    left: 165px;
    top: 50px; }
  .mod-subTitle #visual-7 .logo {
    left: 165px;
    top: 130px; }
  .mod-subTitle #visual-7 .bg {
    left: 400px;
    top: 50px;
    width: 388px;
    height: 87px;
    overflow: hidden;
    background: url(../images/mainvisual/008_bg.jpg) no-repeat 0 center; }
  .mod-subTitle #visual-7 .input-001 {
    left: 20px;
    top: 12px; }
  .mod-subTitle #visual-7 .input-002 {
    left: 85px;
    top: 12px; }
  .mod-subTitle #visual-7 .input-003 {
    left: 160px;
    top: 12px; }
  .mod-subTitle #visual-7 .input-004 {
    left: 235px;
    top: 12px; }
  .mod-subTitle #visual-7 .input-005 {
    left: 315px;
    top: 12px; }
  .mod-subTitle #visual-7 .pc-product {
    left: 480px;
    top: 187px; }
  .mod-subTitle #visual-7 .pc-shadow {
    left: 480px;
    top: 342px; }
  .mod-subTitle #visual-7 .arrow-00 {
    left: 577px;
    top: 143px;
    overflow: hidden;
    width: 31px;
    height: 50px; }
  .mod-subTitle #visual-7 .arrow-01 {
    left: 480px;
    top: 200px; }
  .mod-subTitle #visual-7 .arrow-02 {
    left: 480px;
    top: 255px; }
  .mod-subTitle #visual-7 .arrow-03 {
    left: 655px;
    top: 230px; }
  .mod-subTitle #visual-7 .output-01 {
    left: 397px;
    top: 167px; }
  .mod-subTitle #visual-7 .output-02 {
    left: 395px;
    top: 260px; }
  .mod-subTitle #visual-7 .output-03 {
    left: 720px;
    top: 220px; }
  .mod-subTitle #visual-7 .btn {
    left: 180px;
    top: 310px; }
    .mod-subTitle #visual-7 .btn img {
      position: absolute; }
    .mod-subTitle #visual-7 .btn .btn-over {
      opacity: 0;
      cursor: pointer; }
  .mod-subTitle #visual-nav {
    position: absolute;
    left: 420px;
    top: 375px; }
    .mod-subTitle #visual-nav li {
      width: 7px;
      height: 7px;
      float: left;
      margin-right: 15px;
      overflow: hidden; }
    .mod-subTitle #visual-nav .nav-1 {
      background: url(../images/mainvisual/marker_001.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-2 {
      background: url(../images/mainvisual/marker_002.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-3 {
      background: url(../images/mainvisual/marker_003.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-4 {
      background: url(../images/mainvisual/marker_004.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-5 {
      background: url(../images/mainvisual/marker_005.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-6 {
      background: url(../images/mainvisual/marker_006.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-7 {
      background: url(../images/mainvisual/marker_007.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .nav-8 {
      background: url(../images/mainvisual/marker_008.png) no-repeat 0 0; }
    .mod-subTitle #visual-nav .active {
      background-position: 0 -7px; }

@media screen and (max-width: 640px) {
  .mod-subTitle {
    display: none; }

  .mod-column1 {
    width: 100%;
    height: auto;
    background: none !important; }
    .mod-column1 img {
      width: 100%;
      height: auto; } }