@charset "UTF-8";

/* --------------  */

.u-blog{
    padding-bottom: 145px;
}

.u-blog .container{max-width: 1200px;}

.u-blog_list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 69px 4%;
}

.u-blog_box{}
.u-blog_box a{
    color: #333;
}
.u-blog_img{
    aspect-ratio: 340 / 250;
    overflow: hidden;
    margin: 0;
    border-radius: 20px;
    margin-bottom: 23px;


    background: #FFFFFF;
    border: 1px solid #D6E0E9;
    border-radius: 20px;

}
.u-blog_meta{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.u-blog_date{
    width: 84px;
    color: var(--color-primary);
}
.u-blog_tag{
    color: var(--color-primary);
    background: #FFF0C6;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 5px;    
}
.u-blog_ttl{}

@media (max-width: 1024px) {
}

@media (max-width: 640px) {

    .u-blog{
    padding-bottom: 90px;
}
    .u-blog .container{}
    .u-blog_list{
    grid-template-columns: 1fr;
    gap: 40px 4%;
}
    .u-blog_box{}
    .u-blog_box a{}
    .u-blog_img{}
    .u-blog_meta{}
    .u-blog_date{}
    .u-blog_tag{}
    .u-blog_ttl{
    font-size: 15px;
}    
}

/* --------------  */

@media (max-width: 1024px) {
}

@media (max-width: 640px) {
}


/* --------------  */

@media (max-width: 1024px) {
}

@media (max-width: 640px) {
}