/* 英語版（/en/）だけに効かせる上書き。日本語版のCSSは触らない（2026-10-01 英語版作り直し）。
   全英語ページの </head> 直前で読み込む（tools/make_en_base.py が自動で入れる）。 */

/* ごみ拾いSNSピリカ: ヘッダーのダウンロードボタンの文字（日本語版CSSは content で日本語を出している） */
.bl_globalHeaderNaviSnsLinkButton::before{content:"Download App"}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{content:"Download App"}}

/* 見出しの字間: 日本語用の広い字間は英字だと間延びするので詰める */
html[lang="en"] :is(h1, h2, h3, .bl_pageTopMainVisualMessage_title){letter-spacing:.04em !important}

/* ピリカ: 関連サービスは英語版だと3枚（サポーターズクラブを出さない）。4列のままだと右が1枠空くので3列にする */
@media screen and (min-width: 1151px){
  .bl_svcList.bl_svcList__four:not(:has(> :nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* サービスカードは英語版だと5枚（環境DXを出さない）。最後の段の余りを中央に寄せる（2026-10-01 CEO指示）。
   列を2倍に分け、各カードを2列ぶん使わせて、余ったカードを半カードずらす。 */
@media screen and (min-width: 1151px){
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList),
  .bl_svcList:not(.bl_svcList__four):not(.bl_svcList__two){grid-template-columns:repeat(6,minmax(0,1fr))}
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList) > *,
  .bl_svcList:not(.bl_svcList__four):not(.bl_svcList__two) > *{grid-column:span 2}
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList) > :nth-child(3n+1):nth-last-child(2),
  .bl_svcList:not(.bl_svcList__four):not(.bl_svcList__two) > :nth-child(3n+1):nth-last-child(2){grid-column:2 / span 2}
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList) > :nth-child(3n+1):last-child,
  .bl_svcList:not(.bl_svcList__four):not(.bl_svcList__two) > :nth-child(3n+1):last-child{grid-column:3 / span 2}
}
@media screen and (min-width: 753px) and (max-width: 1150px){
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList),
  .bl_svcList:not(.bl_svcList__two){grid-template-columns:repeat(4,minmax(0,1fr))}
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList) > *,
  .bl_svcList:not(.bl_svcList__two) > *{grid-column:span 2}
  body .bl_pageTopServiceSection .bl_pageTopServiceList:not(.bl_pageTopJoinList) > :nth-child(2n+1):last-child,
  .bl_svcList:not(.bl_svcList__two) > :nth-child(2n+1):last-child{grid-column:2 / span 2}
}

/* 問い合わせ・資料DL・セミナーのフォーム: 入力エラーの文言（日本語版CSSは content で日本語を出している） */
html[lang="en"] [data-bind-form-validation-errors] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors] .bl_downloadForm_item_label::after{content:"Please check this field"}
html[lang="en"] [data-bind-form-validation-errors~=email] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=email] .bl_downloadForm_item_label::after{content:"Please enter a valid email address"}
html[lang="en"] [data-bind-form-validation-errors~=require] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require] .bl_downloadForm_item_label::after{content:"This field is required"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_downloadForm_item_label::after{content:"Please enter your email address"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_downloadForm_item_label::after{content:"Please enter your organization"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_downloadForm_item_label::after{content:"Please enter your organization"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_downloadForm_item_label::after{content:"Please enter your name"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"Please enter your phone number"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"Please enter your phone number"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_downloadForm_item_label::after{content:"Please enter your message"}
html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_downloadForm_item_label::after{content:"Please tell us how you heard about Pirika"}
html[lang="en"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"Please enter a valid phone number"}
html[lang="en"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="en"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"Please enter a valid phone number"}

/* クッキーポリシー: スマホの表の見出し */
@media screen and (max-width: 752px){
  html[lang="en"] .bl_cookiePageTable_body_row_cell:nth-child(1)::before{content:"Cookie name"}
  html[lang="en"] .bl_cookiePageTable_body_row_cell:nth-child(2)::before{content:"Sent to"}
  html[lang="en"] .bl_cookiePageTable_body_row_cell:nth-child(3)::before{content:"Information collected"}
  html[lang="en"] .bl_cookiePageTable_body_row_cell:nth-child(4)::before{content:"Purpose"}
}

/* 企業情報「Organization」: 日本語用の項目名の幅（8.7rem）では "Representative" が名前に重なるので広げる */
html[lang="en"] .bl_companyPage_companyInformation_overViewListItem_term{width:16rem;flex-shrink:0;padding-right:1.6rem}

/* ピリカ: 実績の大きな数字。英語の単位（countries and regions）は長く、スマホで箱からはみ出すので数字の下に回す */
@media screen and (max-width: 752px){
  html[lang="en"] .bl_pirikaStats_num{white-space:normal !important;flex-wrap:wrap;justify-content:center}
  html[lang="en"] .bl_pirikaStats_unit{display:block;width:100%;white-space:normal !important;margin-left:0;margin-top:.4rem}
}

/* リサイクル「技術」: 英語のラベル（Conventional method / New technology）は日本語より長く、
   1行固定（nowrap）だと右のごみの絵に重なるので、折り返して列を少し広げる */
html[lang="en"] .bl_rcyTech_label{white-space:normal}
@media screen and (min-width: 1151px){ html[lang="en"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr) 22rem} }
@media screen and (min-width: 753px) and (max-width: 1150px){ html[lang="en"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr)} }