@charset "UTF-8";
/* ==========================================================
   en-contact.css — 英語版お問い合わせ（en-contact.html）だけの追記
   元CSS（contact.css / components.css）は触らない。
   作成: 2026-09-09（EN 展開）
   ========================================================== */

/* 同意行: 日本語は「[規約リンク] [☑] に同意する」の語順だが、英語は
   「[☑] I agree to the [Terms and Privacy Policy]」の語順が自然。
   DOM（リンク→label）は変えず、flex の order でリンクを末尾へ回す。
   contact.css の .ct-terms { margin-right: 8px } は語順反転で不要になるため左マージンに置き換える */
.ct-consent .ct-terms { order: 1; margin-right: 0; margin-left: 6px; }

/* 英文ラベル（Required / Optional ＋ ラベル名）は和文向けの字間 0.11em だとやや間延びするため少し詰める。
   折り返し時も line-height:1 で密着しないよう行送りを持たせる */
.cx-form__label { letter-spacing: 0.06em; line-height: 1.3; }

/* 白ピルカードの本文（電話・メール案内）: 英文は和文より長いので字間を詰め、カード内で2〜3行に収める */
.ct-stat__jp,
.ct-stat .cx-statcard__value { letter-spacing: 0.05em; }
.ct-sub { letter-spacing: 0.03em; line-height: 1.6; }

/* ボタン文言が折り返した場合の保険（line-height:1 の密着防止） */
.cx-btnpair .cx-btn__text,
.ct-mailbtn .cx-btn__text { line-height: 1.35; text-align: center; }

/* SP: components.css は .cx-consent を align-items:flex-start にしており、「I agree to the」が
   チェックボックス上端に付いて隣のリンク（44px 中央揃え）と 12px ずれる。英語は語順反転で
   文字とリンクが隣接するためズレが目立つ → 中央揃えに戻す */
@media (max-width: 768px) {
  .ct-consent .cx-consent { align-items: center; }
}

/* ==========================================================
   【2026-09-20 水島さんご指摘】電話カードの代わりに置いた
   「よく来るご質問の先出し」パネル（#channel）
   ========================================================== */
.ct-notice__list { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.ct-notice__item {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: var(--color-text);
}
.ct-notice__item::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
}
.ct-notice__item a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.ct-notice .cx-panel__body .ct-sub { display: block; margin-top: 14px; }

@media (max-width: 768px) {
  .ct-notice__item { font-size: 14px; padding-left: 18px; }
  .ct-notice__item::before { top: 10px; }
}

/* 【2026-09-27】バッジ「Required / Optional」は「必須 / 任意」より長く、最小幅（PC 70px・SP 60px）いっぱいで
   文字が枠の端に接する。en-apply-snowrafting.css と同じく左右に余白を持たせ、縮小も禁止する */
.cx-req, .cx-opt { flex-shrink: 0; padding: 0 8px; }