.works_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.works_item{color:#000}@media screen and (min-width: 768px){.works_item{width:32%}.works_item:not(:nth-child(3n)){margin-right:2%}.works_item:not(:nth-child(-n+3)){margin-top:30px}}@media screen and (max-width: 767px){.works_item{width:100%}.works_item:not(:first-child){margin-top:20px}}.works_item .works_name{font-size:2rem;margin-top:15px}.works_item .works_desc{font-size:1.6rem;margin-top:5px}.works_link{display:block;padding-bottom:20px;position:relative}.works_link>*{position:relative;z-index:2}.works_link .works_thumb{overflow:hidden;position:relative}.works_link .works_thumb::before{content:'';float:left;padding-top:66.66667%}.works_link .works_thumb::after{content:'';display:table;clear:both}.works_link .works_thumb>:first-child{height:100%;left:0;position:absolute;top:0;width:100%}.works_link .works_thumb img{-webkit-transition:.3s ease-out transform;transition:.3s ease-out transform;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover",sans-serif}.works_link .works_text{padding:0 10px}.works_link::before{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.6);-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;opacity:0;-webkit-transform:scale(1);transform:scale(1)}@media (hover){.works_link:hover .works_thumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}.works_link:hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ua-ie .works_link:hover .works_thumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}.ua-ie .works_link:hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.works_link.js-hover .works_thumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}.works_link.js-hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.main_visual{margin-bottom:100px}@media screen and (max-width: 767px){.main_visual{margin-bottom:50px;width:100vw;margin-left:-5vw}}