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

    .topic-photo{
        text-align: center;
    }

    .topic-photo img {
    text-align: center;
    display: inline-block;
    flex-wrap: wrap;
    width: 40%;
    height: 40%;
    margin-top: 4px;
    margin-bottom: 4px;
    }

    .photo-sub{
        margin-top: -5px;
        display: block;
       word-break: break-all;
        font-size: 40%;
    }

}

@media (min-width: 768px) and (max-width: 1179px){
    /* 画面サイズが768px以上、1179px未満の設定 */
    
        .col-sm-1{
                display: none;
        }

        .topics-data{
            display: flex;
            justify-content: flex-start;
        }

        .col-sm-2 {
            display: none;
        }

        .topic-text{
         text-align:left;
        }

        .photo-sub{
            text-align: left;
        }

        .topic-photo img{
            text-align: center;
            width: 50%;
            height: 50%;
            display: block;
            margin-top: 4px;
            margin-bottom: 4px;
        }

 }
    
    @media screen and (min-width: 1180px) {

        .topics-data{
            display: flex;
            justify-content: flex-start;
            
            }

            .topic-photo image{
                text-align: center;
            }
            
            .topic-photo img{
                width: 30%;
                height: 30%;
                display: block;
                margin-top: 4px;
                margin-bottom: 4px;
            }
        .fujiwarakagekidan{
            text-align: center;
        }

    }