/* スマートフォンやタブレット向けのスタイル */
@media screen and (max-width: 768px) {

    body {
        font-size: 17px;
        line-height: 1.8;
    }

    h1,
    .h1 {
        font-size: 24px;
    }

    h2,
    .h2 {
        font-size: 21px;
    }

    h3,
    .h3 {
        font-size: 19px;
    }

    .markdown-body,
    .article-content,
    .roi-table,
    .investigation-summary,
    .text-muted,
    .badge,
    .btn,
    .footer,
    p,
    li,
    td,
    th {
        font-size: 18px;
    }

    .markdown-body img {
        max-width: 100%;
    }

    .container {
        
        max-width: 100%;
    }


    .ranking-card {
        width: 100%;
        margin: auto;
    }

    #new_content {
        width: 100%;
        margin: 0 auto;
    }

    #langage-btn {
        font-size: 0.8rem;
    }

    .navbar-brand {
        font-size: 0.95rem;

    }
    .article-button {
        font-size: 0.8em;
    }
}