#video .video_list{font-size:0;letter-spacing:0;font-weight:normal}#video{font-family:"Noto Sans JP",sans-serif}#video{margin:140px 0 100px;text-align:center}#video .h2_deco2{margin:40px 0 70px}#video .video_new{width:880px;margin:0 auto 40px}#video .video_new.show .video{opacity:1;-webkit-transform:translate(0);transform:translate(0)}#video .video_new .video{width:100%;height:auto;position:relative;cursor:pointer;background:no-repeat center/cover;overflow:hidden;border-radius:10px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:translate(10px, 0);transform:translate(10px, 0);opacity:0}#video .video_new .video:before{content:"";padding-top:55.8%;display:block}#video .video_list{width:880px;margin:0 auto 100px;text-align:left}#video .video_list li{display:inline-block;width:430px;height:auto;vertical-align:top;margin-right:20px;margin-bottom:40px;overflow:hidden;border-radius:10px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:translate(10px, 0);transform:translate(10px, 0);opacity:0}#video .video_list li.show{opacity:1;-webkit-transform:translate(0);transform:translate(0)}#video .video_list li:nth-of-type(2n){margin-right:0}#video .video_list li .video button:before{width:50px;height:50px}#video .video_list li .video button:after{border-left:18px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:0}#video .video_title{font-size:18px;letter-spacing:0;margin-top:15px;text-align:center;padding:0 10px;line-height:1.3}#video .video{width:100%;height:auto;position:relative;cursor:pointer;background:no-repeat center/cover;overflow:hidden;border-radius:10px;z-index:1}#video .video:hover:after{opacity:1}#video .video:hover button:before,#video .video:hover button:after{opacity:1}#video .video:before{content:"";padding-top:55.8%;display:block}#video .video:after{content:"";width:100%;height:100%;display:block;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .6s ease-out;transition:all .6s ease-out;opacity:0}#video .video button{width:100%;height:100%;position:absolute;top:0;left:0}#video .video button:before{content:"";width:60px;height:60px;background:rgba(255,255,255,.5);display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;-webkit-transition:all .6s ease-out;transition:all .6s ease-out;z-index:3}#video .video button:after{content:"";width:0;height:0;border-left:22px solid #000;border-top:16px solid transparent;border-bottom:16px solid transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-left:2px;opacity:0;-webkit-transition:all .6s ease-out;transition:all .6s ease-out;z-index:3}#video .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}@media screen and (max-width: 768px){#video{margin:70px 0 50px}#video .h2_deco2{margin:40px 0 45px}#video .video_new{width:100%;margin:0 auto 30px;padding:0 20px}#video .video_list{width:100%;margin:0 auto 55px;padding:0 20px}#video .video_list li{display:block;width:100%;margin-right:0;margin-bottom:30px}#video .video button:before{width:50px;height:50px}#video .video button:after{border-left:18px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:0}}