@charset "UTF-8";

/* =========================================================
   出展案内ページ（pages/guidance.php）専用のCSS
   ---------------------------------------------------------
   共通CSS（tokens / common / components / contact）のあとに読み込む。
   このファイルは末尾に追記していく。途中に挿すと、後ろにある
   メディアクエリ（画面幅ごとの指定）に負けて効かなくなる。
   ========================================================= */


/* ---------------------------------------------------------
   2026-08-24 クライアント指示（EXHI-18）
   「□ プライバシーポリシーに同意します。＊　テキストを中央寄せにして」
   ---------------------------------------------------------
   もともと contact.css の .privacy-policy に text-align:center が
   当たっていたが、中の <p> が「チェックボックスと文字を横一列に
   並べる」ための display:flex になっており、flex では text-align が
   効かないため、チェックボックスと文字の塊が左端に貼りついたままだった。

   flex の中央寄せ（justify-content:center）で、横に並んだ状態のまま
   塊ごとフォームの中央へ寄せる。
   --------------------------------------------------------- */

html body .privacy-policy p {
	justify-content: center;
	/* チェックボックスと文字は必ず横並びのまま（改行させない） */
	flex-wrap: nowrap;
}

/* 文字が入りきらない狭い画面では、ラベルの中の文だけを折り返す。
   （塊そのものは中央に置いたまま） */
html body .privacy-policy .pp__open {
	flex: 0 1 auto;
	min-width: 0;
	flex-wrap: wrap;
	justify-content: center;
}


/* ---------------------------------------------------------
   2026-08-24 資料請求フォームの見た目を元のまま保つ
   ---------------------------------------------------------
   フォーム全体を包んでいた <div class="title_txt"> を
   <div class="guidance-form"> に変えた（guidance.php）。
   .title_txt から受け継いでいた「横幅の上限」と「説明文の文字サイズ・行間」
   だけをここで同じ値に戻し、フォームの見た目は今までどおりにする。
   （中央寄せだけを引き継がない、というのが今回の狙い）
   入力欄の項目名は、共通の中央寄せに巻き込まれないよう左寄せで固定する。
   --------------------------------------------------------- */

html body .main_contents .guidance-form {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

html body .main_contents .guidance-form .form-text {
	font-size: var(--fs-md);
	line-height: 2.1;
}

html body .main_contents .guidance-form .formTable tr td:first-child {
	text-align: left;
}