/* ===== カスタムフッター全体 ===== */
.raku2_theme01 #footer_wrap {
  background-color: #007a8b !important;
  padding: 40px 0 10px !important;
  color: #fff !important;
  font-size: 14px !important;
}

/* ===== コンテナ設定 ===== */
.raku2_theme01 #footer_custom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  flex-wrap: wrap !important;
  text-align: left !important;
}

/* ===== 左側：ロゴ・会社情報 ===== */
.raku2_theme01 #footer_custom .footer_left {
  width: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-top: -22px !important; 
}

/* ===== テキストロゴ設定 ===== */
.raku2_theme01 #footer_custom .footer_left .footer_logo_text {
  color: #fff;              /* 白文字 */
  font-size: 1.2rem;        /* 少し大きめ */
  font-weight: 600;         /* 太字 */
  text-decoration: none;    /* 下線なし */
  letter-spacing: 0.05em;   /* 字間少し広め */
}

.raku2_theme01 #footer_custom .footer_left .footer_logo_text:hover {
  opacity: 0.8;             /* ホバーで軽くフェード */
}


.raku2_theme01 #footer_custom .footer_left .company_info p {
  margin: 0 !important;
  line-height: 1.6 !important; /* もっと詰めたければ 1.4〜1.5 に */
  color: #fff !important;
}

/* ===== 右側：リンクリスト ===== */
.raku2_theme01 #footer_custom .footer_right {
  display: flex !important;
  width: 45% !important;
  justify-content: space-between !important;
  text-align: left !important;
}

.raku2_theme01 #footer_custom .footer_right ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.raku2_theme01 #footer_custom .footer_right ul li {
  margin-bottom: 6px !important;
}

.raku2_theme01 #footer_custom .footer_right ul li a {
  color: #fff !important;
  text-decoration: none !important;
  transition: opacity 0.3s !important;
}

.raku2_theme01 #footer_custom .footer_right ul li a:hover {
  opacity: 0.7 !important;
}

/* ===== コピーライト部分 ===== */
.raku2_theme01 #footer_copyright {
  text-align: center !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 20px 0 10px !important;
  border-top: 1px solid rgba(255,255,255,0.2) !important;
  margin-top: 30px !important;
}

.raku2_theme01 #footer_copyright p {
  margin: 0 !important;
}
/* ===== 社名の上に置く「お問い合わせ」バッジ（非リンク） ===== */
.raku2_theme01 #footer_custom .footer_left .logo_area {
  display: flex !important;
  flex-direction: column !important;   /* ← 縦積みにして“上”に配置 */
  align-items: flex-start !important;
  gap: 6px !important;                 /* 社名との間隔 */
}

.raku2_theme01 #footer_custom .footer_left .badge_inquiry {
  display: inline-block !important;
  padding: 2px 10px !important;        /* 小さめ／幅はテキストにフィット */
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #007a8b !important;           /* 文字色 */
  background: #fff !important;         /* ボックス白 */
  border-radius: 9999px !important;    /* 角丸（ピル型） */
  border: 1px solid #fff !important;   /* 境界をくっきり（任意だが背景と馴染む） */
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  cursor: default !important;          /* 非リンク感 */
  user-select: none !important;
}

/* ===== 会社情報内のリンク色を白で固定（tel/mailを含む） ===== */
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a:link,
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a:visited,
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a:hover,
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a:active,
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a:focus {
  color: #fff !important;
  text-decoration: none !important;   /* 必要なら underline に変更 */
  outline: none !important;
}

/* 念のため tel/mailto を個別に抑え込み（テーマやUAが強い場合） */
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a[href^="tel:"],
.raku2_theme01 #footer_wrap #footer_custom .footer_left .company_info a[href^="mailto:"] {
  color: #fff !important;
  text-decoration: underline !important;
  white-space: nowrap !important;     /* 電話番号やメールの改行崩れ防止（任意） */
}