/* Japanese 1_1_vertical_integration BS5 v1 - page-specific minimal CSS.
   Frozen: Japanese text/href/img src; original images; shared navbar/footer/mobile shell.
   Reference: verified Chinese BS5 1_1 page layout behavior. */

body.bs5-b11-vertical-integration-page img,
body.bs5-b11-vertical-integration-page .thumbnail > img,
body.bs5-b11-vertical-integration-page .thumbnail a > img{
  display:block;
  max-width:100%;
  height:auto;
}
body.bs5-b11-vertical-integration-page .thumbnail,
body.bs5-b11-vertical-integration-page .img-thumbnail,
body.bs5-b11-vertical-integration-page img.img-thumbnail{
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}
/* B1 main visual: preserve original img src/natural ratio, remove BS3 gutters. */
body.bs5-b11-vertical-integration-page .hero-main-visual{
  width:100%;
  overflow:hidden;
  text-align:center;
}
body.bs5-b11-vertical-integration-page .hero-main-visual > .row,
body.bs5-b11-vertical-integration-page .hero-main-visual .row{
  display:block;
  margin-left:0;
  margin-right:0;
  --bs-gutter-x:0;
}
body.bs5-b11-vertical-integration-page .hero-main-visual .col-xs-12,
body.bs5-b11-vertical-integration-page .hero-main-visual .col-sm-12{
  padding-left:0;
  padding-right:0;
  width:100%;
  max-width:100%;
}
body.bs5-b11-vertical-integration-page .hero-main-visual img.img-responsive{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}
/* R&D gray zone from verified same-page BS5 behavior. */
body.bs5-b11-vertical-integration-page .service-gray-zone{
  background:#f2f2f2 !important;
}
body.bs5-b11-vertical-integration-page .service-gray-zone .thumbnail{
  background:#f2f2f2 !important;
  border-color:#f2f2f2 !important;
}
/* Fire-curtain image: full-width natural-ratio behavior without changing src/DOM. */
body.bs5-b11-vertical-integration-page .bs5-b11-fire-curtain-fullwidth{
  width:100%;
  overflow:hidden;
  text-align:center;
}
body.bs5-b11-vertical-integration-page .bs5-b11-fire-curtain-fullwidth > .container{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.bs5-b11-vertical-integration-page .bs5-b11-fire-curtain-fullwidth .col-xs-12,
body.bs5-b11-vertical-integration-page .bs5-b11-fire-curtain-fullwidth .col-sm-12,
body.bs5-b11-vertical-integration-page .bs5-b11-fire-curtain-fullwidth .row{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.bs5-b11-vertical-integration-page .bs5-b11-fire-curtain-fullwidth img.img-responsive{
  display:block;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  object-fit:initial !important;
}
/* Japanese source keeps Mailiao intro and two-column content as two original containers; only restore BS3 geometry under BS5. */
@media (min-width:801px){
  body.bs5-b11-vertical-integration-page .jp-mailiao-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
  }
  body.bs5-b11-vertical-integration-page .jp-mailiao-grid > .col-sm-6{
    float:none !important;
    width:50% !important;
    max-width:50% !important;
    flex:0 0 50% !important;
  }
  body.bs5-b11-vertical-integration-page .jp-mailiao-downstream-image{
    width:500px !important;
    max-width:100% !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.bs5-b11-vertical-integration-page .b3-mobile-shrink-zone img.b3-mobile-shrink-image{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
  }
}
@media (max-width:800px){
  body.bs5-b11-vertical-integration-page .jp-mailiao-grid{
    display:block !important;
  }
  body.bs5-b11-vertical-integration-page .jp-mailiao-grid > .col-xs-12,
  body.bs5-b11-vertical-integration-page .jp-mailiao-grid > .col-sm-6{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
  }
  body.bs5-b11-vertical-integration-page .jp-mailiao-downstream-image,
  body.bs5-b11-vertical-integration-page .b3-mobile-shrink-zone img.b3-mobile-shrink-image{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:767.98px){
  body.bs5-b11-vertical-integration-page .hero-main-visual{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body.bs5-b11-vertical-integration-page .hero-main-visual .row,
  body.bs5-b11-vertical-integration-page .hero-main-visual .col-xs-12,
  body.bs5-b11-vertical-integration-page .hero-main-visual .col-sm-12{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body.bs5-b11-vertical-integration-page .hero-main-visual img.img-responsive{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    object-fit:initial !important;
  }
}