@charset "utf-8";

@media (max-width: 767px){
  .l-content .bg-con {
    background: linear-gradient(90deg, rgba(44, 164, 118, 1) 50%, rgba(51, 51, 51, 0) 100%);
    padding: 10px;
    border-radius: 10px 0 0 10px;
  }

  .l-content .bg-con.edit {
    background: linear-gradient(90deg, rgba(208, 96, 102, 1) 50%, rgba(51, 51, 51, 0) 100%);
    padding: 10px;
    border-radius: 10px 0 0 10px;
  }

  .l-content .m-col-xxl-sp {
    width: 100%;
  }

  .l-content .m-col-xxl-40p{
    width: 100%;
  }
}

@media (min-width: 768px){
  .l-content .bg-con {
    background: linear-gradient(90deg, rgba(44, 164, 118, 1) 50%, rgba(51, 51, 51, 0) 100%);
    padding: 20px;
    border-radius: 20px 0 0 20px;
  }

  .l-content .bg-con.edit {
    background: linear-gradient(90deg, rgba(208, 96, 102, 1) 50%, rgba(51, 51, 51, 0) 100%);
    padding: 20px;
    border-radius: 20px 0 0 20px;
  }

  .l-content .m-col-xxl-sp {
    width: 100%;
  }

  .l-content .m-col-xxl-40p{
    width: 100%;
  }
}


@media (min-width: 1200px){

  .l-content .m-col-xxl-sp {
    width: 60%;
  }

  .l-content .m-col-xxl-40p{
    width: 40%;
  }

  .l-content .m-btn--down.edit.sub {
    width: auto !important;
    padding-left: 2.5rem;
    margin: 0.5rem 0.5rem;
  }
}

@media (min-width: 1400px){

  .l-content .m-col-xxl-5col{
    width: 20%;
  }

}

.l-content .bg-1 { background:#272526; padding: 40px 10px; }
.l-content .bg-box{ background-color: #333; padding: 10px 20px; border-radius: 20px; }

.l-content .sub-title {
  width: fit-content;
  background: #ffffff;
  color: #272526;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 20px 20px 0 0;
}

.l-content .sub-plc {
  margin-top: -55px;
  width: fit-content;
  background: #d06066;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 40px 0;
  border: 3px solid #fff;
}

.l-content .box-con {
  border: 3px solid #fff;
  padding: 20px 20px 0 20px;
  margin-bottom: 60px;
}

  .l-content .sub-text {
    height: 80px;
    border-bottom: 1px solid #fff;
  }

.l-content .block_BtnLink .BtnList.active {
  background-color: #d06066 !important;
}

.l-content .m-customList1 > li:before {
  background: url('/en/pr/vona/recommend_brand/siemens/factory_automation/images/icons/check.png') center no-repeat;
}