.top-image{transform:scale(1.1);transition:transform 8s}.top-image.show-img{transform:scale(1)}.top-title{opacity:0;transform:translate(-50%, calc(-50% - 20px));transition:opacity 1s,transform 1s}.top-title .en:after{opacity:0;bottom:-5px;transition:opacity 1s,bottom 1s}.top-title.show-text{opacity:1;transform:translate(-50%, -50%)}.top-title.show-text .en:after{opacity:1;bottom:-25px;transition-delay:.4s}.news-inner{padding:0 50px;max-width:1500px;margin:0 auto}.news-list{display:flex;flex-wrap:wrap}.news-item{width:33.3333%;padding:2%;box-sizing:border-box}.news-item:nth-child(5n+4){margin-left:16.66665%}.news-item:nth-child(5n){margin-right:16.66665%}.news-item:nth-child(4n+1) .news-img-in img{opacity:0;transition:opacity .4s}.news-item:nth-child(4n+1) .news-img-in.show:after{animation:imgT 1.4s}.news-item:nth-child(4n+1) .news-img-in.show img{opacity:1;transition-delay:.6s}.news-item:nth-child(4n+2) .news-img-in img{opacity:0;transition:opacity .4s}.news-item:nth-child(4n+2) .news-img-in.show:after{animation:imgR 1.4s}.news-item:nth-child(4n+2) .news-img-in.show img{opacity:1;transition-delay:.6s}.news-item:nth-child(4n+3) .news-img-in img{opacity:0;transition:opacity .4s}.news-item:nth-child(4n+3) .news-img-in.show:after{animation:imgB 1.4s}.news-item:nth-child(4n+3) .news-img-in.show img{opacity:1;transition-delay:.6s}.news-item:nth-child(4n) .news-img-in img{opacity:0;transition:opacity .4s}.news-item:nth-child(4n) .news-img-in.show:after{animation:imgL 1.4s}.news-item:nth-child(4n) .news-img-in.show img{opacity:1;transition-delay:.6s}.news-item a:hover .news-img-in{filter:saturate(1)}.news-item a:hover .news-date{color:#fff;background:#000}.news-item.coming a{pointer-events:none}.news-img{position:relative;padding:0 20px 20px 0}.news-img:after{content:"";width:100%;height:100%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1}.news-img-in{overflow:hidden;filter:saturate(0.3);transition:filter .8s}.news-img-in:after{content:"";width:101%;height:101%;background:#f8f8f8;position:absolute;top:0;left:0;z-index:3;transform:scaleY(0)}.news-img img{width:100%}.news-date{position:absolute;top:0;left:15px;color:#000;text-align:center;padding:3px 5px 3px 2px;background:#f8f8f8;box-shadow:0 0 5px #999;display:flex;flex-flow:row-reverse;align-items:center;opacity:0;transition:color .8s,background .8s,opacity .8s}.news-date.show{opacity:1;transition:color .8s,background .8s,opacity .8s .6s}.news-date .day{font-size:1.5rem;line-height:24px;letter-spacing:.2rem;font-family:"DM Serif Display",serif}.news-date .month{font-size:.75rem;letter-spacing:.05rem}.news-date .year{font-size:.875rem;letter-spacing:.15rem;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;margin-right:2px;margin-top:2px}.news-source{font-size:.75rem;width:-moz-fit-content;width:fit-content;background:#fff;color:#999;padding-right:10px;margin-top:-8px}.news-name{color:#000;font-size:1rem;font-weight:normal;margin-top:5px}@media screen and (max-width: 1100px){.news-item{width:50%}.news-item:nth-child(5n+4){margin-left:unset}.news-item:nth-child(5n){margin-right:unset}.news-item.coming{display:none}}@media screen and (max-width: 900px){.news-list{display:block}.news-item{width:auto;max-width:500px;padding:unset;margin:0 auto 50px}.news-item:nth-child(5n+4){margin-left:auto}.news-item:nth-child(5n){margin-right:auto}.news-item:last-child{margin-bottom:unset}}@media screen and (max-width: 640px){.news-inner{padding:0 30px}.news-item{margin-bottom:40px}.news-name{font-size:.875rem}.news-date{padding:3px 5px 3px 3px}.news-date .day{font-size:1.25rem;margin-left:2px}.news-date .year{font-size:.75rem;letter-spacing:.2rem;margin-right:1px;margin-top:3px}}