/**************************
footer
***************************/
footer {
    background-color: #F2F0EB;
}

footer .list-inline > li {
    display: inline-block;
    color: #241E08;
    margin-left: 20px;
    margin-right: 20px;
}

footer .list-inline > li > a {
    display: inline-block;
}

footer .list-inline >li:not(:last-child)::after {
    /*content: '｜';*/
    display: inline;
}

footer .list-inline-item > a {
    color: #241E08;
    text-decoration: none;
}
footer .fmenu {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
}

footer .cright {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #646464;
    font-size: 14px;
}
footer .koukoku {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #969696;
    font-size: 13px;
}

/* スマホサイズのビューポートでのスタイル */
@media (max-width: 768px) {
    footer .list-inline {
        text-align: center;  /* テキストを左寄せにします（必要に応じて） */
    }

    footer .list-inline > li {
        display: block;  /* リストアイテムをブロック要素にして、1つのアイテムが1行を占めるようにします */
        margin-left: 0;  /* 左マージンを0にして左寄せにします（必要に応じて） */
        margin-right: 0;  /* 右マージンを0にして余白を削除します（必要に応じて） */
        margin-bottom: 8px;
    }

    footer .list-inline >li:not(:last-child)::after {
        display: none;  /* 区切り文字を非表示にします */
    }
    footer .cright {
        font-size: 9px;
    }
    footer .koukoku {
        font-size: 9px;
    }
}