@charset "utf-8";
.section03 .tabPanel:nth-child(2) li:nth-child(1),
.section03 .tabPanel:nth-child(2) li:nth-child(2),
.section03 .tabPanel:nth-child(2) li:nth-child(3),
.section03 .tabPanel:nth-child(3) li:nth-child(1),
.section03 .tabPanel:nth-child(3) li:nth-child(2),
.section03 .tabPanel:nth-child(3) li:nth-child(3),
.section03 .tabPanel:nth-child(4) li:nth-child(1),
.section03 .tabPanel:nth-child(4) li:nth-child(2),
.section03 .tabPanel:nth-child(4) li:nth-child(3),
.section03 .tabPanel:nth-child(5) li:nth-child(1),
.section03 .tabPanel:nth-child(5) li:nth-child(2),
.section03 .tabPanel:nth-child(5) li:nth-child(3),
.section03 .tabPanel:nth-child(6) li:nth-child(1),
.section03 .tabPanel:nth-child(6) li:nth-child(2),
.section03 .tabPanel:nth-child(6) li:nth-child(3),
.section03 .tabPanel:nth-child(7) li:nth-child(1),
.section03 .tabPanel:nth-child(7) li:nth-child(2),
.section03 .tabPanel:nth-child(7) li:nth-child(3),
.section03 .tabPanel:nth-child(8) li:nth-child(1),
.section03 .tabPanel:nth-child(8) li:nth-child(2),
.section03 .tabPanel:nth-child(8) li:nth-child(3)
{
	animation: none;
}


.section03{margin:0 auto;padding:107px 65px 150px;max-width:1600px}
.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}
.section03 .title:before{width:0;height:4px;position:absolute;left:0;top:100%;background:#000;content:"";transition:all .3s;-webkit-transition:all .3s;transition-delay:.9s;-webkit-transition-delay:.9s}
.section03 .title.active:before{width:100%}
.section03 .title img{margin:0 auto 16px;padding-right:28px;display:block;opacity:0;transition:all .3s;-webkit-transition:all .3s}
.section03 .title.active img{opacity:1}
.section03 .title span{opacity:0;transition:all .3s;-webkit-transition:all .3s;transition-delay:.5s;-webkit-transition-delay:.5s}
.section03 .title .txt02{transition-delay:.6s;-webkit-transition-delay:.6s}
.section03 .title.active span{opacity:1}
.section03 .ttl{margin-bottom:63px}
.section03 .ttl p{float:left;color:#000;font-size:24px}
.section03 .ttl .tabNavi{margin-top:4px;float:right;position:relative}
.section03 .ttl .tabNavim{display:none}
.section03 .ttl .tabNavim2{display:none}
.section03 .ttl .tabNavi li{padding-left:27px;float:left}
.section03 .ttl .tabNavi li a{padding:0 10px 39px;display:block;color:#000;font-size:14px}
.section03 .ttl .tabNavi li.line{margin:0;width:0;height:2px;float:none;position:absolute;left:0;bottom:0;background:#000;transition:all .3s;-webkit-transition:all .3s}
.section03 .tabPanel{overflow:hidden}
.section03 li .sydh{display:block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
.section03 li .sydh .syhs{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000}
.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}
.section03 li:nth-child(2) .lbox_ff{transition-delay:.1s;-webkit-transition-delay:.1s}
.section03 li:nth-child(3) .lbox_ff{transition-delay:.2s;-webkit-transition-delay:.2s}
.section03 li:nth-child(4) .lbox_ff{transition-delay:.3s;-webkit-transition-delay:.3s}
.section03 li:nth-child(5) .lbox_ff{transition-delay:.4s;-webkit-transition-delay:.4s}
.section03 li:nth-child(6) .lbox_ff{transition-delay:.5s;-webkit-transition-delay:.5s}
.section03 li.act .lbox_ff{left:0;transition-delay:0s;-webkit-transition-delay:0s}
.section03 .tabPanel li{padding:0 0 40px;width:calc(33.3% - 30px);float:left;position:relative;overflow:hidden;margin-right:45px}
.section03 .tabPanel li:nth-child(3n){margin-right:0}
.section03 .tabPanel li .lbox2{position:absolute;top:0;left:0;width:100%;height:100%}
.section03 .tabPanel li .lbox2 .lblank{width:100%;height:100%;background:#000}
.section03 .tabPanel li .img{overflow:hidden}
.section03 .tabPanel li .img .imgbox{width:100%;position:relative;overflow:hidden}
img{transform:translateZ(0);-webkit-transform:translateZ(0)}
.section03 .tabPanel li .img img{display:block;transition:transform .6s ease 0s;width:100%}
.section03 .tabPanel li .img .imgbox>img{transform:scale(1.01);-webkit-transform:scale(1.01)}
.section03 .tabPanel li:hover .img .imgbox>img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.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}
.section03 .tabPanel li .img .imgbox>video{position:absolute;top:0;left:0;z-index:2;width:100%;max-height:100%;object-fit:cover}
.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}
.section03 .tabPanel li:hover .img .imgbox .videoImg{transform:scale(1.05);-webkit-transform:scale(1.05)}
.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}
.section03 .tabPanel li:hover .img .imgbox>span{visibility:visible;opacity:1;background:rgba(0,0,0,.6)}
.section03 .tabPanel li .img .imgbox span p{font-size:18px}
.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%)}
.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}
.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}
.section03 .tabPanel li:hover .img .imgbox span span:after,.section03 .tabPanel li:hover .img .imgbox span span:before{width:6px;margin-left:-3px;opacity:.6}
.section03 .tabPanel li .text{height:80px}
.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/default/icon01.png) no-repeat right 15px top 57px}
.section03 .tabPanel li:hover .text{background:url(/Images/default/icon01.png) no-repeat right 10px top 57px}
.section03 .tabPanel li .text span{display:block;color:#000;font-size:18px}
.section03 .tabPanel .more{margin:0 auto;padding:36px 52px 0 0;width:310px}
.section03 .tabPanel .more a{padding:0 47px;display:block;color:#000;font-size:16px;line-height:48px;border-radius:27px;border:3px solid #000;background:url(/Images/default/icon02.png) no-repeat right 44px center;transition:all .3s;-webkit-transition:all .3s}
.section03 .tabPanel .more a:hover{border:3px solid #000;background:#000 url(/Images/default/icon02_over.png) no-repeat right 38px center;color:#fff}
.section03 .tanbox{position:relative;transition:width .3s;-webkit-transition:width .3s;overflow:hidden}
.section03 .tabPanel{position:absolute;top:0;left:0;top:0;width:100%;opacity:0;overflow:hidden;height:0}
.section03 .tabPanel.show{opacity:1;height:auto}

@media all and (min-width:1201px) and (max-width:1600px){
	
}
@media(max-width:1440px){
	.section03{padding:107px 100px 150px}
}
@media all and (min-width:768px) and (max-width:1200px){

	.section03 .tabPanel li .img .imgbox>video{display:none}
	.section03 .tabPanel li{width:calc(50% - 30px);margin:0}
	.section03 .tabPanel li:nth-child(2n){float:right}
}
@media all and (min-width:0px) and (max-width:767px){
	.section03 .tabPanel li .img .imgbox>video{display:none}
	.section03{margin:0 20px;padding:57px 0 54px;position:relative}
	.section03 .title{margin-bottom:16px;padding:0 0 80px 18px;font-size:25px;border-bottom:3px solid transparent}
	.section03 .title:before{height:3px}
	.section03 .title img{margin-bottom:20px;width:45px}
	.section03 .ttl{margin-bottom:2px}
	.section03 .ttl p{float:none;font-size:17px}
	.section03 .ttl .tabNavi{margin:25px -25px 20px 0;float:none;text-align:right}
	#in_d1{position:relative;top:-55px}
	.section03 .ttl .tabNavi li{margin:0 0 0 8px;float:none;display:inline-block}
	.section03 .ttl .tabNavi li:nth-child(1){float:left;margin-top:2px}
	.section03 .ttl .tabNavi li a{padding:0;font-size:13px;border-bottom:2px solid #fff}
	.section03 .ttl .tabNavi li.on a{border-bottom:2px solid #000}
	.section03 .ttl .tabNavi li.line{display:none}
	.section03 .tabPanel{margin:0}
	.section03 .tabPanel .item a{display:block;position:relative}
	.section03 .tabPanel .item .img img{display:block}
	.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 .3s;-webkit-transition:all .3s}
	.section03 .tabPanel .item .img a:hover>span{visibility:hidden;opacity:0}
	.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%)}
	.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}
	.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}
	.section03 .tabPanel .item .img a:hover span span:after,.section03 .tabPanel .item .img a:hover span span:before{width:110px}
	.section03 .tabPanel .item .text a{padding:8px 0;color:#999;font-size:12px;line-height:1.7;transition:all .3s;-webkit-transition:all .3s;background:url(/Images/default/icon01.png) no-repeat right 7px top 42px;background-size:40px auto!important}
	.section03 .tabPanel .item .text a:hover{background:url(/Images/default/icon01.png) no-repeat right 2px top 42px}
	.section03 .tabPanel .item .text a span{display:block;color:#000;font-size:17px}
	.section03 .tabPanel .slick-dots{margin-top:4px;text-align:center}
	.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}
	.section03 .tabPanel .slick-dots li.slick-active{border-color:#000;background:#000}
	.section03 .tabPanel .slick-dots li button{display:none}
	.section03 .tabPanel .more{margin:0 auto;padding:29px 0 0 0;width:216px}
	.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}
	.section03 .tabPanel .more a:hover{background-position:right 15px center}
	.section03 .tabPanel li{padding-bottom:20px;width:100%;float:none}
	.section03 .tabPanel li .img,.section03 .tabPanel li .text{padding:0;height:auto}
	.section03 .tabPanel li .text{background:url(/Images/default/icon01.png) no-repeat right 13px top 42px;padding:8px 0;font-size:12px}
	.section03 .tabPanel li:hover .text{background:url(/Images/default/icon01.png) no-repeat right 7px top 42px}
	.section03 .tabPanel li .text a span{display:block;color:#000;font-size:17px}
	.section03 .tabPanel li .img a:hover>span{visibility:hidden;opacity:0}
	.section03 .tabPanel .more{margin:0 auto;padding:29px 0 0 0;width:216px}
	.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}
	.section03 .tabPanel .more a:hover{background-position:right 15px center}
	.section03 .ttl .tabNavi{display:none}
	.section03 .ttl .tabNavim{display:block;position:relative;width:100%}
	.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}
	.section03 .ttl .tabNavim2 li a{padding:0;line-height:35px}
	.section03 .ttl .tabNavim2 li{margin:0 0 0 8px}
	.section03 .ttl .tabNavim2.act{top:52px;left:0;z-index:1001;opacity:1}
	.section03 .ttl .tabNavim2 li:nth-child(1){margin-top:0}
}

/*
     FILE ARCHIVED ON 03:26:32 Dec 22, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:00:16 Apr 17, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.073
  exclusion.robots: 0.057
  exclusion.robots.policy: 0.035
  esindex: 0.02
  cdx.remote: 11.407
  LoadShardBlock: 145.492 (3)
  PetaboxLoader3.datanode: 77.154 (4)
  PetaboxLoader3.resolve: 110.191 (2)
  load_resource: 72.714
*/