@charset "UTF-8";
/*!
 * Bootstrap v4.1.3
 */
/*!
 * parts
 */.filter{margin-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter li{position:relative;z-index:1;line-height:1;padding:5px 20px}.filter li:after{content:"";display:block;height:1em;width:1px;background-color:#000;position:absolute;top:5px;right:-1px}.filter li:before{content:"";display:block;height:1em;width:1px;background-color:#000;position:absolute;top:5px;left:0}.filter-link{width:100%;text-align:center;padding:0;margin-bottom:10px;cursor:pointer;display:inline-block;position:relative;font-weight:700;border-bottom:1px solid rgba(0,0,0,0)}.filter-link.act{border-bottom:1px solid black}.work{display:block;width:100%;margin-bottom:50px}.work-img{width:100%;height:230px;background-color:#efefef;margin-bottom:10px;position:relative;z-index:1;overflow:hidden}@media (max-width:575.98px){.work-img{height:200px}}.work-img img{width:auto;height:100%;position:absolute;top:0;left:50%;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.work-text{width:100%;position:relative;z-index:1;height:6em;line-height:1.25;opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;will-change:opacity}.work-text .others{position:absolute;bottom:0;font-size:12.25px}.work-text .others .client:before{content:"Client／"}.work:hover{opacity:1}.work:hover .work-img img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:translate(-50%,0) scale(1.1);transform:translate(-50%,0) scale(1.1)}.work:hover .work-text{opacity:0.75}