@charset "UTF-8";

/*******************************
hero Css
*******************************/
#hero{
    margin-bottom: 40px;
}


/*******************************
list Css
*******************************/
.block-news-list {
    justify-content: flex-start;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
    .block-news-list .block-news-item{
        width: 50%;
    }
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
    .block-news-list{
        justify-content: center;
    }
    .block-news-list .block-news-item{
        width: 75%;
    }
}