@charset "utf-8";
/* ==============================================
   明和住宅 会社概要専用CSS（company.css）
   第5版 2026-09-16 C22（313回目）＝第7章「スマホの流し込みで項目名の改行を消す（br.br-pc）」を追加。第1～6章は無変更（?v=20260916a）
   第4版 2026-09-15 C16（290回目）＝第6章「h1 の下の1行の文節（span.hw）」を追加。第1～5章は無変更（?v=20260915b）
   第3版 2026-09-15 C13（285回目）＝第5章「表の中で語の途中で割らない文節（span.nw）」を追加。第1～4章は無変更（?v=20260915a）
   第2版 2026-09-14 C10（282回目）＝第3章の末尾に「マークの最後の行が1つだけのときは中央」・
     第4章「モットーの1行（p.motto）」を追加。第1・2章と第3章の既存の指定は無変更（?v=20260914b）
   第1版 2026-09-14 C8（company/index.html 専用・273回目）
   ----------------------------------------------
   読み込み順（厳守・company/index.html の head）:
   /css/jquery.bxslider.min.css → /css/meiwa-colors.css →
   /css/category1.css → /css/profile.css → /css/company.css（必ず最後）
   ・社長ご指示「ヘッダーとヘッダー上のメニューリンク、フッター等を
     代表プロフィール Profile.html と同じに」＝ヘッダースライダー・
     表（dl.prof）・沿革（dl.ayumi）は profile.css をそのまま使い、
     このファイルは会社概要だけの部品を足すだけ（profile.css は無変更）。
   ・フッター（.backline～#pageTop）の指定はここに書かない
     （標準5-2＝抜粋移植の禁止。category1.css が描く）。
   ----------------------------------------------
   守る数値（下げる変更は不可）: 文字16px以上／PC本文20px／
   行間1.5以上／タップ48px以上・隣と8px以上／
   コントラスト 通常文字4.5:1・枠線3:1
   ============================================== */
/* ================================
   1. 宅地建物取引業者票（dl.prof.hyou）
   ================================
   法定の項目名（最長「この事務所に置かれている専任の宅地建物取引士の数」24字）が
   長いため、スマホは項目名を上・値を下の2段にする（項目名を細い列で何行にも折らない）。
   PCは左右2列（項目名の列を広げる）。枠線は緑#007B43（クリーム地4.9:1）＝標識らしく囲む */
dl.prof.hyou {
  border: 2px solid #007B43;
  border-radius: 6px;
  padding: 2px 10px;
}
dl.prof.hyou > div {
  flex-wrap: wrap;
  gap: 0 10px;
}
dl.prof.hyou dt { flex-basis: 100%; }
dl.prof.hyou > div:last-child { border-bottom: 0; }
@media (min-width: 768px) {
  dl.prof.hyou > div { flex-wrap: nowrap; }
  dl.prof.hyou dt { flex-basis: 15em; }            /* 20px×15字＝300px */
}
/* ================================
   2. 公式ブログ・SNS のバナー（.sns-banners）
   ================================
   画像は 300×100（表示は最大171×57）。スマホは1行に2枚（幅に合わせて縮む・
   320pxでも高さ48px以上＝タップ【G】）、PCは1行に4枚。間隔8px【G】 */
.sns-banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 720px;
  margin: 6px auto;
  padding: 0 8px;
  clear: both;
}
.sns-banners a {
  display: block;
  flex: 0 0 calc(50% - 4px);
  max-width: 171px;
  line-height: 0;
}
.sns-banners img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .sns-banners { max-width: 800px; }
}
/* ================================
   3. 所属団体・取扱店のマーク（ul.mark-grid）
   ================================
   旧ページはマークの上に白文字11px・半透明の橙帯を重ねていた（文字が小さく
   読みにくい）→ マークの下に本文色16px（PC18px）で名前を書く。
   スマホ2列・PC3列。grid 非対応の古いブラウザは縦に1列で並ぶ（標準18の保険） */
ul.mark-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 8px;
  max-width: 720px;
  margin: 8px auto;
  padding: 0 8px;
  clear: both;
}
ul.mark-grid li {
  margin: 0;
  text-align: center;
}
ul.mark-grid img {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto 4px;
  border-radius: 10px;
}
ul.mark-grid a { display: inline-block; }
ul.mark-grid .mark-name {
  display: block;
  font-size: 16px;             /* 【G】16px下限 */
  line-height: 1.5;
  /* 名前は空白（法人の種類／団体名／会員）の所で折り返し、「会／員」のような語の途中で割らない。
     1語が列より長いときだけ途中で折る（古いブラウザは break-word で同じ動き） */
  word-break: keep-all;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}
@media (min-width: 768px) {
  ul.mark-grid {
    max-width: 800px;
    grid-template-columns: repeat(3, 1fr);
  }
  ul.mark-grid .mark-name { font-size: 18px; }
}
/* ▼C10（第2版）マークが13個になり、最後の行が1つだけになる（スマホ2列＝13個目・PC3列＝13個目）。
   左に寄って見えないよう、その1つを行いっぱいに広げて中央に置く（li は text-align:center・
   img は margin auto なので中身が中央に来る）。個数が変わっても、最後の行が1つだけのときにだけ効く
   （スマホ＝奇数番目で最後／PC＝3n+1番目で最後）。他の li の位置・大きさは変わらない */
ul.mark-grid li:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 768px) {
  ul.mark-grid li:last-child:nth-child(odd) { grid-column: auto; }
  ul.mark-grid li:last-child:nth-child(3n+1) { grid-column: 1 / -1; }
}
/* ================================
   4. モットーの1行（p.motto）＝C10・2026-09-14
   ================================
   「しつこい電話営業行為などは一切いたしませんのでご安心下さい。」＝トップページの緑の1行と同じ見た目
   （category1.css の .green #007B43〔クリーム地4.9:1〕・.b・.f22px＝clamp(18px,4.4vw,22px)【G】16px下限）。
   3つの文節を inline-block にして、スマホでは「～などは／一切いたしませんので／ご安心下さい。」の
   区切りだけで折り返す（語の途中で割らない＝標準43）。18pxのとき2行目は17字＝306px。
   左右の余白を2pxにして幅320pxでも2行目が1行に収まる（入らない端末では3行になるだけ・欠けない） */
p.motto { margin: 8px auto 2px; padding: 0 2px; }
p.motto span { display: inline-block; }
/* ================================
   5. 表の中で語の途中で割らない文節（span.nw）＝C13・2026-09-15
   ================================
   「営業時間」の2行目「ご来店の際は事前にお電話やメールでご予約をお願いしています。」（30字）は、PC・タブレット
   （欄の幅546～594px・20px＝27～29字）で末尾の「す。」だけが3行目に落ちる。「お願いしています。」（9字）を
   1かたまりにして、折り返しを「ご予約を／お願いしています。」の区切りにする。9字＝スマホ16pxで144px・欄の幅（225px以上）
   より短いので横はみ出しは起きず、320・375pxの行数も変わらない（実測）。文字の大きさ・情報は変えない（標準43） */
dl.prof .nw { white-space: nowrap; }
/* ================================================
   6. h1 の下の1行の文節（span.hw）＝C16・2026-09-15
   ================================================
   「‐府中市の賃貸･売買不動産専門店 株式会社明和住宅‐」（案B・社長ご選択）は、スマホ（16～17px）で1行に入らず「株式会社明和住／宅‐」と
   社名の途中で割れていた（実測 320～428px）。2つの文節を inline-block にして、折り返しを空白の所だけにする（標準43）。
   幅320pxでも1文節目（16字＝約250px）は1行に入る。PC・タブレット（18～22px・枠759px以上）は従来どおり1行。文字の大きさ・色は
   category1.css のまま */
#header p .hw { display: inline-block; }
/* ================================================
   7. 会社概要（基本情報）の表の流し込み（C22・2026-09-16・社長ご指示）
   ================================================
   表 dl.prof に class="flow-sp" を付け、スマホ（767px以下）は代表プロフィールと同じ「項目名＋半角スペース＋本文」
   （profile.css 第9章をそのまま使う）。項目名「専任の<br>宅地建物取引士」の改行は、2列の表（PC・タブレット）で
   項目名の列に収めるためのもの＝流し込みでは「専任の／宅地建物取引士」と項目名の途中で改行してしまうので、スマホでは消す。
   PC・タブレット（768px以上）は無変更 */
@media (max-width: 767px) {
  dl.prof.flow-sp br.br-pc { display: none; }
}
/* ================================================
   微調整のあとの再確認メモ
   □ 文字16px未満になっていないか（マークの名前も）
   □ バナー・マークのリンクの高さ48px未満・間隔8px未満がないか
   □ profile.css を直したら 代表プロフィール・売却査定（/baikyaku/）・この会社概要・スタッフプロフィールの4ページを確認
   □ マークを増減したら、最後の行が1つだけのとき中央に来ているか（第3章の C10）
   □ フッターの指定をこのファイルに足していないか（標準5-2）
   ================================================ */