/* French localization layout helpers. */
html[lang="fr"] body,
html[lang="fr"] .main-conts,
html[lang="fr"] .article-body,
html[lang="fr"] .section-in {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

html[lang="fr"] .global-nav a,
html[lang="fr"] .contact-btn a,
html[lang="fr"] .floating-contact-btn-ja a,
html[lang="fr"] .btn,
html[lang="fr"] .text-onimage a,
html[lang="fr"] .related-articles a,
html[lang="fr"] .link-menu a {
  overflow-wrap: anywhere;
  hyphens: auto;
}

html[lang="fr"] .global-nav #menu > li > a {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.35;
  white-space: normal;
}

html[lang="fr"] .site-title-name {
  line-height: 1.35;
}

html[lang="fr"] .contact-btn .btn,
html[lang="fr"] .floating-contact-btn-ja a {
  white-space: normal;
  line-height: 1.35;
}

html[lang="fr"] .section-title,
html[lang="fr"] h1,
html[lang="fr"] h2,
html[lang="fr"] h3 {
  overflow-wrap: break-word;
  hyphens: auto;
}

html[lang="fr"] .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html[lang="fr"] table {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  html[lang="fr"] .global-nav #menu {
    display: flex;
    flex-wrap: wrap;
  }

  html[lang="fr"] .global-nav #menu > li {
    flex: 1 1 auto;
    min-width: 0;
  }
}