.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;  }
.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); }

#g9t .green{ background: linear-gradient(120deg, #59d597, #2baf7f);-webkit-background-clip: text;color: transparent; -webkit-text-fill-color:inherit;}
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.textCenter{ text-align:center; }
.floatLeft{ float:left; }


#g9t img{ width:100%; vertical-align:bottom; }
#g9t .box1 .box{ width: 32.083vw; right: 6.406256vw; top: 19.375vw; }
#g9t .box1 .box .b{ font-size: var(--eighty); line-height:1.2; }
#g9t .box1 .box .m{ font-size: var(--forty); line-height:1.2; margin-top:2%; }
#g9t .box1 .box .s{ font-size: var(--twenty-two); line-height:1.6; margin-top:5%; }

#g9t .box2{display: grid;width: 63.54vw;margin: 9.375vw auto 0 auto;column-gap: var(--twenty);row-gap: var(--twenty);
    grid-template-areas: 'one one two'  'one one three' 'four five five' 'four six seven';grid-template-columns: 20.833vw 16.667vw 23.9583vw;grid-template-rows: auto;
}
#g9t .box2 .mt1 { grid-area: one;overflow: visible}
#g9t .box2 .mt1 .pa1{top: 6.354vw;left: var(--forty);text-align: left}
#g9t .box2 .mt1 .pa1 .medium{font-size: var(--twenty-eight);line-height: 1.2;color: #FFFFFF;}
#g9t .box2 .mt1 .img1{right: 1.927vw;width: 25vw;top: -4.1667vw}
#g9t .box2 .mt2 { grid-area: two; }
#g9t .box2 .mt2 .medium{position: absolute;left: var(--thirty);top: var(--forty-two);line-height: 1.2;font-size: var(--twenty-eight);color: #000000}
#g9t .box2 .mt2 .regular{position: absolute;left: var(--thirty);top: 116px;line-height: 1.2;font-size: var(--eighteen);color: #666666}
#g9t .box2 .mt3 { grid-area: three;width: 23.9583vw;height: 10.4167vw;background-color: #F9FBF8;border-radius: var(--twenty);}
#g9t .box2 .mt3 .flex{display: flex;align-items: center;justify-content: space-between;padding: 3.0729vw 1.979vw 3.59375vw 1.6146vw}
#g9t .box2 .mt3 .flex .mt-flex{width: 50%;text-align: left}
#g9t .box2 .mt3 .flex .mt-flex .green{font-size: var(--thirty-six);}
#g9t .box2 .mt3 .flex .mt-flex .regular{font-size: var(--eighteen);color: #666666}
#g9t .box2 .mt4 { grid-area: four; }
#g9t .box2 .mt4 .pa{top: var(--thirty-five);left: var(--forty);text-align: left}
#g9t .box2 .mt4 .pa .medium{font-size: var(--thirty-six);}
#g9t .box2 .mt4 .pa .regular{font-size: var(--eighteen);color: #666666;margin-top: var(--five);}
#g9t .box2 .mt5 { grid-area: five; }
#g9t .box2 .mt5 .pa{top: var(--sixty-five);left: var(--sixty);text-align: left}
#g9t .box2 .mt5 .pa .green{font-size: var(--thirty-six);}
#g9t .box2 .mt5 .pa .regular{font-size: var(--eighteen);color: #666666;margin-top: var(--five);}
#g9t .box2 .mt6 { grid-area: six; }
#g9t .box2 .mt6 .pa{top: var(--thirty);left: var(--sixty);text-align: left}
#g9t .box2 .mt6 .pa .green{font-size: var(--thirty-six);}
#g9t .box2 .mt7 { grid-area: seven;overflow: visible; }
#g9t .box2 .mt7 .pa1{bottom: 1.71875vw;width: 100%}
#g9t .box2 .mt7 .img1{left: 1.77vw;width: 20.46875vw;top: -1.823vw}
#g9t .box2 .mt7 .pa1 .flex{display: flex;justify-content: center;padding-left: var(--sixty-eight);padding-right: var(--eighty-seven)}
#g9t .box2 .mt7 .pa1 .flex .mt-flex{width: 65%;text-align: left}
#g9t .box2 .mt7 .pa1 .flex .mt-flex1{width: 35%;text-align: left}
#g9t .box2 .mt7 .pa1 .flex .medium{font-size: var(--twenty-eight);color: #ffffff}
#g9t .box2 .mt7 .pa1 .flex .regular{font-size: var(--eighteen);color: #ffffff;padding-top: var(--five)}

#g9t .box7{ padding-top: 200px; }
#g9t .box7 .a{ display:flex; justify-content:space-between; width: 63.54vw; z-index:2;margin: 0 auto }
#g9t .box7 .w{ width:50%; text-align:center; }
#g9t .box7 .w .medium{font-size: var(--sixty)}
#g9t .box7 .box7-1{padding-top: 32.292vw;overflow: visible}
#g9t .box7 .img2{ width: 23.90625vw; left:22%; top: 6.14583vw; z-index:2; }
#g9t .box7 .img3{ width: 24.0625vw; right:22%; top: 6.14583vw; z-index:2; }
#g9t .box7 .bg{ background-color:rgba(242,251,245,0.9); width: 72.9167vw; left: 13.54167vw; bottom: var(--sixty); border-radius: var(--twenty); box-sizing:border-box;
    padding: 2% 4%; line-height: 1.8; z-index: 3;
}
#g9t .box7 .bg .regular{font-size: var(--twenty-four);color: #666666}

#g9t .box8 { margin:6% auto 2%; }
#g9t .box8 .img{ width:50%; }
#g9t .box8 .pa{ width: 34.427vw; left:55%; top:18%; }
#g9t .box8 .bt1 .green{font-size: var(--eighty)}
#g9t .box8 .bt1 .regular{font-size: var(--twenty-four);margin-top: var(--sixty);color: #666666}
#g9t .box8 .bt3 { bottom: 0;right: 0;width: 15.625vw;background-color: #f4f6f6;height: 7.8125vw;top:70%;border-radius: var(--twenty);}
#g9t .box8 .bt3 .w{text-align: center; word-wrap: break-word;overflow-wrap: break-word;white-space: normal;}
#g9t .box8 .bt .b {font-size: var(--thirty-six);line-height: 1.0;padding-top: var(--thirty-five)}
#g9t .box8 .bt .s {font-size: var(--twenty-four);line-height: 1.0;color: #666666;padding-top: var(--ten)}
#g9t .box8 .bt4 { bottom: 0; left: 72%; width: 15.625vw; background-color: #f4f6f6; height: 7.8125vw; top:70%; border-radius: var(--twenty);}
#g9t .box8 .bt4 .w{text-align: center;word-wrap: break-word;overflow-wrap: break-word;white-space: normal;}

#g9t .box9{ box-sizing:border-box; }
#g9t .box9 .box { width:70%; margin:0 auto; }
#g9t .box9 .box .w{ background-color:#f4f6f6; border-radius:20px; width:32%; text-align:center; margin:1% 2% 1% 0; padding:3% 0; }
#g9t .box9 .box .w:nth-child(3n){ margin-right:0; }
#g9t .box9 .box .b{ font-size:1.6vw; line-height:1.2; margin-bottom:1%; }
#g9t .box9 .box .s{ font-size:1.2vw; line-height:1.2; }

#g9t .box10{ background-color:#f4f6f6; margin-top:6%; }
#g9t .box10 .img{ width:14%; margin: 8% 0 8% 24%; }
#g9t .box10 .box{ width: 38.59375vw; left: 48%; top:26%; }
#g9t .box10 .box .medium{font-size: var(--sixty)}
#g9t .box10 .box .regular{font-size: var(--twenty-four);color: #666666;padding-top: var(--forty);line-height: 1.4}

#g9t .box11 .box{ width:30%; left:15%; top:36%; z-index:3; }
#g9t .box11 .box .medium{font-size: var(--sixty)}
#g9t .box11 .box .regular{font-size: var(--twenty-four);padding-top: var(--forty);line-height: 1.4}

#g9t .box12{ width:70%; margin:6% auto 4%; }
#g9t .box12 .box{ text-align:center; }
#g9t .box12 .box .medium{font-size: var(--sixty)}
#g9t .box12 .box .regular{font-size: var(--twenty-four);padding-top: var(--forty);line-height: 1.4;color: #666666}

#g9t .box13{ width:70%; margin:4% auto; }
#g9t .box13 .h{ display:flex; justify-content:space-between; }
#g9t .box13 .b{ font-size:1.4vw; line-height:1; width:50%; padding:2%;background-color:#f4f6f6;  }
#g9t .box13 .b:last-child{ text-align:right; }
#g9t .box13 .icon{ height:1.4vw; width:auto; margin-right:4%; }
#g9t .box13 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
#g9t .box13 .swiper-slide-active{width: 100.5% !important;}
#g9t .box13 .swiper-pagination-bullet{ width:33.33%; height: 4px; border-radius:inherit; background-color:#76d5af; opacity:0.5 }
#g9t .box13 .swiper-pagination-bullet-active{ border-radius: 30px; height:6px; transform:translateY(-10%); background-color: #2bb17b; }

#g9t .box14{ width:70%; margin:4% auto; }
#g9t .box14 .box{ text-align:center;margin-bottom:2%; }
#g9t .box14 .box .medium{font-size: var(--sixty)}
#g9t .box14 .box .regular{font-size: var(--twenty-four);padding-top: var(--forty);line-height: 1.4;color: #666666}
#g9t .box14 .ul{ width:40%; left:4%; top:8%; }
#g9t .box14 .ul .li{ margin-bottom: 12%; }
#g9t .box14 .ul .b{ font-size:2vw; line-height:1.2; }
#g9t .box14 .ul .s{ font-size:1.2vw; line-height:1.2; }

#g9t .box15{ width:70%; margin:4% auto; }
#g9t .box15 .box{ text-align:center;margin-bottom:2%; }
#g9t .box15 .box .medium{font-size: var(--sixty)}
#g9t .box15 .box .regular{font-size: var(--twenty-four);padding-top: var(--forty);line-height: 1.4;color: #666666}
#g9t .box15 .ul{ display:flex; justify-content:space-between; }
#g9t .box15 .ul .li{ width:24%; background-color:#f6f9f8; border-radius:20px; padding: 2%; box-sizing:border-box; text-align:center; }
#g9t .box15 .ul .b{ font-size:1.4vw; line-height:1.2; }
#g9t .box15 .ul .s{ font-size:1.2vw; line-height:1.2; }

#g9t .box16{ width:70%; margin:4% auto; }
#g9t .box16 .box{ width:41%; left:10%; top:28%; z-index:3; }
#g9t .box17{margin-top: 6%; }
#g9t .box17 .box{ width:40%; left:10%; top:9%; }
#g9t .box18{ width:70%; margin:6% auto; }
#g9t .box18 .img1{ margin-left:45%; width:55%; }
#g9t .box18 .box{ width:35%; left:5%; top:16%; }
#g9t .box18 .img2{ margin-top:2%; width:92%; }
#g9t .box19 { width:70%; margin:2% auto; }
#g9t .box19 .ul{ display:flex; justify-content:space-between; margin-bottom:2%; }
#g9t .box19 .ul .li{ width:49%; }
#g9t .box19 .small{ width:87%; }
#g9t .box20{ width:70%; margin:4% auto; }
#g9t .box20 .li{ margin-bottom:2%; }
#g9t .box20 .li .box{ background-color: #ffffff; width:40%; height:80%; left:4%; top:10%; padding:4%; box-sizing:border-box; }
#g9t .box20 .li .icon{ width: 20%; bottom:4%; right:4%; }
#g9t .box20 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
#g9t .box20 .swiper-pagination-bullet{ width:33.33%; height: 4px; border-radius:inherit; background-color:#76d5af; opacity:0.5 }
#g9t .box20 .swiper-pagination-bullet-active{ border-radius: 30px; height:6px; transform:translateY(-10%); background-color: #2bb17b; }
#g9t .box20 .box{ width:40%; left:10%; top:20%; }
#g9t .box20 .icon{ width:5%; left:40%; bottom:7%;  }
#g9t .box21 { background-color:#f1f7f0; margin-top: 6%; }
#g9t .box21 .a{ width:70%; margin:4% auto 0; }
#g9t .box21 .box1{ width:70%; margin:6% auto 2%; text-align:center; }
#g9t .box21 .box{ width:40%; left:3%; top:20%; z-index:3; }
#g9t .box22{ background-color:#f1f7f0; }
#g9t .box22 .box{ width:72%; margin:4% auto 2%; text-align:center; }
#g9t .box22 .box .medium{font-size: var(--eighty)}
#g9t .box22 .ul{ width:70%; margin:4% auto 10% auto; }
#g9t .box22 .ul .li{ float:left; width:32%; margin-right:2%; background-color:#ffffff; border-radius:20px; text-align:center;
    overflow:hidden; margin-bottom:4%;
}
#g9t .box22 .ul .li:nth-child(3n){ margin-right:0; }
#g9t .box22 .ul .b{ font-size: var(--fifty); line-height:1.2; margin-top:12%; display:inline-block; }
#g9t .box22 .ul .s{ font-size: var(--twenty-four); line-height:1.2; margin-bottom:12%;color: #666666 }
#g9t .box22 .ul .li:nth-child(5){ background-color:inherit; }
#g9t .box22 .img{ width:24%; bottom:0; left:38%; }

#g9t .box23 .box{ width:70%; left:15%; top:11%; text-align:center; z-index:3; }
#g9t .box23 .box .medium{font-size: var(--sixty)}
#g9t .box23 .box .regular{font-size: var(--twenty-four);padding-top: var(--forty);line-height: 1.4;color: #666666}
#g9t .box23 .imgs{z-index:2;width: 25%;top:7%;left:39%}
#g9t .box24{ padding:4% 15%; font-size: var(--twenty-four); line-height:1.4; color:#666666; }