/* =========================================================
   fonts.css  A1ゴシック（元サイトの TypeSquare / STUDIO 配信フォント）の代わりのフォント
   A1ゴシックは STUDIO の外へ持ち出せないため、見た目の近い無料フォント（Google Fonts）を仮に当てている。
   ★ フォントを差し替えるときは、このファイルだけを直す（下の @import の行と :root の変数）。
   元サイトでは書体名で太さが決まっていた（R=細め / M=中 / B=太）ので、太さも変数にしている。
   フォント: Murecho（2026-10-09 選定、2026-10-14 礒部さんの指示でこれで進める。角の丸みと英数字の幅が A1ゴシックに近い）。
   ほかの候補: M PLUS 1p（太字の英数字の幅がいちばん近い）/ Zen Kaku Gothic New（すっきりしているが英数字が細めで、行の折り返しが変わりやすい）
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Murecho:wght@400;500;700&display=swap");

:root {
  --font-a1-r: "Murecho", sans-serif;  /* A1ゴシック R の代わり */
  --font-a1-r-weight: 400;
  --font-a1-m: "Murecho", sans-serif;  /* A1ゴシック M の代わり */
  --font-a1-m-weight: 500;
  --font-a1-b: "Murecho", sans-serif;  /* A1ゴシック B の代わり */
  --font-a1-b-weight: 700;
}

/* 漢字を含む文字の字間（2026-10-14 礒部さん指示）
   元は A1ゴシックで字間を詰めている（-0.1em / -0.05em）。Murecho は漢字の字面が大きく、同じ字間だと漢字がくっついて見えるので、
   どれも 0.08em 開ける（-0.1em → -0.02em、-0.05em → 0.03em。A1ゴシックの見た目の空き具合に合わせた値）。
   開けたことで行の折り返しが元と変わる箇所は、その画面幅だけ文字を 1〜2px 小さくして元の折り返しに合わせている（下の @media。礒部さん了承済み）。
   対象は「A1ゴシックの代わりのフォント」で字間を詰めていて、漢字を含む文字（全ページを調べて 72 種類）。
   フォントを差し替えたら、ここも見直す（A1ゴシックに戻すならこのブロックを消す）。
   .t を付けて、ページ専用の CSS（後から読む）より優先させている */
:root {
  --font-a1-ls-tight: -0.02em;  /* 元 -0.1em */
  --font-a1-ls-semi: 0.03em;    /* 元 -0.05em */
}
.t.tp-blk2-txt1 /* トップ「私たちが向き合っているのは、」 */,
.t.tp-real-txt6 /* トップ「立ち上げの大変さを一緒に乗り」 */,
.t.tp-real-txt10 /* トップ「書類だけじゃない。事業を作る」 */,
.t.tp-real-txt14 /* トップ「100以上の事業を作ってきた」 */,
.t.tp-service-txt2 /* トップ「事業内容」 */,
.t.tp-service-txt4 /* トップ「経営改善サービス」 */,
.t.tp-service-txt6 /* トップ「シャチョウ補助金」 */,
.t.tp-service-txt7 /* トップ「返済不要の制度を活用した補助」 */,
.t.tp-service-txt9 /* トップ「シャチョウ集客」 */,
.t.tp-service-txt10 /* トップ「Web制作、広告運用、営業代」 */,
.t.tp-service-txt13 /* トップ「バックオフィスをDXで効率化」 */,
.t.tp-service-txt15 /* トップ「シャチョウ補助金放題」 */,
.t.tp-service-txt16 /* トップ「経営改善のための資金調達申請」 */,
.t.tp-service-txt22 /* トップ「まるごと工事」 */,
.t.tp-service-txt25 /* トップ「印刷卸売.com」 */,
.t.tp-number-txt3 /* トップ「数字で見るヴィレ」 */,
.t.tp-number-txt6 /* トップ「企画・事業立ち上げ・集客・仕」 */,
.t.tp-number-txt9 /* トップ「広告ゼロ。ほぼ全案件が元クラ」 */,
.t.tp-number-txt11 /* トップ「製造業、飲食業、カフェ、サウ」 */,
.t.tp-number-txt14 /* トップ「あなたが成功した時に費用がか」 */,
.t.tp-news-txt2 /* トップ「お知らせ」 */,
.t.tp-company-txt2 /* トップ「会社概要」 */,
.t.tp-contact-txt1 /* トップ「ご相談は、各サービスページか」 */,
.t.tp-contact-txt2 /* トップ「各サービスのご不明点等、お気」 */,
.t.ft-txt1 /* トップ「株式会社ヴィレグループ」 */,
.t.ft-txt2 /* トップ「成功報酬で隣を走る、立ち上げ」 */,
.t.menu-txt3 /* トップ「株式会社ヴィレグループ」 */,
.t.menu-txt4 /* トップ「成功報酬で隣を走る、立ち上げ」 */,
.t.ch-blk1-txt1 /* /customer-harassment-policy「カスタマーハラスメントに対す」 */,
.t.fs-blk1-txt2 /* /financialstatements「決算書一覧」 */,
.t.nw-blk1-txt2 /* /news「お知らせ」 */,
.t.sc-blk1-txt1 /* /security「情報セキュリティ対応方針」 */,
.t.tg-blk1-txt2 /* /tags/dx「お知らせ」 */
{ letter-spacing: var(--font-a1-ls-tight); }
.t.hd-txt1 /* トップ「事業内容」 */,
.t.tp-blk1-txt1 /* トップ「コンサルはいらない。一緒にや」 */,
.t.tp-real-txt1 /* トップ「ヴィレが " リアル " に」 */,
.t.tp-real-txt5 /* トップ「伴走」 */,
.t.tp-real-txt9 /* トップ「実務」 */,
.t.tp-real-txt13 /* トップ「覚悟」 */,
.t.tp-service-txt1 /* トップ「必要なことは、全部やります。」 */,
.t.tp-service-txt18 /* トップ「AIという最先端を、一番泥臭」 */,
.t.tp-service-txt21 /* トップ「工事で失敗しないために、一度」 */,
.t.tp-service-txt24 /* トップ「印刷機器を、卸売価格で導入す」 */,
.t.tp-service-txt28 /* トップ「即日個人参加フットサル。」 */,
.t.tp-number-txt2 /* トップ「見せかけじゃない。数字がその」 */,
.t.tp-number-txt4 /* トップ「支援事業実績」 */,
.t.tp-number-txt5 /* トップ「以上」 */,
.t.tp-number-txt7 /* トップ「紹介率」 */,
.t.tp-number-txt10 /* トップ「支援実績業種」 */,
.t.tp-number-txt12 /* トップ「成功報酬・初期費用」 */,
.t.tp-news-txt1 /* トップ「近況はこちらから、ご確認くだ」 */,
.t.tp-company-txt1 /* トップ「会社の詳細はこちら。」 */,
.t.tp-contact-txt3 /* トップ「シャチョウ補助金」 */,
.t.tp-contact-txt4 /* トップ「補助金を使って事業を前に進め」 */,
.t.tp-contact-txt5 /* トップ「シャチョウ集客」 */,
.t.tp-contact-txt6 /* トップ「集客をちゃんと仕組みにしたい」 */,
.t.tp-contact-txt8 /* トップ「バックオフィスを効率化したい」 */,
.t.tp-contact-txt9 /* トップ「シャチョウ補助金放題」 */,
.t.tp-contact-txt10 /* トップ「補助金を継続的に活用していき」 */,
.t.tp-contact-txt12 /* トップ「AIを使ってコンテンツ制作で」 */,
.t.tp-contact-txt13 /* トップ「まるごと工事」 */,
.t.tp-contact-txt14 /* トップ「その見積、本当に適正か確認し」 */,
.t.tp-contact-txt15 /* トップ「印刷卸売.com」 */,
.t.tp-contact-txt16 /* トップ「印刷機器を、卸価格で導入した」 */,
.t.tp-contact-txt18 /* トップ「フットサルを気軽に楽しみたい」 */,
.t.menu-txt2 /* トップ「事業内容」 */,
.t.ch-blk1-txt4 /* /customer-harassment-policy「目的」 */,
.t.ch-blk1-txt6 /* /customer-harassment-policy「対象となる行為」 */,
.t.fs-blk1-txt1 /* /financialstatements「経営状況はこちらから、ご確認」 */,
.t.nw-blk1-txt1 /* /news「近況はこちらから、ご確認くだ」 */,
.t.sc-blk1-txt2 /* /security「情報セキュリティ対応方針」 */,
.t.tg-blk1-txt1 /* /tags/dx「近況はこちらから、ご確認くだ」 */
{ letter-spacing: var(--font-a1-ls-semi); }

/* 字間を開けて折り返しが元と変わる箇所：その画面幅だけ文字を 1〜2px 小さくする（長い見出しは開ける量も控えめ）。
   画面幅の区切りは元サイト（STUDIO）と同じ 1280 / 760 / 540 / 360px */
@media screen and (min-width: 1281px) {
  .t.tp-blk2-txt1 { font-size: 19px; }  /* 元 20px */
  .t.tp-real-txt6 { font-size: 13px; }  /* 元 15px */
  .t.tp-real-txt10 { font-size: 13px; }  /* 元 15px */
  .t.tp-real-txt14 { font-size: 14px; }  /* 元 15px */
  .t.tp-service-txt7 { font-size: 14px; }  /* 元 15px */
  .t.tp-number-txt12 { font-size: 21px; }  /* 元 22px */
  .t.tp-contact-txt1 { font-size: 48px; }  /* 元 50px */
}
@media screen and (min-width: 761px) and (max-width: 1280px) {
  .t.tp-blk2-txt1 { font-size: 18px; }  /* 元 20px */
  .t.tp-real-txt6 { font-size: 13px; }  /* 元 15px */
  .t.tp-real-txt10 { font-size: 13px; }  /* 元 15px */
  .t.tp-real-txt14 { font-size: 14px; }  /* 元 15px */
  .t.tp-service-txt7 { font-size: 14px; }  /* 元 15px */
  .t.tp-number-txt12 { font-size: 21px; }  /* 元 22px */
  .t.tp-contact-txt1 { font-size: 47px; letter-spacing: -0.06em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.ch-blk1-txt1 { font-size: 59px; letter-spacing: -0.04em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.sc-blk1-txt1 { font-size: 68px; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
}
@media screen and (min-width: 541px) and (max-width: 760px) {
  .t.tp-blk2-txt1 { font-size: 19px; letter-spacing: -0.06em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.sc-blk1-txt1 { font-size: 48px; letter-spacing: -0.08em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.tp-service-txt10 { font-size: 13px; }  /* 元 15px */
  .t.tp-service-txt16 { font-size: 13px; }  /* 元 15px */
  .t.tp-number-txt12 { font-size: 21px; }  /* 元 22px */
  .t.tp-number-txt3 { font-size: 68px; }  /* 元 70px */
  .t.tp-contact-txt1 { font-size: 47px; letter-spacing: -0.06em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
}
@media screen and (min-width: 361px) and (max-width: 540px) {
  .t.tp-blk2-txt1 { font-size: 16px; letter-spacing: -0.06em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.tp-service-txt10 { font-size: 13px; }  /* 元 15px */
  .t.tp-service-txt16 { font-size: 13px; }  /* 元 15px */
  .t.tp-number-txt12 { font-size: 21px; }  /* 元 22px */
  .t.tp-contact-txt2 { font-size: 18px; }  /* 元 20px */
  .t.tp-real-txt6 { font-size: 13px; }  /* 元 14px */
  .t.tp-real-txt10 { font-size: 13px; }  /* 元 14px */
  .t.tp-real-txt14 { font-size: 13px; }  /* 元 14px */
  .t.tp-service-txt7 { font-size: 14px; }  /* 元 15px */
  .t.tp-number-txt3 { font-size: 48px; letter-spacing: -0.06em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.ch-blk1-txt1 { font-size: 48px; letter-spacing: -0.04em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
}
@media screen and (max-width: 360px) {
  .t.tp-blk2-txt1 { font-size: 15px; }  /* 元 17px */
  .t.sc-blk1-txt1 { font-size: 48px; letter-spacing: -0.08em; }  /* 長い見出し・段落: 開ける量を控えめにして元の折り返しに合わせる */
  .t.tp-service-txt10 { font-size: 14px; }  /* 元 15px */
  .t.tp-number-txt12 { font-size: 21px; }  /* 元 22px */
  .t.tp-contact-txt1 { font-size: 39px; }  /* 元 40px */
  .t.ft-txt1 { font-size: 24px; }  /* 元 25px */
  .t.tp-real-txt1 { font-size: 11px; }  /* 元 13px */
  .t.tp-real-txt6 { font-size: 13px; }  /* 元 14px */
  .t.tp-real-txt10 { font-size: 13px; }  /* 元 14px */
  .t.tp-number-txt2 { font-size: 12px; }  /* 元 13px */
  .t.tp-number-txt6 { font-size: 13px; }  /* 元 14px */
  .t.tp-contact-txt2 { font-size: 19px; }  /* 元 20px */
  .t.ft-txt2 { font-size: 13px; }  /* 元 14px */
}