/* 自動生成（07_実験/corporate-site-renewal/tools/i18n/make_lang_css.py）。手で直さない。
   英語ページだけに効く規則を lang="ta" のページにも効かせ、content の英語を訳す。 */
html[lang="ta"] .bl_globalHeaderLanguageNaviList_item__en{color:inherit;text-decoration:none;pointer-events:none}
@media screen and (max-width: 752px){html[lang="ta"] .bl_globalHeaderLanguageNaviList_item__en{color:#767676}}
html[lang="ta"] .bl_globalHeaderLanguageNaviList_item__en::after{bottom:0;opacity:1;pointer-events:none}
html[lang="ta"] .bl_globalHeaderLanguageNaviList_item__en{color:#EF9C37}
.bl_globalHeaderNaviSnsLinkButton::before{content:"செயலியைப் பதிவிறக்கவும்"}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{content:"செயலியைப் பதிவிறக்கவும்"}}
html[lang="ta"] :is(h1, h2, h3, .bl_pageTopMainVisualMessage_title){letter-spacing:.04em !important}
html[lang="ta"] [data-bind-form-validation-errors] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors] .bl_downloadForm_item_label::after{content:"இந்தப் பெட்டியில் குறியிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=email] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=email] .bl_downloadForm_item_label::after{content:"சரியான மின்னஞ்சல் முகவரியை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require] .bl_downloadForm_item_label::after{content:"இந்தப் புலம் கட்டாயம்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_downloadForm_item_label::after{content:"உங்கள் மின்னஞ்சல் முகவரியை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_downloadForm_item_label::after{content:"உங்கள் அமைப்பு அல்லது நிறுவனத்தின் பெயரை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_downloadForm_item_label::after{content:"உங்கள் அமைப்பு அல்லது நிறுவனத்தின் பெயரை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_downloadForm_item_label::after{content:"உங்கள் பெயரை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"உங்கள் தொலைபேசி எண்ணை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"உங்கள் தொலைபேசி எண்ணை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_downloadForm_item_label::after{content:"உங்கள் செய்தியை எழுதவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_downloadForm_item_label::after{content:"Pirika பற்றி எப்படித் தெரிந்துகொண்டீர்கள் என்று குறிப்பிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"சரியான தொலைபேசி எண்ணை உள்ளிடவும்"}
html[lang="ta"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="ta"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"சரியான தொலைபேசி எண்ணை உள்ளிடவும்"}
@media screen and (max-width: 752px){html[lang="ta"] .bl_cookiePageTable_body_row_cell:nth-child(1)::before{content:"குக்கியின் பெயர்"}}
@media screen and (max-width: 752px){html[lang="ta"] .bl_cookiePageTable_body_row_cell:nth-child(2)::before{content:"பெறுநர்"}}
@media screen and (max-width: 752px){html[lang="ta"] .bl_cookiePageTable_body_row_cell:nth-child(3)::before{content:"சேகரிக்கப்படும் தகவல்கள்"}}
@media screen and (max-width: 752px){html[lang="ta"] .bl_cookiePageTable_body_row_cell:nth-child(4)::before{content:"நோக்கம்"}}
html[lang="ta"] .bl_companyPage_companyInformation_overViewListItem_term{width:16rem;flex-shrink:0;padding-right:1.6rem}
@media screen and (max-width: 752px){html[lang="ta"] .bl_pirikaStats_num{white-space:normal !important;flex-wrap:wrap;justify-content:center}}
@media screen and (max-width: 752px){html[lang="ta"] .bl_pirikaStats_unit{display:block;width:100%;white-space:normal !important;margin-left:0;margin-top:.4rem}}
html[lang="ta"] .bl_rcyTech_label{white-space:normal}
@media screen and (min-width: 1151px){html[lang="ta"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr) 22rem}}
@media screen and (min-width: 753px) and (max-width: 1150px){html[lang="ta"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr)}}
html[lang="ta"]{font-family:"Noto Sans JP","Pirika Latin Fallback",sans-serif}
html[lang="ta"] .bl_globalHeaderLanguageNaviList_item_en{color:#0c5aaa;background-color:#fff;pointer-events:none}
.bl_globalHeaderNaviSnsLinkButton::before{content:"செயலியைப் பதிவிறக்கவும்";font-size:1.4rem;font-weight:700;white-space:nowrap}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{font-size:1.6rem;line-height:2.4rem;color:#fff;font-weight:700;content:"செயலியைப் பதிவிறக்கவும்"}}
@media screen and (max-width: 752px){.el_snsPirikaPageDownload_button_text::before{content:"செயலியைப் பதிவிறக்கவும்";font-size:1.6rem;line-height:150%;padding:1.8rem 0}}
@media screen and (max-width: 752px){.el_guidePageDownload_button::before{content:"செயலியைப் பதிவிறக்கவும்";font-size:1.6rem;line-height:150%;padding:1.8rem 0}}

/* タミル語だけの手直し（make_lang_css.py が lang-ta.css の後ろに足す）（2026-11-07 作成） */
/* 書体: サイトの font-family "Noto Sans JP" の中身は system-font.css で日本語の書体（ヒラギノ等）になっていて、タミル文字が無い
   （無いと端末任せの代わりの書体になり、太字・行の高さがそろわない）。タミル語のページでは、タミル文字（U+0B80-0BFF）と、
   結合の制御文字（ZWNJ・ZWJ U+200C-200D）、点線の丸（U+25CC）だけを端末の書体（Mac・iPhone = Tamil Sangam MN、Tamil MN、
   Windows = Nirmala UI、Latha、Android 等 = Noto Sans Tamil）で出す。英字・数字は renewal-en.css の Arial のまま。
   local() は書体の「フルネーム」か PostScript 名でないと当たらないので両方書く（Mac の名前は書体ファイルの name 表で確かめた:
   Tamil Sangam MN / TamilSangamMN、Tamil Sangam MN Bold / TamilSangamMN-Bold、Tamil MN / TamilMN、Tamil MN Bold / TamilMN-Bold）。
   Web フォントは読まない（CSP は self・data だけ）。同じ名前の @font-face は後に書いた方が先に使われる（system-font.css・renewal-en.css より後に読むこと） */
@font-face{font-family:"Noto Sans JP";font-weight:400;src:local("Tamil Sangam MN"),local("TamilSangamMN"),local("Tamil MN"),local("TamilMN"),local("Nirmala UI"),local("NirmalaUI"),local("Latha"),local("Noto Sans Tamil Regular"),local("NotoSansTamil-Regular"),local("Noto Sans Tamil");unicode-range:U+0B80-0BFF,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Sans JP";font-weight:700;src:local("Tamil Sangam MN Bold"),local("TamilSangamMN-Bold"),local("Tamil MN Bold"),local("TamilMN-Bold"),local("Nirmala UI Bold"),local("NirmalaUI-Bold"),local("Latha Bold"),local("Latha-Bold"),local("Noto Sans Tamil Bold"),local("NotoSansTamil-Bold");unicode-range:U+0B80-0BFF,U+200C-200D,U+25CC}

/* 字間: サイトの見出し等には字間（.15em・.04em 等）が付いている。タミル文字は子音と母音記号（ா ி ு ெ ை 等。ெ ே ை は子音の左に付く）・
   プッリ（்）が組み合わさって1つの音節の形になる文字なので、字間を入れると母音記号が子音から離れ、音節の形が崩れて読みにくくなる。
   タミル語のページ全体で字間を 0 にする（renewal-en.css から写した html[lang="ta"] :is(h1, h2, h3, …){letter-spacing:.04em !important} より
   強くするため、[lang] を重ねて詳しさを上げ !important。ページの中の英字も字間なしになるが、見た目の差は小さい） */
html[lang="ta"][lang] body, html[lang="ta"][lang] body *, html[lang="ta"][lang] body *::before, html[lang="ta"][lang] body *::after{letter-spacing:normal !important}

/* SNSピリカの詳しい使い方の目次（753px 以上。2026-11-06）: 高さ固定・縦に流して3列に折り返す作りで、列の幅は中の一番長い項目で決まる。
   フランス語・ポルトガル語は項目が長く、3列目が画面の右へはみ出していた（text_clip_check の clip で発見）。
   各ブロックの幅を3列分の1までにし、長い項目はブロックの中で折り返す。SNSピリカのページは text-fit.css を読まないので、言語ごとの CSS に入れる */
@media screen and (min-width: 753px){
  html .bl_detailPageSection_tableOfContents__application > .bl_detailPageSection_tableOfContentsBlock{max-width:calc((100% - 4.4rem) / 3)}
}

/* フッターのリンク（2026-11-07）: 共通の CSS は1行に固定で、「技術ブログ（日本語）」等の長い訳が 768px で画面の右へ 31〜37px はみ出していた
   （es・pt・fr。インドネシア語版を作るときに発見）。長い訳のある2列（規約・方針と、ブログ）だけ、列の幅の中で折り返す */
html[lang] .ly_rootFooter .bl_globalFooterNaviList__noSpBorder .bl_globalFooterNaviList_item,
html[lang] .ly_rootFooter .bl_globalFooterNaviListAndSns .bl_globalFooterNaviList_item{white-space:normal;max-width:100%;line-height:1.4}

/* ヘッダーのメニュー（2026-11-07 画面幅を4pxおきに測って確認）: タミル語の語は長く（"எடுத்துக்காட்டுகள்"・"எங்களைப் பற்றி"）、753〜789px と 901px 前後で
   メニューが2段になり、2段目がロゴの下に入っていた（"ஆய்வுத் தரவு" が落ちる）。その幅だけ文字と間隔を少し詰めて1行に収める（フランス語版と同じ詰め方。SNSピリカのヘッダーは画面幅に合わせて文字が縮む作りで2段にならないので、body:not([data-body-sns-pirika]) で会社のページだけにする。rem で指定すると SNSピリカでは 8px 台まで小さくなった） */
@media screen and (min-width:753px) and (max-width:819px){ html body:not([data-body-sns-pirika]) .bl_globalHeaderNaviList, html body:not([data-body-sns-pirika]) .bl_globalHeaderNaviList > li > a, html body:not([data-body-sns-pirika]) .el_globalHeaderNaviListButton_label, html body:not([data-body-sns-pirika]) .bl_globalHeaderLanguageNaviList, html body:not([data-body-sns-pirika]) .bl_globalHeaderLanguageNaviList_item{font-size:1.3rem} html body:not([data-body-sns-pirika]) .bl_globalHeaderNaviList{column-gap:1.2rem} }
@media screen and (min-width:900px) and (max-width:919px){ html body:not([data-body-sns-pirika]) .bl_globalHeaderNaviList{column-gap:1.8rem} html body:not([data-body-sns-pirika]) .bl_globalHeaderNaviList > li{flex:0 0 auto} }

/* SNSピリカのヘッダーの「アプリをダウンロード」ボタン（753px 以上・2026-11-07）: ボタンの幅が画面幅に合わせて決まっていて（753px で 88px）、
   "செயலியைப் பதிவிறக்கவும்"（約 107px）が両端で切れていた。PC の幅のヘッダーだけ短い "பதிவிறக்கவும்"（約 55px）にする（スマホのメニュー・ページ内のボタンは長い形のまま） */
@media screen and (min-width: 753px){
  html[lang="ta"][lang] .bl_globalHeaderNaviSnsLinkButton::before{content:"பதிவிறக்கவும்"}
}