/*
  Japanese-language typography adjustments.
  Layout and component styling continue to come from the shared site styles.
*/

html[lang="ja"] {
  line-break: strict;
  word-break: normal;
}

html[lang="ja"] body {
  font-family: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", Meiryo, sans-serif;
  font-feature-settings: "palt" 1;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] .brand,
html[lang="ja"] .footer-brand,
html[lang="ja"] .service-visual strong,
html[lang="ja"] .service-visual b {
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN",
    "Noto Serif JP", serif;
  letter-spacing: 0.01em;
}

html[lang="ja"] p,
html[lang="ja"] li,
html[lang="ja"] dd,
html[lang="ja"] summary,
html[lang="ja"] label {
  line-height: 1.85;
}

html[lang="ja"] .eyebrow,
html[lang="ja"] .service-number,
html[lang="ja"] .visual-kicker,
html[lang="ja"] .language-switcher,
html[lang="ja"] .package-card > p:first-child {
  letter-spacing: 0.11em;
}

html[lang="ja"] .language-switcher a {
  color: inherit;
  text-decoration: none;
}

html[lang="ja"] .language-switcher a:hover,
html[lang="ja"] .language-switcher a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

@media (max-width: 720px) {
  html[lang="ja"] h1,
  html[lang="ja"] h2,
  html[lang="ja"] h3 {
    line-height: 1.32;
  }
}