#op-03 {
  text-align: center;
  margin: auto;
  max-width: 1619px;
}
.op-03{
  padding: 0 10px;
}
.op .op-03 .img{
  display: inline-block;
}
.btn_close{
  text-align:right;
  padding: 45px 0px 0px;
}
.op-03  .btn_close img{
  width:26px;
  cursor: pointer;
  margin-right: -9px;
}
.op-03  > *.last-element{
  margin-bottom:23px;
}
.op-03  .op-ttl{
  font-size:26px;
  margin-bottom:13px;
}
.op-03  .op-ttl-lv2{
  font-size:21px;
  margin:31px auto 13px;
}

 .op-txt-gray{
  color: #959595;
}
  .strong{
  font-weight: bold;
}
 .op-dllist_box{
  padding: 30px 40px;
  width: fit-content;
  margin: auto;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: #333
}

 .op-dllist .op-dllist_ttl{
  display: inline-block;
  background: #0C76B5;
  padding: 1px 20px;
  color: #fff;
  margin-bottom: 5px;
}

 .op-dllist + .op-dllist{
  margin-top: 20px;
}
 .op-dllist .strong{
  font-size: 20px;
  color: #0C76B5;
}
 .op-txt-gray + .img{
  margin-top: 60px;
}
#op-03 img{
  max-width:100%;
  height:auto;
}

#op-03 .img a{
  position: relative;
  pointer-events: none
}
 .img17{
  font-size:17px;
  margin-bottom:22px;
}
 .img17 img{
  margin:4px 0px 5px 30px;
}
 .img + .op-ttl{
  margin-top:67px;
}
 .op-ttl-lv2{
  margin-top:40px;
}
 .img22{
  margin-bottom:30px;
}

@media screen and (max-width: 768px){
  #op-03 {
    text-align: center;
    margin: auto;
    max-width: 100%;
    width: 100%;
  }
  .op-03{
    padding: 0 20px;
  }
  .op-03 .img18 img{
    width: 80%;
  }

  .op-03 .op-03_inr{
    display: block;
  }
}

@media screen and (max-width: 700px){
  .op-03 .op-ttl{
    font-size:21px;
  }
  .op-03 .op-ttl-lv2{
    font-size:18px;
  }
  .op-03 .op-txt{
    font-size:13px;
  }
  .op-03 .list-ttl{
    font-size:20px;
  }
  .op-03 .op-dllist_box{
   font-size: 14px; 
  }
  .op-03 .op-dllist .strong{
    font-size: 18px;
  }
}

@media screen and (max-width: 660px){

  .op-03 .table-product table tr td:first-child{
    padding-left:20px;
  }
  .op-03 .table-product table tr td.pl40{
    padding-left:20px;
  }
  .op-03 .table-product table tr td.pl27{
    padding-left:20px;
  }
}
@media screen and (max-width: 500px){

  .op-03 .list-icon img{
    height:auto;
  }

  .op-03 .op-dllist_box{
    padding: 15px 20px;
  }

  .op-03 .op-dllist dd + dd{
    margin-top: 5px;
  }
  .op-03 .img{
    margin: 30px auto 20px;
  }
  
  .op-03 .img a{
    pointer-events: all;
  }
  .op-03 .img a::before{
    display: block;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: -10px;
    right: -10px;
      cursor: pointer;
      z-index: 8040;
      background-image: url(/img/product/power_electronics/mpc/icon_fancybox_sprite.png);
      background-size: cover;
  }
  .modaal-close {
    width: 24px;
    height: 24px;
    top: -10px;
    right: -10px;
    transform: rotate(45deg);
    background-image: url(/img/product/power_electronics/mpc/mpc_5000/icon_mpc_5000_05.png);
    background-size: cover;
}
.modaal-gallery-item.is_active{
  overflow: hidden;
  overflow-x: scroll;
  padding: 10px;
}
.modaal-gallery-item.is_active img{
  width: 200% !important;
  height: auto;
} 

  .scrollArea,.scrollArea2{overflow:scroll;}
  .scroll-hint-icon-wrap,
  .scroll-hint-icon{
    z-index:9999;
  }
  .table-product .scroll-hint-icon{
    top:100px;
  }
}