/* ==========================================================================
   page-contact.css — page-contact.php 専用のスタイル（そのテンプレートのときだけ読み込む。inc/setup.php）
   テンプレートのインラインスタイルを移したもの。
   インラインスタイルと同じ強さで効くよう、クラスを二重にして詳細度を上げている（.x.x）
   ========================================================================== */

/* <div> */
.pg-contact__notes.pg-contact__notes { background:var(--color-bg-gray); border-radius:12px; padding:28px 32px; display:flex; flex-direction:column; gap:10px; }

/* <div> ×4 */
.pg-contact__note.pg-contact__note { display:flex; gap:10px; font-size:var(--fs-i-14); line-height:1.8; color:var(--color-text-sub); }

/* <span> ×4 */
.pg-contact__note-mark.pg-contact__note-mark { color:var(--color-gold-400); flex:none; }

/* <div> */
.pg-contact__form.pg-contact__form { margin-top:56px; border-top:2px solid var(--color-navy-800); padding-top:32px; }