.big{ font-size: 2.8vw; line-height: 3.4vw;  transition:all 0.3s linear; }
.middle{ font-size: 2vw; line-height: 1.2; margin: 1vw auto 1.5vw auto; font-weight:600; color:#595959;  }
.small{ font-size: 1.2vw; line-height: 2vw; margin-top: 2vw; transition:all 0.3s linear; }
.hs{ opacity:0; filter: alpha(opacity=0); transform:translateY(4%); transition:all 0.3s linear; }
.hs.active{ opacity:1; filter: alpha(opacity=100); transform:translateY(0px); }

.green{ background: linear-gradient(30deg, #59d597, #2baf7f);-webkit-background-clip: text;color: transparent; -webkit-text-fill-color:inherit; 
	display:inline; 
}
.bigNew{ font-size:4vw; line-height:1.2; }
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.textCenter{ text-align:center; }
.floatLeft{ float:left; }


#g9tab img{ width:100%; vertical-align:bottom; }
#g9tab .box1 .img{ width:100%; left:0%; top:0%; }
#g9tab .box1 .img1{ z-index:2; }
#g9tab .box1 .img2{ z-index:1; }
#g9tab .box1 .img3{ z-index:4; }
#g9tab .box1 .img3,#g9tab .box1 .img2{ transition:all 0.3s linear; transform:translateX(-6%);  }
#g9tab .box1 .box{ width:33%; left:61%; top:19%; z-index:3; transform:translateY(6%); opacity:0; }
#g9tab .box1 .b{ font-size: 4.4vw; line-height:1.2; }
#g9tab .box1 .ul{ margin-top:2%; }
#g9tab .box1 .li{ width:33.33%; }
#g9tab .box1 .li .bb{ font-size:1.4vw; line-height:1.2; }
#g9tab .box1 .li .ss{ font-size:1.2vw; line-height:1.2; }
#g9tab .box1 .text{ margin-top:6%; }
#g9tab .box1 .ptt{ width:90%; margin-top:4%; }


#g9tab .box2{ background-color:#F0F0F0; }
#g9tab .box2 .bgColor{ width:70%; margin:4% auto; }
#g9tab .box2 .bgColor .img{ margin-bottom:1%; }
#g9tab .box2 .bgColor .img:last-child{ margin-bottom:0%; }
#g9tab .box3 .fixed{ width:100%;  }
#g9tab .box3 .fixed .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box3 .fixed .big{ z-index:1; }
#g9tab .box3 .fixed .img-box{ margin-top:4%; }
#g9tab .box3 .fixed .img2{ width:100%; left:0%; top:0%; z-index:2; }
#g9tab .box3 .fixed .img3{ width:100%; left:0%; top:0%; z-index:3; }
#g9tab .box4{ margin-top:6%; }
#g9tab .box4 .img{ width:46%; margin-left: 44%; }
#g9tab .box4 .box{ width:30%; left:15%; top:9%; }
#g9tab .box5 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box5 .dd{ width:52%; margin: 2% auto; transform:translateX(9%); }
#g9tab .box5 .dd .text{ width:56%; margin-left:4%; font-size:1.2vw; line-height:1.4; }
#g9tab .box5 .dd .icon{ width:38%; margin-top:0.85%; }
#g9tab .box5 .dd .b{ font-weight:bold; font-size:1.2vw; }
#g9tab .box5 .img{ width:70%; display:block; margin: 2% auto; }
#g9tab .box6 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box6 .img-box{ margin-top:6%; }
#g9tab .box6 .img-box .img{ width:32%; margin-left:15%; }
#g9tab .box6 .text{ width:40%; left:50%; top:8%; }
#g9tab .box6 .text .mt{ margin-top:2%; }
#g9tab .box6 .text .b{ font-size:1.2vw; font-weight:bold; }
#g9tab .box7{ width:100; margin:6% auto 2%; }
#g9tab .box7 .img{ width:70vw; max-width:inherit; }
#g9tab .box7 .pa{ width:100%; left:0%; top:0%; overflow:hidden; }
#g9tab .box7 .fixed{ width:100%; }
#g9tab .box7 .tt{ width:70vw; margin:4% auto; }
#g9tab .box8 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box8 .small{ font-size:1vw; margin-top:0%; }
#g9tab .box8 .b{ font-size:1vw; font-weight:bold; }
#g9tab .box8 .img-box{ margin-top:6%; }
#g9tab .box9 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box10 { margin-top:8%; }
#g9tab .box10 .fixed{ width:100%; }
#g9tab .box10 .box{ margin-bottom:2%; }
#g9tab .box10 .img-box{ margin-top:6%; }
#g9tab .box10 .text{ width:20%; top:14%; left:30%; z-index:1; }
#g9tab .box10 .text .b{ font-size:2vw; line-height:1.2; }
#g9tab .box10 .small .b{ font-size:1.2vw; font-weight:bold; }
#g9tab .box12 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box13 .box{ width:70%; margin:5% auto; display:flex; justify-content:space-between; }
#g9tab .box13 .box .t1{ width:50%; font-size:2vw; line-height:1.2; }
#g9tab .box13 .box .t2{ width:50%; font-size: 1.2vw; line-height:1.2; padding-left:5%; box-sizing:border-box; }
#g9tab .box13 .box .t2 .img{ width:7%; top:0%; left:0%; }
#g9tab .box13 .imgs{ width:70%; margin: 2% auto; display:block; }
#g9tab .box14 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box15 .box{ margin-top:6%; }
#g9tab .box15 .box .small{ margin-top:0%; }
#g9tab .box15 .img-box{ width:69%; margin:2% auto; }
#g9tab .box15 .swiper-pagination{ position:relative; height:2vw; }
#g9tab .box15 .swiper-pagination-bullet{ width:50%; text-align:left; background-color:#ffffff; position:absolute; left:0%; top:0%; 
	height:2vw; line-height:2vw; font-size: 1.4vw; opacity: 0;
}
#g9tab .box15 .text{ height:2vw; line-height:2vw; font-size: 1.4vw; }
#g9tab .box15 .swiper-pagination-bullet-active{ opacity:1; }
#g9tab .box15 .oot{ margin-top:2%; }
#g9tab .box15 .swiper-button-next{ background:url('/new/Images/g9tab/overview/button.png'); width:2vw; height:2vw; background-size:cover; 
	top: 0px; right: 0px; left: inherit; margin-top: 0px;
}
#g9tab .box15 .swiper-button-prev{ background:url('/new/Images/g9tab/overview/button.png'); width:2vw; height:2vw; background-size:cover; 
	top: 0px; right: calc(2vw + 10px); left: inherit; margin-top: 0px; transform: rotate(180deg);
}
#g9tab .box16 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(50%);
}
#g9tab .box16 .box{ width:70%;  margin:2% auto; }
#g9tab .box16 .box .b{ font-size:1.2vw; font-weight:bold; }
#g9tab .box17{ margin-top:4%; }
#g9tab .box17 .bb{ background: linear-gradient(to bottom, #d1f1f2, #FDFEFF);-webkit-background-clip: 
	text;color: transparent; -webkit-text-fill-color:inherit; font-size: 8vw; line-height: 1.2;font-weight:bold; transform: translateY(32%);
}
#g9tab .box17 .small{ margin-top:3%; }
#g9tab .box17 .small .b{ font-size:1.2vw; font-weight:bold; }
#g9tab .box17 .imgs{ z-index:1; }
#g9tab .box18{ background-color:#F6F6F6; }
#g9tab .box18 .imgs{ width:40%; margin: 8% 0px 0px 44%; }
#g9tab .box18 .button{ width:30%; font-size:2vw; line-height:1.2; font-weight:bold; left:20%; top:54%; color:#000000; }