@charset "UTF-8";
/* ==================================================================
 *  フッター（全ページ共通）
 *  ・Contact CTAカード（お問い合わせページでは非表示）
 *  ・ロゴ/住所/SNS ・メニュー ・コピーライト ・トップに戻る
 * ================================================================== */
footer { position: relative; background: var(--ink2); }
/* flow-root：カードの margin-top がフッター外へ抜ける（margin相殺）のを防ぐ */
.footer_contact { position: relative; display: flow-root; }

/* 下層など通常ページ：黒フッターの上に完全に乗せる（少し下げた位置） */
.footer_contact_eria { background: #fff; max-width: 900px; margin: 150px auto 20px; padding: 50px 60px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 26px; border-radius: 4px; box-shadow: 0 24px 60px rgba(0,0,0,.45); }
/* TOPは元のデザイン：上のセクションに半分重なる浮遊カード */
.home .footer_contact_eria { margin: 0 auto -60px; transform: translateY(-50%); border-radius: 0; box-shadow: 0 20px 60px rgba(0,0,0,.3); }

.footer_contact_eria_left h2 { font-family: var(--en); font-size: 32px; font-weight: 500; letter-spacing: .06em; color: var(--ink); }
.footer_contact_eria_left h3 { font-size: 13px; letter-spacing: .2em; color: #6f6f74; margin-top: 6px; }
.footer_contact_form button { display: inline-flex; align-items: center; gap: 12px; background: var(--ink); color: var(--paper); border: 0; padding: 20px 46px; font-family: var(--sans); font-size: 13px; letter-spacing: .16em; cursor: pointer; transition: opacity .3s; }
.footer_contact_form button:hover { opacity: .82; }

.footer_contact_contents { max-width: 1160px; margin: 0 auto; padding: 40px 48px 30px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; }
.footer_logo ul li { color: var(--gray-l); font-size: 12.5px; line-height: 1.95; letter-spacing: .06em; }
/* フッターの社名（日本語）。旧 .flg-en（英字ロゴ）から差し替え */
.footer_logo .flg-name { font-family: var(--serif); font-size: 18px; letter-spacing: .14em; color: var(--paper); font-weight: 700; line-height: 1.6; margin-bottom: 16px; }
.footer_logo .tel a { color: var(--gray-l); display: inline-flex; align-items: center; gap: 8px; }
.footer_sns { display: flex; gap: 20px; margin-top: 20px; }
.footer_sns a { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--gray-l); transition: background .3s, color .3s; }
.footer_sns a:hover { background: var(--paper); color: var(--ink); }
.footer_menu { display: flex; gap: 50px; }
.footer_menu ul li { margin-bottom: 16px; }
.footer_menu a { font-family: var(--en); font-size: 12px; letter-spacing: .14em; color: var(--gray-l); transition: color .3s; }
.footer_menu a:hover { color: var(--paper); }

.copyright { background: #0b0b0d; text-align: center; padding: 22px; }
.copyright p { font-family: var(--en); font-size: 11px; letter-spacing: .2em; color: #55555a; }

.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 80; width: 44px; height: 44px; background: var(--ink); color: var(--paper); border-radius: 4px; display: none; align-items: center; justify-content: center; cursor: pointer; }

@media (max-width: 768px) {
  .footer_contact_eria { padding: 34px 24px; flex-direction: column; align-items: stretch; text-align: center; margin: 100px 16px 0; gap: 20px; }
  .home .footer_contact_eria { margin: 0 16px -60px; }
  .footer_contact_form button { width: 100%; justify-content: center; padding: 17px 20px; }
  .footer_contact_contents { flex-direction: column; padding: 24px 20px 20px; gap: 30px; }
  .footer_logo ul li { font-size: 12px; }
  .footer_menu { gap: 32px; }
  .copyright { padding: 18px; }
}