#video .video_ul{font-size:0;letter-spacing:0;font-weight:normal}#video{width:980px;margin:0 auto 20px}#video .video_ul{margin-top:100px}#video .video_ul li{width:320px;display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:70px;opacity:0;-webkit-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#video .video_ul li.show{opacity:1;-webkit-transform:translate(0);transform:translate(0)}#video .video_ul li button{width:100%}#video .video_ul li button:hover .thumbnail:after{opacity:1}#video .video_ul li button:hover .thumbnail img{opacity:.8;-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}#video .video_ul li button:hover .title{opacity:.6}#video .video_ul li:nth-of-type(3n){margin-right:0}#video .video_ul li .thumbnail{width:100%;height:auto;position:relative;overflow:hidden;background:#fff}#video .video_ul li .thumbnail:before{content:"";padding-top:56%;display:block}#video .video_ul li .thumbnail:after{content:"";opacity:0;width:50px;height:50px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;background:no-repeat center/cover url(../img/play_b.svg)}#video .video_ul li .thumbnail img{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}#video .video_ul li .title{font-size:14px;letter-spacing:.1em;font-weight:bold;line-height:1.4;margin-top:20px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}@media screen and (max-width: 768px){#video{width:100%;margin:0 auto 50px;padding:0 15px}#video .video_ul{margin-top:50px}#video .video_ul li{width:100%;display:block;margin-right:0;margin-bottom:25px}#video .video_ul li:nth-of-type(3n){margin-right:0}#video .video_ul li .thumbnail:after{opacity:1}#video .video_ul li .title{font-size:15px;margin-top:17px}}.video_modal{position:fixed;top:0;left:-100%;width:100vw;height:100vh;z-index:1000;background:rgba(0,0,0,.85);-webkit-transition:opacity .5s linear;transition:opacity .5s linear;opacity:0}.video_modal.action{left:0;opacity:1}.video_modal .video_modal_wrap{height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;padding:130px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.video_modal .video_modal_wrap .video_modal_contents{width:980px;margin:auto;text-align:left;color:#fff}.video_modal .video_modal_wrap .video_modal_contents .close{width:36px;height:36px;position:absolute;top:30px;right:50px;z-index:2;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.video_modal .video_modal_wrap .video_modal_contents .close:hover{opacity:.6}.video_modal .video_modal_wrap .video_modal_contents .close:before,.video_modal .video_modal_wrap .video_modal_contents .close:after{content:"";width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0}.video_modal .video_modal_wrap .video_modal_contents .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.video_modal .video_modal_wrap .video_modal_contents .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.video_modal .video_modal_wrap .video_modal_contents .video{width:100%;position:relative;cursor:pointer;background:no-repeat center/cover}.video_modal .video_modal_wrap .video_modal_contents .video:before{content:"";display:block;padding-top:56.2%}.video_modal .video_modal_wrap .video_modal_contents .video button{width:64px;height:64px;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:0;padding:0;background:none;border:none;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;background:no-repeat center/cover url(../img/play_b.svg)}.video_modal .video_modal_wrap .video_modal_contents .video:hover button{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.video_modal .video_modal_wrap .video_modal_contents .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.video_modal .video_modal_wrap .video_modal_contents .video_title{font-size:20px;margin-top:50px;font-weight:bold}.video_modal .video_modal_wrap .video_modal_contents .movie_text,.video_modal .video_modal_wrap .video_modal_contents .movie_text2{margin-top:60px;font-size:14px;line-height:1.8;letter-spacing:.05em}.video_modal .video_modal_wrap .video_modal_contents .movie_text2:before{content:"・・・・・・・・・・・・・・・・・・・・・・・・・・";font-size:14px;letter-spacing:.5em;display:block;margin-bottom:10px}.video_modal .video_modal_wrap .video_modal_contents .movie_text2:after{content:"・・・・・・・・・・・・・・・・・・・・・・・・・・";font-size:14px;letter-spacing:.5em;display:block;margin-top:10px}@media screen and (max-width: 768px){.video_modal .video_modal_wrap{padding:50px 0}.video_modal .video_modal_wrap .video_modal_contents{width:100%;text-align:center;padding:0 15px}.video_modal .video_modal_wrap .video_modal_contents .close{width:22px;height:22px;top:20px;right:20px}.video_modal .video_modal_wrap .video_modal_contents .video button{width:55px;height:55px}.video_modal .video_modal_wrap .video_modal_contents .video_title{font-size:15px;margin-top:20px}.video_modal .video_modal_wrap .video_modal_contents .movie_text,.video_modal .video_modal_wrap .video_modal_contents .movie_text2{margin-top:35px;line-height:1.8;text-align:left}}