@-webkit-keyframes blink{0%{opacity:.4}100%{opacity:1}}@keyframes blink{0%{opacity:.4}100%{opacity:1}}@-webkit-keyframes blink-soft{0%{opacity:.8}100%{opacity:1}}@keyframes blink-soft{0%{opacity:.8}100%{opacity:1}}main .inner{padding-top:100px;padding-bottom:130px}main .inner .grid{margin:-68px -15px}main .inner .grid .grid_item{width:33.3333333333%;padding:68px 15px}main .inner .grid .grid_item figure{margin-right:auto;margin-left:auto}main .inner .grid .grid_item figure a{display:block;position:relative;overflow:hidden}main .inner .grid .grid_item figure a::before{box-sizing:border-box;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #000;content:"";opacity:0}main .inner .grid .grid_item figure a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1)}.no-touchevents main .inner .grid .grid_item figure a:hover::before,.no-touchevents main .inner .grid .grid_item figure a:focus::before,.no-touchevents main .inner .grid .grid_item figure a:active::before{opacity:1}.no-touchevents main .inner .grid .grid_item figure a:hover img,.no-touchevents main .inner .grid .grid_item figure a:focus img,.no-touchevents main .inner .grid .grid_item figure a:active img{transform:scale(1.02)}.touchevents main .inner .grid .grid_item figure a.over::before{opacity:1}.touchevents main .inner .grid .grid_item figure a.over img{transform:scale(1.02)}main #landing{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff}main #landing .logo_wrap{z-index:20;position:absolute;top:50%;left:0;width:100%;transform:translate(0, -50%)}main #landing .logo_wrap svg{width:100%}main #landing .logo_wrap>*{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}main #landing .logo_wrap .pc{width:73.6111111111%;max-width:1060px}main #landing .logo_wrap .sp{width:58.9743589744%;max-width:230px}main #landing .images{z-index:10;position:relative;height:100%}main #landing .images li figure{position:relative;width:100%;height:100%}main #landing .images li figure img{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 994px)and (hover: hover){main .inner{padding-top:30px}main .inner .grid{margin:-30px -10px}main .inner .grid .grid_item{padding:30px 10px}main #landing .logo_wrap .pc{display:none}main #landing .images{flex-direction:column}main #landing .images li{width:100%;height:50%}}@media screen and (max-width: 979px)and (hover: none){main .inner{padding-top:30px}main .inner .grid{margin:-30px -10px}main .inner .grid .grid_item{padding:30px 10px}main #landing .logo_wrap .pc{display:none}main #landing .images{flex-direction:column}main #landing .images li{width:100%;height:50%}}@media screen and (max-width: 782px)and (hover: hover){main .inner{padding-top:0;padding-bottom:50px}main .inner .grid{margin:-5px -5px -20px}main .inner .grid .grid_item{width:50%;padding:20px 5px}main .inner .grid .grid_item:nth-child(3) figure{margin-top:0 !important}}@media screen and (max-width: 767px)and (hover: none){main .inner{padding-top:0;padding-bottom:50px}main .inner .grid{margin:-5px -5px -20px}main .inner .grid .grid_item{width:50%;padding:20px 5px}main .inner .grid .grid_item:nth-child(3) figure{margin-top:0 !important}}@media screen and (min-width: 980px)and (hover: none){main #landing .logo_wrap .sp{display:none}}@media screen and (min-width: 995px)and (hover: hover){main #landing .logo_wrap .sp{display:none}}
