@charset "UTF-8";.container{margin:0 auto;padding:0 0 80px;box-sizing:border-box}.content{max-width:1300px;margin:0 auto}h2{padding:120px 0 35px;font-size:48px;color:#000;text-align:center;line-height:1}.top_data_wrap{height:555px;box-sizing:border-box;padding-top:80px}.top_data_wrap .h2_desc{display:block;margin-top:18px;font-size:18px;color:#000;text-align:center;line-height:1.47}.top_data_wrap.video{height:690px;box-sizing:border-box;padding-left:30px;padding-right:30px;background:url(../../img/video/data_video_visual_top.png?v=76b4441b) center 0 no-repeat;background-size:cover}.top_data_wrap.video h2{padding:45px 0 0;line-height:1}.top_data_wrap.video .h2_desc{display:block;text-align:center;font-size:16px;color:rgba(0, 0, 0, 0.7);font-weight:normal}.top_data_wrap.video + .content{padding:0 30px}.video_top_wrap{max-width:1300px;height:360px;box-sizing:border-box;margin:50px auto 65px}.video_top_wrap .inner{width:630px;box-sizing:border-box}.video_top_wrap .top_thumb{position:relative;display:block;width:100%;transition:0.25s;box-shadow:0 20px 30px -10px rgba(0, 0, 0, 0.6)}.video_top_wrap .top_thumb:before{display:block;content:"";overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5;width:73px;height:91px;box-sizing:border-box;background-size:800px 800px;background:url(../../../common/img/sprites/spr_etc.png?v=9154bc47) -301px -243px no-repeat;transition:0.25s}.video_top_wrap .top_thumb:after{display:block;content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;box-sizing:border-box;background:rgba(0, 0, 0, 0.4);opacity:1;transition:0.25s}.video_top_wrap .top_thumb .img_area{overflow:hidden;position:relative;width:100%;padding-top:56.25%;box-sizing:border-box}.video_top_wrap .top_thumb .img_area img{display:block;position:absolute;left:50%;top:50%;height:100%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.video_top_wrap .top_thumb .title{display:block;position:absolute;bottom:100px;left:50%;z-index:5;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:80%;text-align:center;font-size:17px;color:#fff;font-weight:normal}.video_wrap{padding-top:60px}.video_wrap ul{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.video_wrap ul li{width:23.75%;margin:0 0 20px 1.666%}.video_wrap ul li:nth-child(4n+1){margin-left:0}.video_wrap ul li .list_thumb{display:block;position:relative;width:100%}.video_wrap ul li .list_thumb .img_area{overflow:hidden;position:relative;width:100%;height:0;box-sizing:border-box;padding-bottom:56.25%}.video_wrap ul li .list_thumb .img_area:before{display:block;content:"";overflow:hidden;position:absolute;left:18px;bottom:12px;z-index:10;width:44px;height:53px;box-sizing:border-box;background:url(../../../common/img/sprites/spr_etc.png?v=9154bc47) -383px -243px no-repeat;background-size:800px 800px}.video_wrap ul li .list_thumb .img_area img{display:block;width:100%;object-fit:cover;box-sizing:border-box;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:5;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.video_wrap ul li .list_thumb .desc_area{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;justify-content:flex-start;height:60px;box-sizing:border-box;padding:0 20px;background:#f2f2f2}.video_wrap ul li .list_thumb .desc_area .title{display:block;text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap;font-size:14px;color:#000;font-weight:normal;text-align:left}.video_wrap .no_result{display:flex;justify-content:center;align-items:center;width:100%;padding:4rem 0;margin:0}.video_wrap .no_result_contents{display:flex;flex-direction:column;align-items:center;font-size:1rem;color:#000}.video_wrap .no_result_contents::before{width:50px;height:50px;margin-top:1rem;margin-bottom:1rem;background:url(../../img/icon/icn_cm_spr.png?v=2b575f17) -273px -726px no-repeat;content:''}.app_mode .top_data_wrap.video{height:610px;padding-top:0}@media (min-width: 1025px){.content{padding:0 30px}.video_top_wrap .top_thumb:hover:before{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.video_top_wrap .top_thumb:hover:after{background:rgba(0, 0, 0, 0.6)}.video_top_wrap .top_thumb:hover .title{text-shadow:0 0 8px #c9d000}.video_top_wrap .top_thumb:hover .img_area img{-webkit-transform:translate3d(-50%, -50%, 0) scale(1.05);transform:translate3d(-50%, -50%, 0) scale(1.05)}.video_wrap ul li .list_thumb:hover .img_area img{-webkit-transform:translate3d(-50%, -50%, 0) scale(1.05);transform:translate3d(-50%, -50%, 0) scale(1.05)}}@media (max-width: 1024px){.container{min-width:100%;padding-bottom:3.75rem}.content{width:100%}h2 span.mob_block{display:block}.top_data_wrap .desc{display:block;margin-top:1.25rem;font-size:1rem;color:#fff;text-align:center}.top_data_wrap .h2_desc{display:none;margin-top:0.75rem}.top_data_wrap.video + .content{padding:0}.top_data_wrap.video{padding-bottom:3rem;height:auto;background:url(../../img/video/m_data_video_visual_top.png?v=9a8663b5) no-repeat center/cover}.top_data_wrap.video h2{padding:2rem 0 0;font-size:2.1666rem}.top_data_wrap.video .h2_desc{font-size:0.925rem}.video_top_wrap{width:100%;max-width:32.5rem;height:auto;margin:2.083rem auto 0}.video_top_wrap .inner{width:100%}.video_top_wrap .top_thumb{transition:none}.video_top_wrap .top_thumb .img_area{width:100%;box-sizing:border-box}.video_top_wrap .top_thumb .title{bottom:4rem;font-size:1.041rem}.video_top_wrap .top_thumb:before{width:3.458rem;height:4.416rem;box-sizing:border-box;background-size:33.333rem 33.333rem;background-position:-18.25rem -10.125rem;transition:none;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}.video_top_wrap .top_thumb:after{display:none}.video_wrap{padding:1.5rem 1.25rem}.video_wrap ul li{width:32.5%;margin:0 1.25% 1.5% 0}.video_wrap ul li:nth-child(3n){margin-right:0}.video_wrap ul li .list_thumb .img_area{width:100%}.video_wrap ul li .list_thumb .desc_area{height:3.75rem;box-sizing:border-box;padding:0 1.25rem}.video_wrap ul li .list_thumb .desc_area .title{font-size:.925rem}.video_wrap ul li .list_thumb .img_area:before{width:1.833rem;height:2.208rem;box-sizing:border-box;background-size:33.333rem 33.333rem;background-position:-15.958rem -10.125rem}.video_wrap .no_result_contents::before{width:2.5rem;height:2.5rem;box-sizing:border-box;background-size:66.666rem 66.666rem;background-position:-11.375rem -32.541rem}.app_mode .top_data_wrap.video{height:auto;padding-top:0.833rem}}@media (max-width: 767px){.video_wrap ul li{width:49%;margin:0 2% 2% 0}.video_wrap ul li:nth-child(2n){margin-right:0}.video_wrap ul li:nth-child(3n){margin-right:auto}}@media (max-width: 480px){.top_data_wrap .desc,.top_data_wrap.video .h2_desc,.video_top_wrap .top_thumb .title,.video_wrap ul li .list_thumb .desc_area .title{font-size:12px}}