/* English-only typography tweaks for translated copy */
html[lang="en"] nav ul li {
  font-size: 1.04em;
}

html[lang="en"] nav ul li a {
  letter-spacing: 0.11em;
}

html[lang="en"] section#information .inner {
  font-size: 1.06em;
}

html[lang="en"] section#news .inner p {
  font-size: 1.06em;
  line-height: 1.75;
}

html[lang="en"] section#imagenews .inner .text {
  font-size: 1.06em;
  line-height: 1.75;
}

html[lang="en"] footer .oursites li a span,
html[lang="en"] footer .foot .btech {
  font-size: 1.06em;
}

html[lang="en"] footer .util.util-en a {
  min-height: 18px;
}

html[lang="en"] footer .util.util-en a span.en {
  right: 20px;
}

/* OEM hero subheading: show text instead of background image */
html[lang="en"] body#oem #contents > section > h4 {
  background-image: none !important;
  text-indent: 0 !important;
  color: #e73816;
  text-align: center;
  line-height: 1.5;
}

@media screen and (min-width: 600px) {
  html[lang="en"] body#oem #contents > section > h4 {
    font-size: 1.84em;
  }
}

@media screen and (max-width: 599px) {
  html[lang="en"] body#oem #contents > section > h4 {
    font-size: 1.28em;
  }
}

/* Recruit page: align "Youth Recruitment Site" to the left in the button */
html[lang="en"] body#recruit #title_wrap .page-title a span {
  text-indent: 0;
  text-align: left;
}

/* Products page: keep inquiry CTA text centered with balanced horizontal padding */
html[lang="en"] body#products #contents section#business dl dd .button.inquiry {
  text-align: center;
  text-indent: 0;
  min-width: 240px;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

/* Products subnav: keep "Short lead-time" in one line with a wider 3rd button */
html[lang="en"] body#products #contents section#business .subnav a span {
  white-space: nowrap;
}

@media screen and (min-width: 1024px) {
  html[lang="en"] body#products #contents section#business .subnav a:last-child {
    width: 170px;
  }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  html[lang="en"] body#products #contents section#business .subnav a {
    width: 30%;
  }
  html[lang="en"] body#products #contents section#business .subnav a:last-child {
    width: 36%;
  }
  html[lang="en"] body#products #contents section#business dl dd .button.inquiry {
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 599px) {
  html[lang="en"] body#products #contents section#business .subnav a {
    width: 28%;
  }
  html[lang="en"] body#products #contents section#business .subnav a:nth-child(2) {
    width: 24%;
  }
  html[lang="en"] body#products #contents section#business .subnav a:last-child {
    width: 44%;
  }
}

/* OEM page: keep all 4 process cards the same height like JP layout */
@media screen and (min-width: 600px) {
  html[lang="en"] body#oem .iconlist li {
    height: 20vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  html[lang="en"] body#oem .iconlist li h4 {
    white-space: normal;
    padding-top: clamp(3px, 0.45vw, 5px) !important;
    padding-bottom: clamp(8px, 1.8vw, 18px) !important;
  }

  html[lang="en"] body#oem .iconlist li:nth-child(1) h4 {
    padding-top: clamp(3px, 0.45vw, 5px) !important;
  }

  html[lang="en"] body#oem .iconlist li p {
    line-height: 1.35 !important;
    white-space: normal;
    margin-top: 8px !important;
    padding-bottom: 4px !important;
  }
}

@media screen and (min-width: 1024px) {
  html[lang="en"] body#oem .iconlist li {
    height: 220px;
  }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  html[lang="en"] body#oem .iconlist li {
    height: 24vw;
  }

  html[lang="en"] body#oem .iconlist li h4 {
    height: 8.8vw;
    padding-top: 0.4vw !important;
    padding-bottom: 0.4vw !important;
    font-size: 1.35vw !important;
    line-height: 1.25 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  html[lang="en"] body#oem .iconlist li:nth-child(1) h4 {
    padding-top: 0.4vw !important;
  }
}

@media screen and (max-width: 599px) {
  html[lang="en"] body#oem .iconlist li {
    min-height: 64vw;
    margin-bottom: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  html[lang="en"] body#oem .iconlist li h4 {
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html[lang="en"] body#oem .iconlist li:nth-child(1) h4 {
    padding-top: 0 !important;
  }

  html[lang="en"] body#oem .iconlist li p {
    line-height: 1.35 !important;
    white-space: normal;
    padding-bottom: 1% !important;
  }
}