footer {
    background-color: #000000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    display: block;
}

.footer-content {
    display: flex;
    justify-content: center; /* コンテンツを中央に寄せる */
    flex-wrap: wrap;
    gap: 40px; /* セクション間のスペース */
    padding: 20px;
    max-width: 1200px; /* フッターの最大幅を設定 */
    margin: 0 auto; /* 中央寄せ */
}

.footer-content div {
    width: 200px; /* セクションの幅を固定 */
    text-align: center; /* セクション内のコンテンツを中央に配置 */
}

.footer-content ul {
    text-align: left; /* セクション内のコンテンツを中央に配置 */
    margin-left:0%;
    list-style-type: none;
}

.footer-content h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.footer-content p, .footer-content a {
    font-size: 14px;
    color: #ccc;
}

.footer-content a {
    text-decoration: none;
}

.footer-content a:hover {
    color: #fff;
}

.footer-bottom {
    border-top: 1px solid #444;
    padding-top: 10px;
    margin-top: 20px;
}

li {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    width: 80%;
    margin: 0 auto; 
}