/* 自動生成（07_実験/corporate-site-renewal/tools/i18n/make_lang_css.py）。手で直さない。
   英語ページだけに効く規則を lang="fa" のページにも効かせ、content の英語を訳す。 */
html[lang="fa"] .bl_globalHeaderLanguageNaviList_item__en{color:inherit;text-decoration:none;pointer-events:none}
@media screen and (max-width: 752px){html[lang="fa"] .bl_globalHeaderLanguageNaviList_item__en{color:#767676}}
html[lang="fa"] .bl_globalHeaderLanguageNaviList_item__en::after{bottom:0;opacity:1;pointer-events:none}
html[lang="fa"] .bl_globalHeaderLanguageNaviList_item__en{color:#EF9C37}
.bl_globalHeaderNaviSnsLinkButton::before{content:"دانلود اپلیکیشن"}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{content:"دانلود اپلیکیشن"}}
html[lang="fa"] :is(h1, h2, h3, .bl_pageTopMainVisualMessage_title){letter-spacing:.04em !important}
html[lang="fa"] [data-bind-form-validation-errors] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors] .bl_downloadForm_item_label::after{content:"لطفاً این کادر را علامت بزنید"}
html[lang="fa"] [data-bind-form-validation-errors~=email] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=email] .bl_downloadForm_item_label::after{content:"لطفاً یک نشانی ایمیل معتبر وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require] .bl_downloadForm_item_label::after{content:"پر کردن این مورد الزامی است"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_downloadForm_item_label::after{content:"لطفاً نشانی ایمیل خود را وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_downloadForm_item_label::after{content:"لطفاً نام سازمان، نهاد یا شرکت خود را وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_downloadForm_item_label::after{content:"لطفاً نام سازمان، نهاد یا شرکت خود را وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_downloadForm_item_label::after{content:"لطفاً نام خود را وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"لطفاً شماره تلفن خود را وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"لطفاً شماره تلفن خود را وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_downloadForm_item_label::after{content:"لطفاً پیام خود را بنویسید"}
html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_downloadForm_item_label::after{content:"لطفاً بگویید چگونه با Pirika آشنا شدید"}
html[lang="fa"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="fa"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"لطفاً یک شماره تلفن معتبر وارد کنید"}
html[lang="fa"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="fa"] [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="fa"] .bl_cookiePageTable_body_row_cell:nth-child(1)::before{content:"نام کوکی"}}
@media screen and (max-width: 752px){html[lang="fa"] .bl_cookiePageTable_body_row_cell:nth-child(2)::before{content:"گیرنده"}}
@media screen and (max-width: 752px){html[lang="fa"] .bl_cookiePageTable_body_row_cell:nth-child(3)::before{content:"اطلاعات جمع‌آوری‌شده"}}
@media screen and (max-width: 752px){html[lang="fa"] .bl_cookiePageTable_body_row_cell:nth-child(4)::before{content:"هدف"}}
html[lang="fa"] .bl_companyPage_companyInformation_overViewListItem_term{width:16rem;flex-shrink:0;padding-right:1.6rem}
@media screen and (max-width: 752px){html[lang="fa"] .bl_pirikaStats_num{white-space:normal !important;flex-wrap:wrap;justify-content:center}}
@media screen and (max-width: 752px){html[lang="fa"] .bl_pirikaStats_unit{display:block;width:100%;white-space:normal !important;margin-left:0;margin-top:.4rem}}
html[lang="fa"] .bl_rcyTech_label{white-space:normal}
@media screen and (min-width: 1151px){html[lang="fa"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr) 22rem}}
@media screen and (min-width: 753px) and (max-width: 1150px){html[lang="fa"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr)}}
html[lang="fa"]{font-family:"Noto Sans JP","Pirika Latin Fallback",sans-serif}
html[lang="fa"] .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-fa.css の後ろに足す）（2026-11-07 作成）
   ペルシャ語はアラビア語と同じ右から左（RTL）の言語。全ページ <html lang="fa" dir="rtl"> にする（check_lang.py が確かめる）。
   右から左の部品の直し（html[dir="rtl"] の規則）は extra_ar.css の写し。アラビア語の側を直したら、ここにも写す。 */

/* 書体: サイトの font-family "Noto Sans JP" の中身は system-font.css で日本語の書体（ヒラギノ等）になっていて、アラビア文字が無い。
   アラビア文字の範囲（U+0600-06FF・0750-077F・08A0-08FF・FB50-FDFF・FE70-FEFF）と、ペルシャ語で語の中に入る
   ゼロ幅非接合子（ZWNJ U+200C。می‌کنیم の「‌」）・接合子・方向の印（U+200C-200F）を、端末のペルシャ語が出る書体で出す:
   Vazirmatn（イランで広く入れられている無料の書体。入っている端末だけ）→ Mac・iPhone = Geeza Pro → Windows = Segoe UI／Tahoma
   → Android 等 = Noto Sans Arabic／Noto Naskh Arabic。どれもペルシャ語の字（پ چ ژ گ ی ک）がある。
   ZWNJ を範囲に入れるのは、ZWNJ だけ別の書体（日本語の書体）で組まれて字の並びが途切れないようにするため。
   local() には書体の「フルネーム」と「PostScript 名」を書く（Chrome は家族名だけでは当たらないことがある。extra_ar.css と同じ）。
   SF Arabic は Mac の隠し書体で local() から使えないので入れない。英字・数字は renewal-en.css の Arial のまま（数字は 0-9）。
   Web フォントは読まない（CSP は self・data だけ）。同じ名前の @font-face は後に書いた方が先に使われる（system-font.css・renewal-en.css より後に読む） */
@font-face{font-family:"Noto Sans JP";font-weight:400;src:local("Vazirmatn Regular"),local("Vazirmatn-Regular"),local("Geeza Pro Regular"),local("GeezaPro"),local("Segoe UI"),local("SegoeUI"),local("Tahoma"),local("Noto Sans Arabic Regular"),local("NotoSansArabic-Regular"),local("Noto Naskh Arabic Regular"),local("NotoNaskhArabic-Regular");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Noto Sans JP";font-weight:700;src:local("Vazirmatn Bold"),local("Vazirmatn-Bold"),local("Geeza Pro Bold"),local("GeezaPro-Bold"),local("Segoe UI Bold"),local("SegoeUI-Bold"),local("Tahoma Bold"),local("Tahoma-Bold"),local("Noto Sans Arabic Bold"),local("NotoSansArabic-Bold"),local("Noto Naskh Arabic Bold"),local("NotoNaskhArabic-Bold");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}

/* 字間: ペルシャ語もアラビア文字で、字と字がつながる書き方で、letter-spacing を入れるとつながりが切れて読めなくなる
   （ブラウザによっては字の形が単独形に戻る）。サイトには見出しの .15em・.04em 等の字間があり、英語向けの規則を写した
   html[lang="fa"] h1{letter-spacing:.04em!important} 等もあるので、ペルシャ語のページだけ全部 0 にする。
   :not(#_) は ID 1つ分の強さを足すため（!important どうしでは強い方が勝つ。h1 等の規則より必ず強くする） */
html[lang="fa"]:not(#_) *,html[lang="fa"]:not(#_) *::before,html[lang="fa"]:not(#_) *::after{letter-spacing:0!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}

/* ===== 右から左（RTL）の共通部品（ヘッダー・ナビ・言語切替・パンくず・フッター・右の固定タブ）=====
   dir="rtl" でフレックス・行の流れはブラウザが左右を反転するが、サイトの CSS は left/right の決め打ち（余白・絶対位置・矢印）が多い。
   ここに html[dir="rtl"] の規則で足す（他の言語の CSS は変えない）。本文の部品は翻訳の後に別に直す。 */
/* RTL_SHARED_PARTS */
/* --- パソコン幅（753px 以上） --- */
@media screen and (min-width: 753px){
  /* メニューの項目の間（左の余白 → 右の余白） */
  html[dir="rtl"] .bl_globalHeaderNaviList>li~li{margin-left:0;margin-right:2.2rem}
  /* 言語切替の一覧: 右端そろえ（right:0）だと左へ伸びて画面の外に出る。地球マークは左端にあるので左端そろえにする */
  html[dir="rtl"] .bl_langSwitch_menu{right:auto;left:0}
  /* SNSピリカのヘッダー: ダウンロードボタンの前の余白・言語切替の前の余白 */
  html[dir="rtl"] .bl_globalHeaderNaviSnsLink{margin-left:0;margin-right:3.3rem}
  html[dir="rtl"] body[data-body-sns-pirika] .bl_globalHeaderLanguageNaviList{padding-left:0;padding-right:4.4rem}
}
/* --- スマホ幅（752px 以下） --- */
@media screen and (max-width: 752px){
  /* ロゴは右上、メニューボタン（三本線）は左上 */
  html[dir="rtl"] body .ly_globalHeaderLogo{left:auto;right:0}
  html[dir="rtl"] body:not([data-body-sns-pirika]) .ly_rootHeader .bl_globalHeaderLogo_image_img{margin-left:0;margin-right:1.6rem}   /* 会社のヘッダーだけ（SNSピリカのロゴとフッターのロゴには余白が無い） */
  html[dir="rtl"] body .bl_globalHeaderMenuButtonFrame{right:auto;left:0}
  /* 開いたメニューの言語の一覧（字下げを右に） */
  html[dir="rtl"] .bl_langSwitch_menu{padding:.4rem 2.2rem 0 0}
  /* 開いたメニュー: 「サービス」「Pirika」の開閉の ＋／－ は左端、「・」は右、字下げも右 */
  /* ::before は丸（28px・右端 0）、::after は＋の縦棒（12px・右から 8px）。左右を入れ替える */
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::before,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::before{right:auto;left:0}
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::after,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::after{right:auto;left:.8rem}
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item{padding-left:0;padding-right:1rem}
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label::before,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item::before,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item::before{left:auto;right:-0.5rem}
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link,
  html[dir="rtl"] body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item_link{padding-right:0;padding-left:2rem}
  html[dir="rtl"] .ly_globalFooterNavi{padding-right:0}
}
/* パンくず: 区切りの「>」を左向きにして、項目の左側に置く（左右反転） */
html[dir="rtl"] .bl_breadcrumbList_item{margin-right:0;margin-left:3.1rem}
html[dir="rtl"] .bl_breadcrumbList_item:last-child{margin-left:0}
html[dir="rtl"] .bl_breadcrumbList_item::after{right:auto;left:-1.3rem;transform:scaleX(-1) rotate(45deg) translateY(-50%)}
/* フッター: 「・」と字下げは右、別窓のマークは文字の左（flex の順は反転するので余白だけ入れ替える）、「/」の区切りも左右を入れ替える */
html[dir="rtl"] .bl_globalFooterNaviSubList_item{padding-left:0;padding-right:1rem}
html[dir="rtl"] .bl_globalFooterNaviSubList_item::before{left:auto;right:-0.5rem}
html[dir="rtl"] [target=_blank].bl_globalFooterNaviList_item::before,
html[dir="rtl"] [target=_blank].bl_globalFooterNaviList_item__hasSpBorder::before{margin-left:0;margin-right:1.1rem}
html[dir="rtl"] .bl_globalFooterNaviSubSubList{padding-left:0;padding-right:1.1rem}
html[dir="rtl"] .bl_globalFooterNaviSubSubList_item:not(:last-child){padding-right:0;padding-left:1.7rem}
html[dir="rtl"] .bl_globalFooterNaviSubSubList_item:not(:last-child)::after{right:auto;left:.6rem}
/* SNSピリカのフッター: メニューの前の余白（左 → 右） */
html[dir="rtl"] body[data-body-sns-pirika] .ly_globalFooterNavi{padding-left:0;padding-right:10.5rem}
@media screen and (max-width: 1150px){html[dir="rtl"] body[data-body-sns-pirika] .ly_globalFooterNavi{padding-right:5.5rem}}
@media screen and (max-width: 752px){html[dir="rtl"] body[data-body-sns-pirika] .ly_globalFooterNavi{padding-right:0}}
/* 右の固定タブ（お問い合わせ）は左端に（読み始めの反対側に置くのは日本語版と同じ考え） */
html[dir="rtl"] .ly_rootRightSideFixedControls{right:auto;left:-5px}

/* ===== 右から左（RTL）の本文の部品（2026-11-07）=====
   （アラビア語版を作ったとき）/ar/ と /es/ を 375・768・1024・1440px で並べて見比べ、左右が決め打ちの所を直した。
   スマホ幅等で元の CSS が値を変える所は、同じ幅の範囲（@media）の中だけで上書きする（幅ごとの元の規則を壊さない）。
   写真・地図・アプリの画面・動画は反転しない（文字や地図が逆になるため）。 */

/* --- 左寄せの文 → 右寄せ（読み始めの側） --- */
html[dir="rtl"] .bl_pageTopServiceSection .bl_pageTopServiceList_item_header,
html[dir="rtl"] .bl_pageTopServiceSection .bl_pageTopServiceList_item_text,
html[dir="rtl"] .bl_snsPirikaPageSection_title,
html[dir="rtl"] .bl_snsPirikaPageSection_webTitle,
html[dir="rtl"] .bl_detailPageSection_title,
html[dir="rtl"] .bl_guidePageSection_title,
html[dir="rtl"] .bl_guidePageSection_title__start,
html[dir="rtl"] .bl_guidePageSubSection_note{text-align:start}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_contactDetail_agreeToTerms_textAndCheckbox_text,
  html[dir="rtl"] .bl_download_agreeToTerms_textAndCheckbox_text,
  html[dir="rtl"] .bl_detailPageSection_contentsBlock_body_noteArea_text p,
  html[dir="rtl"] .bl_guidePageSection_procedure_note{text-align:start}
}
/* 「もっと見る」等の右寄せのリンク → 左寄せ（行の終わりの側）。スマホ幅で左寄せの所は右寄せ */
html[dir="rtl"] .bl_caseMore,html[dir="rtl"] .bl_govVoice_more{text-align:end}
@media screen and (max-width: 752px){html[dir="rtl"] .bl_caseMore,html[dir="rtl"] .bl_govVoice_more{text-align:start}}

/* --- 矢印・山かっこ（読む向きの左を指す） --- */
/* サービスカード・「もっと見る」の細い山形 */
html[dir="rtl"] .bl_svcList_item_arrow{transform:rotate(-135deg);margin-left:0;margin-right:1rem;transition:margin-right 200ms}
html[dir="rtl"] .bl_svcList_item:hover .bl_svcList_item_arrow,
html[dir="rtl"] .bl_caseMore a:hover .bl_svcList_item_arrow,
html[dir="rtl"] .bl_govCan_link a:hover .bl_svcList_item_arrow{margin-left:0;margin-right:1.4rem}
/* トップのサービスカードの山形 */
html[dir="rtl"] .el_svcArrow{margin-left:0;margin-right:1rem}
html[dir="rtl"] .el_svcArrow::before{left:auto;right:0;transform:translateY(-50%) rotate(-135deg)}
html[dir="rtl"] .bl_pageTopServiceSection .bl_pageTopServiceList_item_link:hover .el_svcArrow{transform:translateX(-.3rem)}
@media screen and (max-width: 752px){html[dir="rtl"] .el_svcArrow{margin-left:0;margin-right:.8rem}}
/* 「続きを読む」の矢印画像（/common/images/arrow.svg）は左右反転して文字の左に */
html[dir="rtl"] .el_publicSurveyResultsPageSection_articleText_readMore::after,
html[dir="rtl"] .bl_servicePageServiceIntroduction_item_readMore_link::after{transform:scaleX(-1);margin-left:0;margin-right:1.1rem}
@media screen and (max-width: 752px){
  html[dir="rtl"] .el_publicSurveyResultsPageSection_articleText_readMore::after,
  html[dir="rtl"] .bl_servicePageServiceIntroduction_item_readMore_link::after{margin-left:0;margin-right:.6rem}
}
/* お問い合わせの入口の一覧の「>」 */
html[dir="rtl"] .bl_contactPage_categoryList_item_title::after,
html[dir="rtl"] .bl_contactPage_categoryList_item_title__withDescription::after{right:auto;left:.2rem;transform:rotate(-135deg)}
/* 事例一覧のページ送り（前は右で右向き、次は左で左向き。並びは flex で反転済み） */
html[dir="rtl"] .bl_casePagination_prev::before{left:45%;transform:translate(-50%,-50%) scaleX(-1) rotate(45deg)}
html[dir="rtl"] .bl_casePagination_next::before{left:60%;transform:translate(-50%,-50%) scaleX(-1) rotate(-45deg)}
/* 事例の絞り込み: 開閉の山形は左端、チェックの四角は右端 */
html[dir="rtl"] .bl_pageCaseListBox_title{padding-right:.5rem;padding-left:calc(1.6rem + 1.2em)}
html[dir="rtl"] .bl_pageCaseListBox_title::after{right:auto;left:calc(1.1rem + .2em)}
html[dir="rtl"] .bl_pageCaseListBox_list_entityItem{padding-left:.5rem;padding-right:calc(1rem + 1em)}
html[dir="rtl"] .bl_pageCaseListBox_list_entityItem::before,
html[dir="rtl"] .bl_pageCaseListBox_input:checked~.bl_pageCaseListBox_list_entityItem::after{left:auto;right:calc(.5rem + .2em)}

/* --- 手順・流れの区切りの三角（▶）: 項目の左に、左向き --- */
@media screen and (min-width: 961px){
  html[dir="rtl"] .bl_tknFlow_item:not(:last-child)::after{right:auto;left:-2.8rem;border-width:1rem 1.4rem 1rem 0;border-color:transparent #202b52 transparent transparent}
  html[dir="rtl"] .bl_rcyFlow__four .bl_tknFlow_item:not(:last-child)::after{right:auto;left:-2.4rem}
  /* Pirika の流れの図 → 数字の間の三角 */
  html[dir="rtl"] .bl_pirikaFlow_arrow{border-width:1.4rem 2rem 1.4rem 0;border-color:transparent #202b52 transparent transparent}
}
@media screen and (min-width: 753px){
  html[dir="rtl"] .bl_rcyTech_step:not(:last-child)::after{right:auto;left:-1.7rem;border-width:.8rem 1.1rem .8rem 0;border-color:transparent #9bb4e8 transparent transparent}
}
/* Pirika の流れの図の枝分かれの線（横棒は右半分、かっこは左に開く） */
html[dir="rtl"] .bl_pirikaFlowGraphic_branch::before{left:auto;right:0}
html[dir="rtl"] .bl_pirikaFlowGraphic_branch::after{left:0;right:45%;border-right:max(2px,.4cqw) solid #ababab;border-left:0}

/* --- 番号の流れ・年表の線（次の項目は左にある） --- */
@media screen and (min-width: 1151px){
  html[dir="rtl"] .bl_govFlow_item{padding-right:0;padding-left:.8rem}
  html[dir="rtl"] .bl_govFlow_item::before{left:-1.6rem;right:1.6rem}
  html[dir="rtl"] .bl_cslTimeline .bl_govFlow_item::before{left:-1.6rem;right:3rem}
}
@media screen and (max-width: 1150px){
  html[dir="rtl"] .bl_govFlow_item::before{left:auto;right:1.5rem}
  html[dir="rtl"] .bl_cslTimeline .bl_govFlow_item::before{left:auto;right:1.5rem}
}

/* --- 箇条書きの「・」・チェックの丸は右、字下げも右 --- */
html[dir="rtl"] .bl_tknCard_list li{padding-left:0;padding-right:1.6rem}
html[dir="rtl"] .bl_tknCard_list li::before{left:auto;right:0}
html[dir="rtl"] .bl_govCan_list li{padding-left:0;padding-right:1.8rem}
html[dir="rtl"] .bl_govCan_list li::before{left:auto;right:.2rem}
/* タカノメの「調査報告書のサンプル」（2026-11-07 追加）: チェックの印は右・札とPDFリンクの間も右から */
html[dir="rtl"] .bl_tknReport_checks li{padding-left:0;padding-right:2.4rem}
html[dir="rtl"] .bl_tknReport_checks li::before{left:auto;right:.3rem}
html[dir="rtl"] .bl_tknReport_note strong{margin-right:0;margin-left:1rem}
html[dir="rtl"] .bl_tknLeadLink{margin-left:0;margin-right:1rem}
@media screen and (max-width: 752px){html[dir="rtl"] .bl_tknLeadLink{margin-left:0;margin-right:.6rem}}
html[dir="rtl"] .bl_govIssue_item{padding:1.8rem 5rem 1.8rem 2rem}
html[dir="rtl"] .bl_govIssue_item::before{left:auto;right:2rem}
html[dir="rtl"] .bl_govIssue_item::after{left:auto;right:2.45rem}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_govIssue_item{padding:1.4rem 4.4rem 1.4rem 1.6rem}
  html[dir="rtl"] .bl_govIssue_item::before{right:1.6rem}
  html[dir="rtl"] .bl_govIssue_item::after{right:2.05rem}
}
html[dir="rtl"] .bl_contactDetail_agreeToTerms_textAreaList_descriptionList_item{margin-left:0;margin-right:.5rem;padding-left:0;padding-right:1rem}
html[dir="rtl"] .bl_contactDetail_agreeToTerms_textAreaList_descriptionList_item::before{left:auto;right:0}
html[dir="rtl"] .bl_leaksList{padding-left:0;padding-right:2.4rem}
html[dir="rtl"] .bl_artificialTurfPageTextAndImage_text ul,
html[dir="rtl"] .bl_faqPageSectionQuestionList_item_answer ul{padding-left:0;padding-right:1.5em}
html[dir="rtl"] .bl_faqPageSectionQuestionList_item_answer ol{padding-left:0;padding-right:1em}
html[dir="rtl"] .bl_detailPageSection_noteArea_list{padding-left:0;padding-right:2rem}
/* 縦線つきの注記: 線は右 */
html[dir="rtl"] .bl_tknNote,html[dir="rtl"] .bl_govNotes_item{border-left:0;border-right:.4rem solid #202b52}

/* --- 「現在のページ」の札は右上 --- */
@media screen and (min-width: 753px){
  html[dir="rtl"] .bl_svcList_item__current .bl_svcList_item_current{left:auto;right:1.2rem}
}
/* 数字の後ろの単位の間（左 → 右）。前に付く単位は逆 */
html[dir="rtl"] .bl_pirikaStats_unit{margin-left:0;margin-right:.2rem}
html[dir="rtl"] .bl_pirikaStats_unit.bl_pirikaStats_unit__pre{margin:0 0 0 .6rem}

/* --- 声の引用のかぎかっこ: ペルシャ語の引用符 « » にする（右が始まり） --- */
html[lang="fa"] .bl_govVoice_quote::before{content:"«"}
html[lang="fa"] .bl_govVoice_quote::after{content:"»"}

/* --- 開閉（＋／－・山形）の印は左端、文字の余白を入れ替える --- */
html[dir="rtl"] .bl_tknFaq_q,html[dir="rtl"] .bl_cslFaq_q{padding:1.8rem 2.4rem 1.8rem 5.2rem}
html[dir="rtl"] .bl_tknFaq_q::before,html[dir="rtl"] .bl_tknFaq_q::after,
html[dir="rtl"] .bl_cslFaq_q::before,html[dir="rtl"] .bl_cslFaq_q::after{right:auto;left:2.4rem}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_tknFaq_q,html[dir="rtl"] .bl_cslFaq_q{padding:1.4rem 1.6rem 1.4rem 4.4rem}
  html[dir="rtl"] .bl_tknFaq_q::before,html[dir="rtl"] .bl_tknFaq_q::after,
  html[dir="rtl"] .bl_cslFaq_q::before,html[dir="rtl"] .bl_cslFaq_q::after{left:1.6rem}
}
html[dir="rtl"] .bl_faqPageSectionQuestionList_item_question::after{right:auto;left:2.2rem}
html[dir="rtl"] .bl_faqPageSectionQuestionList_item_question_text{padding-right:0;padding-left:3.6rem}
html[dir="rtl"] .bl_detailPageSection_contentsBlock_body_openButton,
html[dir="rtl"] .bl_detailPageSection_contentsBlock_body_closeButton{right:auto;left:1.1rem}

/* --- フォーム: チェックボックスは文字の右、必須の印は項目名の左に寄せる --- */
html[dir="rtl"] .bl_inquiryForm_item_checkboxList,html[dir="rtl"] .bl_downloadForm_item_checkboxList{padding-left:0;padding-right:1rem}
html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label,html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label__bold,
html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label,html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label__bold{padding:.2rem 1.4rem .5rem 2.5rem}
html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label::before,html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label__bold::before,
html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label::before,html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label__bold::before{left:auto;right:-1rem}
html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label::after,html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label__bold::after,
html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label::after,html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label__bold::after{left:auto;right:-.4rem}
html[dir="rtl"] .bl_inquiryForm_item_label_required,html[dir="rtl"] .bl_downloadForm_item_label_required{left:auto;right:-.4rem}
html[dir="rtl"] .bl_contactDetail_agreeToTerms_textAndCheckbox_checkbox,html[dir="rtl"] .bl_download_agreeToTerms_textAndCheckbox_checkbox{padding-left:0;padding-right:1rem}
@media screen and (max-width: 752px){
  html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label,html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label__bold,
  html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label,html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label__bold{padding:0 1.6rem 0 0}
  html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label::after,html[dir="rtl"] .el_inquiryForm_item_checkboxList_item_label__bold::after,
  html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label::after,html[dir="rtl"] .el_downloadForm_item_checkboxList_item_label__bold::after{right:-.5rem}
  html[dir="rtl"] .bl_inquiryForm_item_label_required,html[dir="rtl"] .bl_downloadForm_item_label_required{right:-.2rem}
}

/* --- 会社概要の地図リンクの印は文字の左 --- */
html[dir="rtl"] .bl_companyPage_companyInformation_overViewListItem_description_googleMapLink::after{right:auto;left:-2rem}

/* --- SNSピリカ --- */
/* 詳しい使い方の目次: アイコンと縦線は右、字下げも右 */
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__other,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__spot,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__group,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__event,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__interact,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__submit,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__account{padding-left:0;padding-right:3.2rem}
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__interact{padding-right:3.5rem}
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__group,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__spot,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__other{padding-right:3.74rem}
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__other::before,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__spot::before,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__group::before,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__event::before,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__interact::before,html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__submit::before,
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_title__account::before{left:auto;right:0}
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_subTitleList{padding-left:0;padding-right:3.3rem}
html[dir="rtl"] .bl_detailPageSection_tableOfContentsBlock_subTitleList::before{left:auto;right:1.1rem}
/* 使い方・詳しい使い方の見出しのアイコン（背景画像）は右、文字の余白も右 */
@media screen and (min-width: 753px){
  html[dir="rtl"] .bl_detailPageHeaderTitle,html[dir="rtl"] .bl_guidePageHeaderTitle{padding-left:0;padding-right:7.1rem}
  html[dir="rtl"] .bl_detailPageHeader_title{background-position:right center;padding-left:0;padding-right:9.7rem}
  html[dir="rtl"] .bl_guidePageHeader_title{background-position:right center;padding-left:0;padding-right:6.5rem}
  html[dir="rtl"] .bl_faqPageHeader_title{background-position:right center;padding-left:0;padding-right:10.5rem}
}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_detailPageHeader_title{background-position:right center;padding-left:0;padding-right:5.6rem}
  html[dir="rtl"] .bl_guidePageHeader_title{background-position:right center;padding-left:0;padding-right:4.434rem}
  html[dir="rtl"] .bl_faqPageHeader_title{background-position:right center;padding-left:0;padding-right:6.3rem}
}
/* 使い方の手順の間の縦線（パソコン幅は項目の左） */
@media screen and (min-width: 753px){
  html[dir="rtl"] .bl_guidePageSection_procedure:not(:last-child)::after{right:auto;left:-4.4rem}
}
/* ダウンロードボタンの QR・アプリのアイコンの間 */
html[dir="rtl"] .el_snsPirikaPageDownload_button_img,html[dir="rtl"] .el_guidePageDownload_button_QRcode{margin-left:0;margin-right:3.3rem}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_snsPirikaPageStoreList_item{margin-right:0;margin-left:1.1rem}
  html[dir="rtl"] .bl_snsPirikaPageStoreList_item:nth-child(2){margin-left:0}
}
/* スライドの前後ボタン: Swiper が右から左（swiper-rtl）で前を右・次を左に置き、矢印も向けるが、
   サイトの「中央寄りに置く」位置（left/right の %）が swiper-rtl の left:10px に負けて端に飛ぶ。位置を左右入れ替えて戻す */
html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl.swiper-button-next{left:32%;right:auto}
html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl.swiper-button-prev{right:32%;left:auto}
html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl__3slides.swiper-button-next{left:42%;right:auto}
html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl__3slides.swiper-button-prev{right:42%;left:auto}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl.swiper-button-next,
  html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl__3slides.swiper-button-next{left:27%}
  html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl.swiper-button-prev,
  html[dir="rtl"] .bl_snsPirikaPageSwiper_pagenationControl__3slides.swiper-button-prev{right:27%}
}
/* 「1 / 3」は数字の式なので左から右のまま（「3 / 1」に見えないように） */
html[dir="rtl"] .swiper-pagination-fraction{direction:ltr}
/* --- スマホ幅のページ内の目次（会社概要・調査結果・SNSピリカ FAQ）: 字下げの余白を左へ（文字は右端から） --- */
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_faqPageNaviList>li,
  html[dir="rtl"] .bl_companyPageAnchorLinkList>li,
  html[dir="rtl"] .bl_publicSurveyResultsPageAnchorLinkList>li{padding:0 0 .8rem 4.4rem}
  html[dir="rtl"] .bl_detailPageSection_tableOfContents__application{padding-left:0;padding-right:1.2rem}
  html[dir="rtl"] .bl_albatrossPageHeaderTitle{padding-left:0;padding-right:1rem}
}
/* --- 写真と文の2列（アルバトロス・人工芝）: 元の CSS は「direction:rtl で写真を右に置き、文は direction:ltr に戻す」作り。
   このままだとペルシャ語の文が左から右の向きで組まれ（左寄せ・句読点が逆の端）、写真も右のまま。
   右から左のページでは向きを入れ替える（写真は左、文は右から左） --- */
html[dir="rtl"] .bl_albatrossPageSection_leadText,html[dir="rtl"] .bl_artificialTurfPageSection_leadText{direction:ltr}
html[dir="rtl"] .bl_albatrossPageSection_leadText_text,html[dir="rtl"] .bl_artificialTurfPageSection_leadText_text,
html[dir="rtl"] .bl_artificialTurfPageTextAndImage_text{direction:rtl}
@media screen and (max-width: 752px){
  html[dir="rtl"] .bl_albatrossPageSection_leadText,html[dir="rtl"] .bl_artificialTurfPageSection_leadText{direction:rtl}
}

/* --- 本文の追加の手直し（2026-11-07 ペルシャ語版の見比べで見つけた。アラビア語版にも同じ不具合があった） --- */
/* コンサルの年表の「2016-」: 右から左の文の中では「-」が数字の前に回り「-2016」に見えるので、札の中だけ左から右に組む */
html[dir="rtl"] .bl_cslTimeline .bl_govFlow_no{direction:ltr}
/* コンサルの実績「約 25%」: 「約」「25」「%」が別の箱（flex）で、右から左だと「%」が数字の左に回り（「%25」）、
   「約」の後ろの空白も箱の端で消える。並びを「約」→「%」→「25」にして（見た目は右から「約」「25%」）、間をあけ、折り返さない */
html[dir="rtl"] .bl_pirikaStats_num:has(>.bl_cslStats_inline){flex-wrap:nowrap}
html[dir="rtl"] .bl_pirikaStats_num>.bl_cslStats_inline:first-child{order:-2;margin:0 0 0 .6rem}
html[dir="rtl"] .bl_cslStats_num+.bl_cslStats_inline{order:-1;margin:0 0 0 .1rem}
/* スマホ幅はコンサルの元の CSS（#cslTop .bl_pirikaStats_unit{margin:0 0 0 .1rem}）が ID で勝つので、同じ強さで書き直す（単位と数字の間は右） */
@media screen and (max-width: 752px){
  html[dir="rtl"] #cslTop .bl_pirikaStats_unit{margin:0 .1rem 0 0}
  html[dir="rtl"] #cslTop .bl_pirikaStats_num>.bl_cslStats_inline:first-child{margin:0 0 0 .4rem}
  html[dir="rtl"] #cslTop .bl_cslStats_num+.bl_cslStats_inline{margin:0 0 0 .1rem}
}
/* 会社概要の項目名（設立 等）: 英語向けの右の余白（renewal-en.css の padding-right:1.6rem）を左へ */
html[dir="rtl"] .bl_companyPage_companyInformation_overViewListItem_term{padding-right:0;padding-left:1.6rem}
/* 固定タブ（お問い合わせ）は左端に置いたので、画面の外に隠れる 5px 分の余白と影の向きも左右を入れ替える */
html[dir="rtl"] .bl_commonComponentSideTab__light,html[dir="rtl"] .bl_commonComponentSideTab__normal{padding:30px 30px 30px 35px;filter:drop-shadow(2px 2px 4px rgba(142, 122, 67, 0.25))}