@media screen and (max-width: 767px) {
    .topics-data{
        display: flex;
        justify-content: flex-start;
    }
        
/*    .topic-photo{
        text-align: center;
    } */

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

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


    .topic-text{
        font-size:16px;
        line-height:24px;
        letter-spacing:1px;
    }

    .heading{
        color:white;
        font-weight:bold;
        line-height:1;
        margin:0 20px;
    }
    .heading .subitem1{
        font-size:18px;
        line-height:1;
    }
    .heading .subitem2{
        font-size:18px;
        line-height:1;
    }

    .subheading{
        color:black;
        font-weight:nomal;
        line-height:1;
        margin:0 20px;
        font-size:18px;
    }

}

@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;
        }

    .topic-text{
        font-size:16px;
        line-height:24px;
        letter-spacing:1px;
    }

    .heading{
        color:white;
        font-weight:bold;
        line-height:1.5;
    }
    .heading .subitem1{
        font-size:20px;
        line-height:1;
    }
    .heading .subitem2{
        font-size:18px;
        line-height:1;
    }

    .subheading{
        color:black;
        font-weight:nomal;
        line-height:1;
        margin:0 20px;
        font-size:18px;
        text-align:center;
     }

 }
    
    @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;
        }

    .heading{
        color:white;
        font-weight:bold;
        line-height:1.5;
    }
    .heading .subitem1{
        font-size:26px;
    }
    .heading .subitem2{
        font-size:24px;
    }

    .subheading{
        color:black;
        font-weight:nomal;
        line-height:1;
        margin:0 20px;
        font-size:24px;
        text-align:center;
     }


    }