/* =========================================================
   全ページ共通（ヘッダー・青帯タイトル・フッター）
   design-base.css を読み込まないページでも、
   ヘッダーまわりの文字設定を新デザインにそろえる
========================================================= */
/* 文字サイズの基準を一回り大きく（16px→17.6px）
   unique.css の em/rem 指定（ホーム・一覧・LPなど）がこれに連動して大きくなる。
   design-base.css を読むページは body を px で指定しているため本文には影響しない */
html{font-size:110%}

/* 文字色の基準（指定のない本文が真っ黒 #000 になるため、サイトの濃い色にそろえる）
   design-base.css を読むページは後から読み込む body 指定（var(--ink)＝同じ色）が優先される */
body{color:#1c2b33}

/* =========================================================
   サイト共通のコンテンツ幅
   外枠1200px・左右余白40px（スマホ20px）→ 中身1120px
   design-base.css（--max/--pad）と case.css（--case-max）もこの値を参照する
========================================================= */
:root{
  --site-max:1200px;
  --site-pad:clamp(20px,4vw,40px);
  /* unique.css の main / .wrapper-h1 は768px以上で左右に1remずつ画面外へはみ出している。
     section の padding(1rem) の外に置く枠は、この分を足して端をそろえる */
  --site-bleed:0px;
  --main-max:calc(var(--site-max) + var(--site-bleed) * 2);
  --main-pad:calc(var(--site-pad) + var(--site-bleed));
  --section-pad:calc(var(--main-pad) - 1rem);
}
@media screen and (min-width:768px){
  :root{--site-bleed:1rem}
}
/* unique.css の .maxw-md（544/768/992pxの段階指定＋padding 1rem）を上書き
   section の padding(1rem) の内側に置かれるため、その分を差し引いた余白にする */
.maxw-md,
section .maxw-md{
  max-width:var(--site-max);
  padding-left:var(--section-pad);
  padding-right:var(--section-pad);
}
/* 背景・枠線付きの .maxw-md（規約・FAQなどのカード）は、箱の端を共通ラインにそろえ、内側の余白は元の1remのまま */
section .maxw-md:is([class*="bg-"],[class*="ba-"]){
  width:calc(100% - var(--section-pad) * 2);
  max-width:calc(var(--site-max) - var(--site-pad) * 2);
  padding-left:1rem;
  padding-right:1rem;
}
nav.breadcrumbs,
body:not(.home) main h1{
  max-width:var(--main-max);
  padding-left:var(--main-pad);
  padding-right:var(--main-pad);
}

header,
.wrapper-h1,
footer{
  font-family:'Noto Sans JP', "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing:.03em;
  color:#1c2b33;
  line-height:1.85;
  font-size:16px;
}
.wrapper-h1 h1{line-height:1.6;letter-spacing:.03em}
/* 青帯のページタイトル：全ページ共通のサイズ（帯は「今いるページ」の目印なので、下のキャッチより控えめに）。
   ページごとのCSSではサイズを指定しない */
/* 帯の上下の余白は少し細く（元は unique.css の 3rem=48px）。文字と帯のバランスで弱く見えないように */
body:not(.home) main .wrapper-h1 h1{font-size:clamp(25.5px,3vw,34px) !important;font-weight:700;letter-spacing:.04em;word-break:auto-phrase;padding-top:clamp(28px,3vw,36px);padding-bottom:clamp(28px,3vw,36px)}

/* パンくずリスト：青帯の直下のものだけ表示し、本文下の2つ目は非表示（design-base.css の非表示より優先させるため main から指定） */
nav.breadcrumbs{display:none}
main .wrapper-h1 + nav.breadcrumbs{display:block;padding-top:.9rem;padding-bottom:.9rem;font-size:13px;letter-spacing:.05em;line-height:1.6}
/* パンくずリストの直後の最初のセクションは上の余白を控えめに（各ページの見出しエリアの余白が大きく、青帯の下が空きすぎるため） */
main .wrapper-h1 + nav.breadcrumbs + section,
main .wrapper-h1 + nav.breadcrumbs + .page > section:first-child{padding-top:clamp(32px,4vw,56px) !important}

/* 共通フッターのメール問い合わせ帯（footer.php）調整
   .fs-6(0.8em)が基準16pxで小さくなるための補正（design-base.css から移動） */
.footer-action-container p.fs-6{font-size:17.5px !important;line-height:1.9;margin-bottom:24px}
.footer-action{font-size:17.5px}
/* 問い合わせ帯の文言が単語の途中で折り返さないよう文節単位で改行（home・下層・ページ別文言すべて） */
.footer-action-container :where(h2,p,.footer-cta-title,.footer-cta-text){word-break:auto-phrase}

/* フッター最下段（サイトのご利用について／個人情報保護方針／コピーライト）
   .fs-7(0.65em)で約10.4pxと小さすぎるため、読みやすいサイズに補正 */
.footer-copyright-container .menu-copyrights-menu-container ul,
.footer-copyright-container small{font-size:14.5px !important}

/* フッター最下段（サイトのご利用について／個人情報保護方針／コピーライト） 393px未満のときだけ13px */
@media (max-width:393px){
  .footer-copyright-container .menu-copyrights-menu-container ul,
  .footer-copyright-container small{font-size:13px !important}
}

/* フッター最下段のロゴ：design-base.css の img{display:block} で中央寄せが効かなくなるため */
.footer-copyright-container img{display:inline}