@charset "UTF-8";

/* =========================================================
   お問い合わせページ専用スタイル
   ../styles.css の後に読み込む。既存トークン
   （--c-brown / --c-body / --c-accent）をそのまま使用し、
   このページでしか使わないクラスだけを定義する。
   → 共有の styles.css には手を加えていない。
   見た目は company / privacy の本文まわりと同じ設計。
   ========================================================= */

.ct {
  width: 79.426%;                    /* 332 / 418 ＝ 既存セクションと同じ左右余白 */
  padding: 100px 0 8px;              /* 上は固定ヘッダー（64px）分を確保 */
  color: var(--c-body);
}

/* ---------- 見出し ---------- */
.ct__head {
  padding-bottom: 8px;
}

.ct__title {
  font-size: clamp(20.5px, 5.74vw, 24px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.26px;
  text-align: center;
  color: var(--c-brown);
}

/* ---------- 本文（囲み枠なしのプレーンテキスト） ---------- */
.ct__body {
  margin-top: 34px;
  font-size: clamp(14px, 3.59vw, 15px);
}

.ct__body p {
  line-height: 1.95;
}

.ct__body > * + * {
  margin-top: 24px;
}

/* 「お問い合わせ先はこちら」とメールアドレスはひとかたまりに */
.ct__mail p + p {
  margin-top: 2px;
}

/* ---------- メールアドレス ---------- */
.ct__address a {
  display: inline-block;
  padding: 4px 0;                    /* タップしやすい高さを確保 */
  color: var(--c-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  word-break: break-all;
}

.ct__address a:hover {
  opacity: 0.75;
}