#main .section03{margin:0 auto;padding:107px 0 80px 0;max-width:1200px}
#main .section03 .title{margin-bottom:72px;padding:0 0 113px 20px;position:relative;color:#000;font-size:32px;line-height:1.6;text-align:center;border-bottom:4px solid transparent}
#main .section03 .title:before{width:0;height:4px;position:absolute;left:0;top:100%;background:#000;content:"";transition:all .5s;-webkit-transition:all .5s;transition-delay:.9s;-webkit-transition-delay:.9s}
#main .section03 .title.active:before{width:100%}
#main .section03 .title img{margin:0 auto 16px;padding-right:28px;display:block;opacity:0;transition:all .5s;-webkit-transition:all .5s}
#main .section03 .title.active img{opacity:1}
#main .section03 .title span{opacity:0;transition:all .5s;-webkit-transition:all .5s;transition-delay:.5s;-webkit-transition-delay:.5s}
#main .section03 .title .txt02{transition-delay:.6s;-webkit-transition-delay:.6s}
#main .section03 .title.active span{opacity:1}
#main .section03 .ttl{margin-bottom:63px}
#main .section03 .ttl p{float:left;color:#000;font-size:24px}
#main .section03 .ttl .tabNavi{margin-top:4px;float:right;position:relative}
#main .section03 .ttl .tabNavim{display:none}
#main .section03 .ttl .tabNavim2{display:none}
#main .section03 .ttl .tabNavi li{margin-left:27px;float:left}
#main .section03 .ttl .tabNavi li a{padding:0 10px 39px;display:block;color:#000;font-size:14px}
#main .section03 .ttl .tabNavi li.line{margin:0;width:0;height:2px;float:none;position:absolute;left:0;bottom:0;background:#000;transition:all .5s;-webkit-transition:all .5s}
#main .section03 .tabPanel{overflow:hidden}
#main .section03 li .sydh{display:block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
#main .section03 li .sydh .syhs{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000}
#main .section03 li .lbox_ff{position:absolute;width:100%;height:100%;top:0;left:100%;background:#000;z-index:6;background:#fff;transition:all .3s;-webkit-transition:all .3s}
#main .section03 li:nth-child(2) .lbox_ff{transition-delay:.1s;-webkit-transition-delay:.1s}
#main .section03 li:nth-child(3) .lbox_ff{transition-delay:.2s;-webkit-transition-delay:.2s}
#main .section03 li:nth-child(4) .lbox_ff{transition-delay:.3s;-webkit-transition-delay:.3s}
#main .section03 li:nth-child(5) .lbox_ff{transition-delay:.4s;-webkit-transition-delay:.4s}
#main .section03 li:nth-child(6) .lbox_ff{transition-delay:.5s;-webkit-transition-delay:.5s}
#main .section03 li.act .lbox_ff{left:0;transition-delay:0s;-webkit-transition-delay:0s}
#main .section03 .tabPanel li{padding:0 0 40px;width:calc(33.3% - 30px);float:left;position:relative;overflow:hidden;margin-right:45px}
#main .section03 .tabPanel li:nth-child(3n){margin-right:0}
#main .section03 .tabPanel li .lbox2{position:absolute;top:0;left:0;width:100%;height:100%}
#main .section03 .tabPanel li .lbox2 .lblank{width:100%;height:100%;background:#000}
#main .section03 .tabPanel li .img{overflow:hidden}
#main .section03 .tabPanel li .img .imgbox{width:100%;position:relative;overflow:hidden;border:1px solid #d9d9d9}
img{transform:translateZ(0);-webkit-transform:translateZ(0)}
#main .section03 .tabPanel li .img img{display:block;transition:transform .6s ease 0s;width:100%}
#main .section03 .tabPanel li .img .imgbox>img{transform:scale(1.01);-webkit-transform:scale(1.01)}
#main .section03 .tabPanel li:hover .img .imgbox>img{transform:scale(1.05);-webkit-transform:scale(1.05)}
#main .section03 .tabPanel li .img .imgbox>span{width:100%;height:100%;position:absolute;left:0;top:0;visibility:hidden;opacity:0;background:rgba(0,0,0,0);transition:all .3s;-webkit-transition:all .3s;z-index:3}
#main .section03 .tabPanel li .img .imgbox>video{position:absolute;top:0;left:0;z-index:2;width:100%;max-height:100%;object-fit:cover}
#main .section03 .tabPanel li .img .imgbox .videoImg{width:60px;height:60px;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;z-index:5;transition:transform .3s ease 0s}
#main .section03 .tabPanel li:hover .img .imgbox .videoImg{transform:scale(1.05);-webkit-transform:scale(1.05)}
#main .section03 .tabPanel li .img .imgbox .appImg{width:125px;height:125px;position:absolute;top:50%;margin-top:-62px;left:50%;margin-left:-62px;z-index:5}
#main .section03 .tabPanel li:hover .img .imgbox>span{visibility:visible;opacity:1;background:rgba(0,0,0,.6)}
#main .section03 .tabPanel li .img .imgbox span p{font-size:18px}
#main .section03 .tabPanel li .img .imgbox span span{width:100%;position:absolute;left:0;top:50%;display:block;color:#fff;font-size:12px;padding:0;line-height:26px;padding:3px 0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#main .section03 .tabPanel li .img .imgbox span span:before{content:"";display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s;top:0}
#main .section03 .tabPanel li .img .imgbox span span:after{content:"";display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s;bottom:0}
#main .section03 .tabPanel li:hover .img .imgbox span span:after,#main .section03 .tabPanel li:hover .img .imgbox span span:before{width:6px;margin-left:-3px;opacity:.6}
#main .section03 .tabPanel li .text{height:80px}
#main .section03 .tabPanel li .text{padding:9px 15px;color:#999;font-size:13px;line-height:1.7;transition:all .3s;-webkit-transition:all .3s;background:url(../images/icon01.png) no-repeat right 15px top 57px}
#main .section03 .tabPanel li:hover .text{background:url(../images/icon01.png) no-repeat right 10px top 57px}
#main .section03 .tabPanel li .text span{display:block;color:#000;font-size:18px}
#main .section03 .tabPanel .more{margin:0 auto;padding:36px 52px 0 0;width:310px}
#main .section03 .tabPanel .more a{padding:0 60px;display:block;color:#15b2da;font-size:20px;line-height:58px;border-radius:40px;border:1px solid #15b2da;background:url(../images/icon02.png) no-repeat right 44px center;transition:all .5s;-webkit-transition:all .5s}
#main .section03 .tabPanel .more a:hover{border:1px solid #15b2da;background:#15b2da url(../images/icon02_over.png) no-repeat right 38px center;color:#fff}
#main .section03 .tanbox{position:relative;transition:width .3s;-webkit-transition:width .3s;overflow:hidden}
#main .section03 .tabPanel{position:absolute;top:0;left:0;top:0;width:100%;opacity:0;overflow:hidden;height:0}
#main .section03 .tabPanel.show{opacity:1;height:auto}
@media all and (min-width:1201px) and (max-width:1600px){
}
@media(max-width:1440px){#main .section01 li{padding-left:6%}
#main .section03{padding:107px 100px 150px}
}
@media all and (min-width:768px) and (max-width:1200px){#main .section03 .tabPanel li .img .imgbox>video{display:none}
.padShow{display:block}
.padNone{display:none}
#side{top:auto;bottom:30px;transform:translate(0);-webkit-transform:translate(0)}
#main .section03 .tabPanel li{width:calc(50% - 30px);margin:0}
#main .section03 .tabPanel li:nth-child(2n){float:right}
}
@media all and (min-width:0px) and (max-width:767px){
#main .section03 .tabPanel li .img .imgbox>video{display:none}
#main .section03{margin:0 20px;padding:57px 0 54px;position:relative}
#main .section03 .title{margin-bottom:16px;padding:0 0 80px 18px;font-size:25px;border-bottom:3px solid transparent}
#main .section03 .title:before{height:3px}
#main .section03 .title img{margin-bottom:20px;width:45px}
#main .section03 .ttl{margin-bottom:2px}
#main .section03 .ttl p{float:none;font-size:17px}
#main .section03 .ttl .tabNavi{margin:25px -25px 20px 0;float:none;text-align:right}
#in_d1{position:relative;top:-55px}
#main .section03 .ttl .tabNavi li{margin:0 0 0 8px;float:none;display:inline-block}
#main .section03 .ttl .tabNavi li:nth-child(1){float:left;margin-top:2px}
#main .section03 .ttl .tabNavi li a{padding:0;font-size:13px;border-bottom:2px solid #fff}
#main .section03 .ttl .tabNavi li.on a{border-bottom:2px solid #000}
#main .section03 .ttl .tabNavi li.line{display:none}
#main .section03 .tabPanel{margin:0}
#main .section03 .tabPanel .item a{display:block;position:relative}
#main .section03 .tabPanel .item .img img{display:block}
#main .section03 .tabPanel .item .img a>span{width:100%;height:100%;position:absolute;left:0;top:0;visibility:hidden;opacity:0;background:rgba(34,65,167,.95);transition:all .5s;-webkit-transition:all .5s}
#main .section03 .tabPanel .item .img a:hover>span{visibility:hidden;opacity:0}
#main .section03 .tabPanel .item .img a span span{width:100%;position:absolute;left:0;top:50%;display:block;color:#fff;font-size:14px;line-height:65px;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#main .section03 .tabPanel .item .img a span span:before{width:10px;height:2px;position:absolute;left:50%;top:0;background:#fff;content:"";transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:width .3s;-webkit-transition:width .3s}
#main .section03 .tabPanel .item .img a span span:after{width:10px;height:2px;position:absolute;left:50%;bottom:0;background:#fff;content:"";transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:width .3s;-webkit-transition:width .3s}
#main .section03 .tabPanel .item .img a:hover span span:after,#main .section03 .tabPanel .item .img a:hover span span:before{width:110px}
#main .section03 .tabPanel .item .text a{padding:8px 0;color:#999;font-size:12px;line-height:1.7;transition:all .5s;-webkit-transition:all .5s;background:url(../images/icon01.png) no-repeat right 7px top 42px;background-size:40px auto!important}
#main .section03 .tabPanel .item .text a:hover{background:url(../images/icon01.png) no-repeat right 2px top 42px}
#main .section03 .tabPanel .item .text a span{display:block;color:#000;font-size:17px}
#main .section03 .tabPanel .slick-dots{margin-top:4px;text-align:center}
#main .section03 .tabPanel .slick-dots li{margin:0 4px 0 3px;padding:0;width:5px;height:5px;float:none;display:inline-block;cursor:pointer;border-radius:50%;border:1px solid #ccc}
#main .section03 .tabPanel .slick-dots li.slick-active{border-color:#000;background:#000}
#main .section03 .tabPanel .slick-dots li button{display:none}
#main .section03 .tabPanel .more{margin:0 auto;padding:29px 0 0 0;width:216px}
#main .section03 .tabPanel .more a{padding:0 22px;border-width:2px;font-size:13px;line-height:34px;background-position:right 20px center;background-size:70px auto!important}
#main .section03 .tabPanel .more a:hover{background-position:right 15px center}
#main .section03 .tabPanel li{padding-bottom:20px;width:100%;float:none}
#main .section03 .tabPanel li .img,#main .section03 .tabPanel li .text{padding:0;height:auto}
#main .section03 .tabPanel li .text{background:url(../images/icon01.png) no-repeat right 13px top 42px;padding:8px 0;font-size:12px}
#main .section03 .tabPanel li:hover .text{background:url(../images/icon01.png) no-repeat right 7px top 42px}
#main .section03 .tabPanel li .text a span{display:block;color:#000;font-size:17px}
#main .section03 .tabPanel li .img a:hover>span{visibility:hidden;opacity:0}
#main .section03 .tabPanel .more{margin:0 auto;padding:29px 0 0 0;width:216px}
#main .section03 .tabPanel .more a{padding:0 22px;border-width:2px;font-size:13px;line-height:34px;background-position:right 20px center;background-size:70px auto!important}
#main .section03 .tabPanel .more a:hover{background-position:right 15px center}
#main .section03 .ttl .tabNavi{display:none}
#main .section03 .ttl .tabNavim{display:block;position:relative;width:100%}
#main .section03 .ttl .tabNavim2{display:block;position:fixed;width:100%;top:0;left:0;z-index:1;opacity:0;background:#fff;margin:0;box-sizing:border-box;padding:0 20px}
#main .section03 .ttl .tabNavim2 li a{padding:0;line-height:35px}
#main .section03 .ttl .tabNavim2 li{margin:0 0 0 8px}
#main .section03 .ttl .tabNavim2.act{top:52px;left:0;z-index:1001;opacity:1}
#main .section03 .ttl .tabNavim2 li:nth-child(1){margin-top:0}
}