.bnr_dmtec {
  border: 1px solid rgb(10, 80, 179) !important;
  background-color: rgb(232, 239, 251);
  transition: background-color 0.3s ease-in-out;
    max-width: 1008px;
    margin: 0 auto;
}

.bnr_dmtec:hover {
  opacity: 0.7;
}
.bnr_dmtec a {
    display: block!important;
}

.bnr_dmtec_inner {
  display: flex;
}

.bnr_dmtec_img {
  clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);
  max-width: 480px;
    order: 1;
}

.bnr_dmtec_img img {
  min-height: 100%;
  min-width: 100%;
  width: auto!important;
}

.bnr_dmtec_txt {
  padding: 30px 48px 25px 25px !important;
    order: 2;
}
.bnr_dmtec_txt p {
    color:#333333!important;
}
.bnr_dmtec_txt h3 {
  font-size: 44px !important;
  color: rgb(10, 80, 179)!important;
  font-weight: bold !important;
  margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

.bnr_dmtec_txt .bnr_dmtec_more {
  margin-top: 25px !important;
  background-color: #D31D3E;
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 15px !important;
  border-radius: 4px;
  position: relative;
  width: 230px;
  text-align: center;
    color: #fff;
}

.bnr_dmtec_txt .bnr_dmtec_more a {
}

.bnr_dmtec_txt .bnr_dmtec_more::after {
  position: absolute;
  top: 50%;
  right: 4%;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transition: right 0.3s ease-in-out;
    background-color: #fff;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000000" d="M6.99813,21.015a1.24936,1.24936,0,0,0,1.77,0l8.31-8.31a.99587.99587,0,0,0,0-1.41l-8.31-8.31a1.25158,1.25158,0,0,0-1.77,1.77l7.24,7.25-7.25,7.25A1.24639,1.24639,0,0,0,6.99813,21.015Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000000" d="M6.99813,21.015a1.24936,1.24936,0,0,0,1.77,0l8.31-8.31a.99587.99587,0,0,0,0-1.41l-8.31-8.31a1.25158,1.25158,0,0,0-1.77,1.77l7.24,7.25-7.25,7.25A1.24639,1.24639,0,0,0,6.99813,21.015Z"/></svg>');
  -webkit-mask-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000000" d="M6.99813,21.015a1.24936,1.24936,0,0,0,1.77,0l8.31-8.31a.99587.99587,0,0,0,0-1.41l-8.31-8.31a1.25158,1.25158,0,0,0-1.77,1.77l7.24,7.25-7.25,7.25A1.24639,1.24639,0,0,0,6.99813,21.015Z"/></svg>);
  mask-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000000" d="M6.99813,21.015a1.24936,1.24936,0,0,0,1.77,0l8.31-8.31a.99587.99587,0,0,0,0-1.41l-8.31-8.31a1.25158,1.25158,0,0,0-1.77,1.77l7.24,7.25-7.25,7.25A1.24639,1.24639,0,0,0,6.99813,21.015Z"/></svg>);
}

@media screen and (max-width:1027px) {
  .bnr_dmtec_img {
    max-width: 350px;
  }

}

@media screen and (max-width:898px) {
  .bnr_dmtec_txt h3 {
    font-size: 30px !important;
  }

  .bnr_dmtec_txt .bnr_dmtec_more a {
    font-size: 16px !important;
  }
}

@media screen and (max-width:768px) {
  .bnr_dmtec_img {
    max-width: 300px;
  }

  .bnr_dmtec_txt h3 {
    font-size: 23px !important;
  }
}

@media screen and (max-width:678px) {
  .bnr_dmtec_inner {
    flex-direction: column;
  }

  .bnr_dmtec_img {
    clip-path: none;
    max-width: none;
    width: 100%;
    height: 200px;
  }

  .bnr_dmtec_img img {
    object-fit: cover;
    width: 100%!important;
  }

  .bnr_dmtec_txt {
    padding: 30px !important;
  }

  .bnr_dmtec_txt .bnr_dmtec_more {
    margin: 25px auto 0 !important;
  }
}