@keyframes animation-sample{0%{width:0}100%{width:100%}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 768px){body #contact address{margin-bottom:0}body #works_related{float:left;width:100%;margin-bottom:172px}body #works_related ul{float:left;width:100%}body #works_related ul li{float:left;width:33.333%;overflow:hidden}body #works_related ul li a{display:block;float:left;width:100%;position:relative;overflow:hidden;padding:0;line-height:0}body #works_related ul li a.loadend .img_bar{display:none}body #works_related ul li a .img_bar{width:10%;height:1px;display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;overflow:hidden;z-index:1}body #works_related ul li a .img_bar:before{content:"";display:block;width:100%;height:1px;position:relative;animation:img_loading .7s linear infinite;background:#fff;background:red;background:-moz-linear-gradient(left, #ff0000 0%, #00ff00 49%, #0000ff 100%);background:-webkit-linear-gradient(left, #ff0000 0%, #00ff00 49%, #0000ff 100%);background:linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff0000", endColorstr="#0000ff",GradientType=1 )}body #works_related ul li a .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);z-index:3;background-size:cover}body #works_related ul li a .bg img{visibility:visible;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);position:relative;z-index:3}body #works_related ul li a .bg img.passive{visibility:hidden}body #works_related ul li a .bg img.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;transform:translateZ(0);position:absolute;top:0;left:0;z-index:3}body #works_related ul li a .bg img.rgb_img{position:absolute;top:-3px;left:-3px;z-index:4;mix-blend-mode:color;opacity:0}body #works_related ul li a .bg .rgb_ov{display:block;position:absolute;width:100%;height:100%;top:0;left:0;mix-blend-mode:overlay;z-index:5}body #works_related ul li a img{visibility:hidden}body #works_related ul li a .txt{line-height:1.8em;display:block;position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 34px;top:0;left:0;text-shadow:0px 0px 8px rgba(0,0,0,.4);z-index:10;opacity:0}body #works_related ul li a .category{float:left;width:100%;color:#fff;margin:29px 0 0 0;font-family:"Helvetica LT W01 Roman","Open Sans",sans-serif;letter-spacing:.045em;font-size:1.05em}body #works_related ul li a .ttl{float:left;width:100%;color:#fff;font-weight:bold;font-size:1.75em;line-height:1.1em;margin:10px 0 0 0}body #works_related ul li a .tags{float:left;width:100%;color:#fff;font-size:.7em;position:relative;margin:14px 0 0 0;text-align:left;padding:0;bottom:auto;margin-top:4px;margin-left:1px}body #works_related ul li a .tags span{font-family:"Helvetica","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Droid Sans","メイリオ",Meiryo,sans-serif}body #works_related ul li a .tags span:after{content:",";color:#fff}body #works_related ul li a .tags span:last-child:after{content:""}body #works_related ul li a .bg img.color{opacity:0}body #works_related ul li a .bg img.gray{opacity:.5}body #works_related ul li a .category{animation:open .5s linear}body #works_related ul li a .ttl{animation:open .5s linear}body #works_related ul li a .tags{animation:open .5s linear}body #works_related ul li a:hover .bg{transform:scale(1.05);filter:grayscale(100%) brightness(0.5)}body #works_related ul li a:hover .bg img.rgb_img{animation:color_img 3s linear infinite}body #works_related ul li a:hover .bg .rgb_ov{animation:color 3s linear infinite}body #works_related ul li a:hover .txt{opacity:1}body #works_related ul li.passive{height:0}body #footer{max-width:1600px;margin:0 auto;float:none;clear:both}body #footer .bnrs{display:flex;justify-content:flex-start;align-items:center;align-content:center;margin-bottom:54px;gap:43px}body #footer .bnrs li{width:91px}body #footer .bnrs li:nth-of-type(2){width:149px;position:relative;top:4px}}@media screen and (max-width: 767px){body #contact address{margin-bottom:12.2666666667vw}body #works_related{margin-bottom:29.0666666667vw;float:left;width:100%}body #works_related ul{float:left;width:100%}body #works_related ul li{float:left;width:50%;overflow:hidden}body #works_related ul li a{display:block;float:left;width:100%;position:relative;overflow:hidden;padding:0;line-height:0}body #works_related ul li a.loadend .img_bar{display:none}body #works_related ul li a .img_bar{width:10%;height:1px;display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;overflow:hidden;z-index:1}body #works_related ul li a .img_bar:before{content:"";display:block;width:100%;height:1px;position:relative;animation:img_loading .7s linear infinite;background:#fff;background:red;background:-moz-linear-gradient(left, #ff0000 0%, #00ff00 49%, #0000ff 100%);background:-webkit-linear-gradient(left, #ff0000 0%, #00ff00 49%, #0000ff 100%);background:linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff0000", endColorstr="#0000ff",GradientType=1 )}body #works_related ul li a .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);z-index:3;background-size:cover}body #works_related ul li a .bg img{visibility:visible;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);position:relative;z-index:3}body #works_related ul li a .bg img.passive{visibility:hidden}body #works_related ul li a .bg img.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;transform:translateZ(0);position:absolute;top:0;left:0;z-index:3}body #works_related ul li a .bg img.rgb_img{position:absolute;top:-3px;left:-3px;z-index:4;mix-blend-mode:color;opacity:0}body #works_related ul li a .bg .rgb_ov{display:block;position:absolute;width:100%;height:100%;top:0;left:0;mix-blend-mode:overlay;z-index:5}body #works_related ul li a img{visibility:hidden}body #works_related ul li a .txt{line-height:1.8em;display:block;position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 50px;top:0;left:0;text-shadow:0px 0px 8px rgba(0,0,0,.4);z-index:10;opacity:0}body #works_related ul li a .category{float:left;width:100%;color:#fff;margin:53px 0 0 0;font-family:"Helvetica LT W01 Roman","Open Sans",sans-serif;letter-spacing:.045em;font-size:1.8em}body #works_related ul li a .ttl{float:left;width:100%;color:#fff;font-weight:bold;font-size:3.1em;line-height:1.1em;margin:28px 0 0 0}body #works_related ul li a .tags{float:left;width:100%;color:#fff;font-size:1.35em;position:relative;margin:14px 0 0 0;text-align:left;padding:0;bottom:auto}body #works_related ul li a .tags span{font-family:"Helvetica","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Droid Sans","メイリオ",Meiryo,sans-serif}body #works_related ul li a .tags span:after{content:",";color:#fff}body #works_related ul li a .tags span:last-child:after{content:""}body #works_related ul li a .bg img.color{opacity:0}body #works_related ul li a .bg img.gray{opacity:.5}body #works_related ul li a .category{animation:open .5s linear}body #works_related ul li a .ttl{animation:open .5s linear}body #works_related ul li a .tags{animation:open .5s linear}body #works_related ul li.passive{height:0}body #works_related ul li.open a .bg{transform:scale(1.05);filter:grayscale(100%) brightness(0.5)}body #works_related ul li.open a .bg img.rgb_img{animation:color_img 3s linear infinite}body #works_related ul li.open a .bg .rgb_ov{animation:color 3s linear infinite}body #works_related ul li.open a .txt{opacity:1}body #works_related ul li{width:100%}body #works_related ul li a{padding:0}body #works_related ul li a .txt{padding:0 6%}body #works_related ul li a .category{margin:6% 0 0 0;font-size:1.7em}body #works_related ul li a .ttl{font-size:2.4em;line-height:1.3em;margin:5% 0 0 0}body #works_related ul li a .tags{font-size:1.25em;margin:2% 0 0 0}body #footer{margin:0 auto;float:none;clear:both}body #footer .bnrs{display:flex;justify-content:flex-start;align-items:center;align-content:center;margin-bottom:12.8vw;gap:8vw}body #footer .bnrs li{width:18.4vw}body #footer .bnrs li:nth-of-type(2){width:29.6vw;position:relative;top:1.0666666667vw}}
/*# sourceMappingURL=cmn2.css.map */