/* Use installed Japanese fonts; no additional font download or image copies. */
html[lang="ja"] body,
html[lang="ja"] :is(h1, h2, h3, h4, h5, h6, .sn-header, button, input, select, textarea),
[lang="ja"]:is(a, button) {
  font-family: "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
html[lang="ja"] :is(h1, h2, h3, h4, p, li, dd, label, a, button) {
  word-break: normal;
  overflow-wrap: break-word;
  line-break: strict;
}
html[lang="ja"] .sn-primary { gap: 24px; }
html[lang="ja"] .sn-contact { gap: 12px; }
html[lang="ja"] .cin-compare-center h2 {
  font-size: clamp(28px, 2.25vw, 32px);
  line-height: 1.3;
  letter-spacing: -.025em;
  text-wrap: balance;
}
html[lang="ja"] .cin-compare-side h2 {
  font-size: clamp(30px, 2.5vw, 36px);
  line-height: 1.25;
  letter-spacing: -.02em;
  text-wrap: balance;
}
html[lang="ja"] .sp-page #main-content .sp-vision-panel :is(h4, p) {
  word-break: normal;
  line-break: strict;
  overflow-wrap: break-word;
}
@media (max-width: 760px) {
  html[lang="ja"] .sn-primary { gap: 0; }
  html[lang="ja"] .sn-actions { gap: 14px; }
}
@media (max-width: 360px) {
  html[lang="ja"] .sn-brand { width: 96px; }
  html[lang="ja"] .sn-actions { gap: 8px; }
  html[lang="ja"] .sn-main-row { gap: 8px; }
  html[lang="ja"] .sn-header a.sn-contact { font-size: 12px; }
}