/* Shared language navigation and English typography. */
.language-switch { display:flex; gap:1rem; align-items:center; font-size:1.4rem; color:#fff; }
.language-switch a { color:#fff; }
.menuBox > .language-switch { display:none; }
@media(min-width:897px) {
 #gNavi { padding-right:3rem; padding-left:3rem; }
 #gNavi > ul { gap:2.4rem; }
}
.language-switch a[aria-current] { font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.language-switch a:focus-visible, html[lang="en"] a:focus-visible, html[lang="en"] button:focus-visible { outline:2px solid #288ce6; outline-offset:4px; }
html[lang="ja"] #about .topBox .research-title-style,
html[lang="ja"] #spirit .research-title-style { margin-bottom:3rem; text-align:left; font-size:4rem; font-weight:400; line-height:1.5; color:#003873; }
html[lang="en"] body, html[lang="en"] input, html[lang="en"] textarea, html[lang="en"] select { font-family:Arial, Helvetica, sans-serif; }
html[lang="en"] #gHeader a .rText { font-size:1.8rem; }
html[lang="en"] #gHeader a .rText .sml { font-size:1.3rem; }
html[lang="en"] #top .mainVisual .lBox { width: min(58rem, 52vw); }
html[lang="en"] #top .mainVisual .title { font-size:clamp(4rem,3.8vw,8rem); line-height:1.16; }
html[lang="en"] #top .mainVisual .title span { font-size:clamp(1.8rem,1.5vw,3rem); line-height:1.5; }
html[lang="en"] #top .mainVisual .text { font-size:clamp(1.6rem,1.2vw,2.4rem); line-height:1.8; }
html[lang="en"] #top .mainVisual .text br { display:none; }
html[lang="en"] .text, html[lang="en"] .comTitle, html[lang="en"] .h_title, html[lang="en"] .headLine03 { overflow-wrap:break-word; }
html[lang="en"] #about .message .imgBox .textBox .h_title { line-height:1.3; }
html[lang="en"] .pageTitle .headLine01 .jp { display:none; }
html[lang="en"] #member-profile .name .txt { display:none; }
html[lang="en"] .comResearchUl .sub p { line-height:1.5; }
html[lang="en"] .comResearchUl .sub p span { font-size:2.5rem; }
.footer-brand { display:flex; align-items:center; gap:1.5rem; color:white; font-size:1.5rem; line-height:1.4; }
.footer-brand strong { font-size:4rem; letter-spacing:.1em; }
.research-diagram { aspect-ratio:1; display:grid; grid-template:repeat(3,1fr)/repeat(3,1fr); align-items:center; justify-items:center; gap:1rem; padding:6%; background:radial-gradient(ellipse,#4866b4 20%,#8c9feb 60%,transparent 72%); color:white; text-align:center; }
.research-diagram span { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1; border:1px solid white; border-radius:50%; background:#ffffff25; font-size:clamp(1.2rem,1.3vw,2rem); }
.research-diagram span:first-child { grid-column:2; }
.research-diagram span:nth-child(2) { grid-row:2; grid-column:1; }
.research-diagram strong { grid-row:2; grid-column:2; font-size:2rem; }
.research-diagram span:nth-child(4) { grid-row:2; grid-column:3; }
.research-diagram span:last-child { grid-row:3; grid-column:2; }
.mission-diagram { display:flex; align-items:center; justify-content:center; gap:2rem; padding:5rem 2rem; background:linear-gradient(110deg,#009e74,#004e9f); border-radius:4rem; color:white; }
html[lang="en"] #about .mission .imgText.mission-diagram { margin:4rem 0; }
.mission-diagram div { flex:1; padding:3rem 1rem; border:2px dotted #ffffff88; border-radius:3rem; text-align:center; }
.mission-diagram div:nth-child(2) { flex:1.4; }
.mission-diagram strong { display:block; font-size:3rem; margin-bottom:2rem; }
.mission-diagram span { font-size:1.7rem; line-height:1.7; }
@media(max-width:896px) {
 html[lang="ja"] #about .topBox .research-title-style,
 html[lang="ja"] #spirit .research-title-style { margin-bottom:2rem; font-size:2.5rem; }
 html[lang="en"] #about .message .imgBox .textBox .h_title { line-height:1.95; }
 #gNavi .language-item { display:none; }
 .menuBox > .language-switch { display:flex; }
 .language-switch { position:static; width:fit-content; margin:2.4rem auto 0; padding:1rem 0; font-family:"Montserrat",sans-serif; font-size:2.4rem; color:#fff; background:transparent; border:0; border-radius:0; box-shadow:none; }
 .language-switch a { color:#fff; }
 html[lang="en"] #gHeader a .rText { font-size:1.4rem; }
 html[lang="en"] #gHeader a .rText .sml { font-size:1rem; }
 html[lang="en"] #top .mainVisual .lBox { width:100%; }
 html[lang="en"] #top .mainVisual .title { font-size:3.6rem; }
 html[lang="en"] #top .mainVisual .title span { font-size:1.8rem; }
 html[lang="en"] #top .mainVisual .text { font-size:1.5rem; }
 html[lang="en"] .comTitle { font-size:2.6rem; }
 html[lang="en"] .comTitle br { display:none; }
 html[lang="en"] .contactBox .rBox a { white-space:normal; }
 .mission-diagram { flex-direction:column; padding:2rem; }
 html[lang="en"] #about .mission .imgText.mission-diagram { margin:2.5rem 0; }
 .mission-diagram div { width:100%; }
 .research-diagram span { font-size:1.3rem; }
 .research-diagram strong { font-size:1.5rem; }
}
