@charset "UTF-8";

.blog-container{
    margin: 20px 20px;
}


@media (max-width: 768px){
    .introduction-hero{
    height: 100px;
}
}

.blog-ttl{
    font-size: 18px;
    display: inline-block;
    background-image: linear-gradient(transparent 0%, transparent 50%, #FFF700 50%, #FFF700 100%);
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin-bottom: 12px;
}



@media (min-width:768px){
.blog{
    margin-top: 20px;
}

.blog-container{
    max-width: 720px;
    margin: 0 auto;
}

.blog-ttl{
    font-size: 24px;
    display: inline-block;
    background-image: linear-gradient(transparent 0%, transparent 50%, #FFF700 50%, #FFF700 100%);
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin-bottom: 20px;
}

.blog img{
    margin-bottom: 20px;
    /* width: 35%;
    margin:0 20px 20px 0;
    height: auto;
    float: left; */
}


}