@media screen and (max-width: 900px) {

    .content {
        width: 90%;
    }

    .summary-grid {
        display: grid;
        grid-template-columns: 1fr;
        /* 1カラムにする */
        gap: 20px;
        /* アイテム間の縦余白 */
        align-items: start;
        /* 高さを揃えずコンテンツサイズのまま */
    }

    .first-view .image-view {
        width: 101vw;
        margin-left: -5.5%;
        overflow: hidden;
    }

    .first-view .image-view img {
        width: 100%;
    }

    .first-view .image-view span {
        width: 90%;
        margin: 5px auto;
        display: block;
    }

    .case-comparison .row .befor-box,
    .case-comparison .row .after-box h3,
    .case-comparison .row .after-box,
    .case-comparison .row .befor-box h3 {
        width: 100%;
    }

    #main-content .industry ul{
        flex-direction: column;
    }

    .case-comparison .row .after-box h3,
    .case-comparison .row .befor-box h3 {
        font-size: 16px;
    }

    .case-comparison .row .befor-box {
        margin-bottom: 25px;
    }

    #main-content h1 {
        font-size: 20px;
    }

    .section-bg h1::before {
        height: 24px;
    }

    .case-comparison .row {
        flex-direction: column;
    }

    .table-of-contents {
        width: 100%;
        padding: 20px;
    }

    .table-of-contents h3 {
        margin-bottom: 18px;
    }

    .table-of-contents ul li {
        align-items: first baseline;
        margin-bottom: 10px;
    }

    .table-of-contents ul li a {
        width: 100%;
    }

    .article-body h2 {
        font-size: 18px;
        line-height: 170%;
    }

    .article-body .Text-Span:after{
        margin-top: 7px;
    }

    .article-body .Text-Span.isActive:after{
        width: 60px;
    }

    .top-link a {
        width: 80%;
    }

    .top-link a::after {
        right: 10px;
    }

    footer {
        width: 90%;
    }

}