@charset "utf-8";/* フッター全体のスタイル */
footer {
    background-color: #fffff0; /* 背景色 */
    padding: 20px 0; /* 上下のパディング */
    text-align: center; /* 中央寄せ */
}

/* フッターコンテナ */
.footer-container {
    display: flex; /* フレックスボックスを使用 */
    justify-content: center; /* 中央寄せ */
    margin-bottom: 20px; /* カラムとロゴの間の隙間 */
}

/* 各カラムのスタイル */
.footer-column {
    margin: 0 30px; /* 左右の余白 */
    text-align: left; /* 文字を左寄せ */
}

/* リストのスタイル */
ul {
    list-style: none; /* リストマーカーを消す */
    padding: 0; /* パディングを消す */
}

/* リストアイテムのスタイル */
li {
    margin: 10px 0; /* 各アイテムの上下の隙間 */
}

/* リンクのスタイル */
a {
    text-decoration: none; /* 下線を消す */
    color: #333; /* リンクの色 */
    transition: color 0.3s ease; /* 色の変化にトランジションを追加 */
}

/* リンクホバー時のスタイル */
a:hover {
    color: #007BFF; /* ホバー時の色 */
  
}

/* ロゴのスタイル */
.footer-logo {
    text-align: center; /* ロゴを中央寄せ */
    margin-top: 20px; /* カラムとロゴの間の隙間 */
}

.footer-logo img {
    max-width: 100px; /* ロゴの最大幅 */
    height: auto; /* 高さは自動調整 */
}