/* EN company 見本v1（ローカル／非公開）。JP見本のCSSを body.en-company-proto にスコープして再利用し、英語向けに調整。共通部分は lower-common-v1.css + en-overrides-v1.css。 */
/* 会社概要 見本v1（ローカル／非公開）。すべて body.en-company-proto にスコープ。共通部分は lower-common-v1.css。
   項目・値・リンク・順序は不変。項目名と値を罫線リストに（PC：項目名が左／スマホ：項目名が上）。 */
body.en-company-proto .page_company .content_block { padding-bottom: 56px; }
body.en-company-proto .page_company .list_wrap { margin-bottom: 0; }
body.en-company-proto .page_company .inner_middle { max-width: calc(760px + 2 * var(--gutter)); padding: 0 var(--gutter); margin: 0 auto; overflow: visible; }
body.en-company-proto .page_company .list_wrap .listblock {
  display: grid; grid-template-columns: 10em minmax(0, 1fr); gap: 4px 24px; padding: 18px 0; border: 0; border-top: 1px solid var(--line); overflow: visible;
}
body.en-company-proto .page_company .list_wrap .listblock:first-of-type { border-top: 1px solid var(--line-strong); }
body.en-company-proto .page_company .list_wrap .listblock:last-of-type { border-bottom: 1px solid var(--line); }
body.en-company-proto .company_column-L, body.en-company-proto .company_column-R { float: none; width: auto; min-width: 0; }
body.en-company-proto .page_company p { margin: 0; padding: 0; }
body.en-company-proto .company_column-L p { font-size: 13px; font-weight: 400; letter-spacing: .1em; line-height: 1.9; color: var(--ink-soft); }
body.en-company-proto .company_column-R { overflow-wrap: anywhere; }                                   /* 長い文・URLの折返し */
body.en-company-proto .company_column-R p { font-size: 15px; line-height: 1.9; color: var(--ink); }
body.en-company-proto .page_company .company_column-R a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 767px) {
  body.en-company-proto .page_company .list_wrap .listblock { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 16px 0; }
  body.en-company-proto .company_column-L p { font-weight: 400; }
}

/* ===== 用途別の仕上げ（会社概要＝簡潔な情報ページ。写真・大見出しは足さない）。項目・値・リンク・順序は不変 ===== */
/* 見出しを表と同じ左端・同じ幅に揃え、書類として読める形に */
body.en-company-proto .page_company h1.block_title { max-width: calc(760px + 2 * var(--gutter)); margin: 0 auto 20px; padding: 40px var(--gutter) 0; box-sizing: border-box; text-align: left; }
body.en-company-proto .page_company .list_wrap .listblock { grid-template-columns: 9.5em minmax(0, 1fr); }
body.en-company-proto .company_column-R p { text-wrap: pretty; }
/* 来店・連絡に使う項目（住所7番目・電話8番目）だけ値を一段大きく。他は同じ重み */
body.en-company-proto .page_company .list_wrap .listblock:nth-of-type(7) .company_column-R p,
body.en-company-proto .page_company .list_wrap .listblock:nth-of-type(8) .company_column-R p { font-family: var(--mincho); font-size: 17px; line-height: 1.8; letter-spacing: .03em; }
body.en-company-proto .page_company .list_wrap .listblock:nth-of-type(8) .company_column-R a { color: var(--ink); text-decoration-thickness: 1px; }
@media (max-width: 767px) {
  body.en-company-proto .page_company h1.block_title { padding-top: 24px; }
  body.en-company-proto .page_company .list_wrap .listblock { grid-template-columns: minmax(0, 1fr); }
}
