/*
===============================================
Footer CSS for FujiwaraOffice Website
株式会社ふじわらOffice フッター専用CSS（全ページ共通）
===============================================
*/


/* ===============================================
   会社情報 / Company Info Section
   =============================================== */

   .company-info-section {
    margin-bottom: var(--spacing-xl);
  }
  
  .company-logo img {
    width: 150px;
    height: auto;
    margin: 0 auto;
    margin-bottom: var(--spacing-xl);
  }
  
  .company-details .company-name {
    width: 60%;
    margin-bottom: var(--spacing-2xl);
  }
  .company-details .company-detail-item {
    font-size: var(--font-size-sm);
  }
  


/* 基本レイアウト */
.footer-section {
  padding: var(--spacing-2xl) 0;
  background: transparent;
  color: var(--color-text);
}

/* ボタンコンテナ（画像ボタン等） */
.footer-buttons {
  display: flex;
  gap: var(--spacing-lg);
  flex-wrap: nowrap;
  flex-direction: column;
  max-width: 320px;
  justify-content: center;
  margin: 0 auto;
}


/* コピーライト（本文コンテナ外） */
.site-copyright {
  background-color: var(--color-background);
  color: var(--color-gray-dark);
  font-size: var(--font-size-xs);
  text-align: left;
  padding: var(--spacing-md) var(--padding-container);
  position: relative;
  z-index: -1;
}


/* 余白ユーティリティ（フッター内での微調整用） */
.footer-section .mb-0 { margin-bottom: 0; }
.footer-section .mt-0 { margin-top: 0; }