/**************************/
/* フッター */
/**************************/
.footer-notice {
    background-color: #f8fafc; /* 薄いグレー背景 */
    border: 1px solid #e2e8f0;   /* 控えめな枠線 */
    border-radius: 8px;        /* 角を少し丸く */
    padding: 12px 16px;        /* 内側の余白 */
    margin: 20px auto 0;       /* 上側に少し隙間を空ける */
    max-width: 500px;          /* 横に広がりすぎないように制限 */
    text-align: center;        /* 文字を中央揃え */
}

.footer-notice p {
    margin: 4px 0;
    font-size: 12px;
    color: #64748b;            /* 落ち着いたグレーの文字色 */
    line-height: 1.5;

    overflow-wrap: anywhere;   /* 枠からはみ出るのを防ぐ */
    word-break: keep-all;      /* 単語の途中での改行を防ぐ */
}

/* Xへのリンク色 */
.footer-notice a {
    color: #2563eb;
    text-decoration: none;
    font-weight: bold;
}

.footer-notice a:hover {
    text-decoration: underline;
}

/* コピーライト */
footer .copyright {
    margin-top: 16px; /* お知らせエリアとの間に少しだけ隙間を空ける */
    font-size: 11px;
    color: #94a3b8;   /* さらに薄いグレーにして目立たなくする */
    text-align: center;
}