@charset "UTF-8";
/*================================
 homepage_unit.css
=================================*/

/*================================
 o/w
=================================*/

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

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

.homepage_latests.bloglist ul {
display: flex;
justify-content: start;
flex-wrap: wrap;
overflow: hidden;
width: 100%;
}

.homepage_latests.bloglist ul li {
display: block;
width: 31.5%;
height: auto;
margin: 0.6% 0.9%;
}

.homepage_latests.bloglist ul li a {
display: block;
width: 100%;
height: 100%;
}

.homepage_latests.bloglist ul li a img {
width:100%;
    height: 273px;
    object-fit: contain;
 -webkit-filter: drop-shadow(0px 0px 10px rgba(66,66,66,.2));
    filter: drop-shadow(0px 0px 10px rgba(66,66,66,.2));
}

.homepage_latests.bloglist ul li a:hover img {
 -webkit-filter: drop-shadow(0px 0px 3px rgba(66,66,66,.6));
    filter: drop-shadow(0px 0px 3px rgba(66,66,66,.6));
}





/* unit latests
-------------------------------- */

#latests.homepage_latests {
overflow: hidden;
}
    #frontpage #latests.homepage_latests {
    background-color: #fff;
    }

#latests.homepage_latests .row_inner {
overflow: hidden;
max-width: 1760px;
min-width: 1200px;
width: 100%!important;
}

#latests.homepage_latests h3 {
display: block;
width: 200px;
height: 40px;
}

    #frontpage #latests.homepage_latests h3 {
    background:url(../img/works/recent_tit.png) no-repeat center top;
    margin: 50px auto 25px;
    }

#latests.homepage_latests .btn_to {
background:url(../img/works/recent_btn_to.png) no-repeat center center;
display: block;
width: 304px;
height: 58px;
margin: 40px auto 100px;
}

    #frontpage #latests.homepage_latests .btn_to {
    margin: 40px auto 0;
    }