/* 
   翻訳機能が適用されると、多くのブラウザではhtmlタグにlang属性が翻訳先言語に変更されたり、
   翻訳ツール特有のクラスが付与されることがあります。
   以下は「翻訳された状態」を検知するための一般的なセレクタの例です。
*/


/* 翻訳時に付与される属性や状態を考慮した強力なセレクタ */
[lang="en"] .header-neo-item3,
[lang="en"] .Page-leadText,
.translated-ltr .header-neo-item3,
.translated-ltr .Page-leadText {
    writing-mode: horizontal-tb !important;
    letter-spacing: 0.1em !important;
}

/* Google翻訳適用時（横書き＋中央寄せ） */
[lang="en"] .header-neo-item3,
.translated-ltr .header-neo-item3 {
    writing-mode: horizontal-tb !important;
    text-align: center !important; /* 横書きでの中央寄せ */
    justify-content: center !important; /* Flexboxを使っている場合 */
}


/* Google翻訳が適用された時のみ、以下のスタイルを強制上書きする */
.translated-ltr .top_concept_block {
    /* 1. 縦書きを解除 */
    writing-mode: horizontal-tb !important;
    
    /* 2. letter-spacing を 0.1em に調整 */
    letter-spacing: 0.1em !important;
    
    /* 3. テキスト中央寄せ */
    text-align: center !important;
    
    /* もしFlexboxでレイアウトされている場合、念のためこちらも設定 */
    display: block !important; 
    width: 100% !important;
}