h3, h2, b{
    font-weight: bold;
}

.l-main {
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
}

#d2007073 .p-media-layout__media,
#d2007072 .p-media-layout__media,
#d2007081 .p-media-layout__media {
  float: none;
}

#d2007073, #d2007072, #d2007081 {
  clear: none;
  float: left;
  max-width: 33.3333333333%;
  padding-right: 7.5rem;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #d2007073, #d2007072, #d2007081 {
    max-width: 50%;
    font-weight: bold;
    padding-right:1rem;
  }
  #d2007073{
   padding-right:0.5rem;
 }
  #d2007072{
   padding-left:0.5rem;
 }
}

.p-media-layout--column-wide:has(img[src*="feature_tit_provide_the_functions"]) {
  position: relative;
}

.p-media-layout--column-wide:has(img[src*="feature_tit_provide_the_functions"]) .p-media-layout__content {
  position: absolute;
  top: 47%;
  transform: translateY(15%);
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 10px 25px 0 25px;
  width: 500px;
}

.p-media-layout--column-wide:has(img[src*="feature_tit_provide_the_functions"])
~ .p-heading-2-type2 {
  position: absolute;
  top: 120px; 
  left: 80px;
  z-index: 3;
}


.p-heading-2-type2:has(+ .p-media-layout--column-wide img[src*="feature_tit_provide_the_functions"]) {
  z-index: 3;
  padding-left: 80px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  width: 500px;
  padding: 25px;
  margin: 100px 0px 0px 0px;
}

.p-heading-2-type2:has(+ .p-media-layout--column-wide img[src*="feature_tit_provide_the_functions"]) 
h3 {
  font-size: 20px;
  font-weight:bold;
}

@media screen and (min-width: 667px){
 #d1759027 .p-media-list__img{
  height:300px;
  width: 1248px;
 }
}

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

  .p-media-layout--column-wide:has(img[src*="feature_tit_provide_the_functions"]) 
  .p-media-layout__content {
    position: static;
    transform: none;
    background: none;
    padding: 0;
    width: 100%;
  }

  .p-heading-2-type2:has(+ .p-media-layout--column-wide img[src*="feature_tit_provide_the_functions"]) {
    position: static;
    transform: none;
    background: none;
    padding: 0;
    width: 100%;
    margin: 0;
  }

  .p-heading-2-type2:has(+ .p-media-layout--column-wide img[src*="feature_tit_provide_the_functions"]) 
  h3 {
    font-size: 24px;
    font-weight:normal;
  }
}


.p-media-layout.custom-image {
  position: relative;
}


.p-media-layout.custom-image .p-media-layout__content {
  position: absolute;
  z-index: 2;
  background: rgba(255,255,255,0.95);
  padding: 32px 36px;
  max-width: 500px;
  padding: 25px 25px 10px 25px;
  margin: 100px 0px 0px 0px;
}


.p-media-layout.custom-image .c-heading-3__heading {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: bold;

}


.p-media-layout.custom-image img {
  display: none;
}

#d2007099 .p-media-layout__inner {
        background-position: center;
        background-image: url(/files/mmrx7d_feature01_tcm143-2061160.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto;
        min-height: 500px;
}

@media screen and (max-width: 667px) {
  .p-media-layout.custom-image img {
    display: block;
  }

  #d2007099 .p-media-layout__inner {
    background-image: none;
    min-height: auto;
  }

  
  .p-media-layout.custom-image .p-media-layout__content {
    position: static;
    transform: none;
    left: auto;
    top: auto;
    margin:0;
    background: none;
    padding: 0;
    width: 100%;
  }

  .p-media-layout.custom-image .c-heading-3__heading {
    font-size: 24px;
    font-weight:normal;
  }

}


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

  #d2007099 .p-media-layout__content {
    display: contents;
  }

  #d2007099 .c-heading-3 {
    order: 1;
  }

  #d2007099  .c-heading-3__heading{
   margin-bottom:0;
  }

  #d2007099 .p-media-layout__media {
    order: 2;
  }

  #d2007099 .p-text {
    order: 3;
  }

  #d2007099 .p-media-layout__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--flex-row-gap-mobile) -0.5rem;
  }

}

@media only screen and (min-width: 769px) {
    .p-media-layout--row-reverse-wide .p-media-layout__inner {
        flex-direction: column-reverse !important;
    }

    .p-media-layout--row-reverse-wide .p-media-layout__content,
    .p-media-layout--row-reverse-wide .p-media-layout__media {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}