.big{ font-size: 2.8vw; line-height: 3.4vw;  transition:all 0.3s linear; }
.big sup{font-size: 1.6vw}
.middle{ font-size: 2vw; line-height: 1.2; margin: 1vw auto 1.5vw auto;  }
.small{ font-size: 1.2vw; line-height: 1.2vw; margin-top: 1.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, #4c998f, #397576);-webkit-background-clip: text;color: transparent; -webkit-text-fill-color:inherit;display:inline;}
.blur{color: #5480c7}
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.textCenter{ text-align:center; }
.floatLeft{ float:left; }
.s{font-size: 1.0vw;line-height: 1.0;color:#666666; }
.white{color: white !important;}


#g100 img{ width:100%; vertical-align:bottom; }
#g100 .box1 .box{padding: 4% 0 4% 0}
#g100 .box1 .box .b{ font-size:4vw; line-height:1.2; }
#g100 .box1 .box .m{ font-size:2vw; line-height:1.2; margin-top:1.5%; }
#g100 .box1 .box .s{ font-size:1.2vw; line-height:1.6; margin-top:5%; }

#g100 .box2 .mt1 { grid-area: one; }
#g100 .box2 .mt2 { grid-area: two; }
#g100 .box2 .mt3 { grid-area: three; }
#g100 .box2 .mt4 { grid-area: four; }
#g100 .box2 .mt5 { grid-area: five; }
#g100 .box2 .mt6 { grid-area: six; }
#g100 .box2 .mt7 { grid-area: seven; }
#g100 .box2 .mt8 { grid-area: eight; }
#g100 .box2{
    display: grid;
    grid-template-areas: 'one one one'  'two three three' 'four four four' 'five six six' 'five seven eight';
    column-gap: 0.8333vw;row-gap: 0.8333vw;
    width:56.25vw; overflow:hidden; margin:0 auto;grid-template-columns: 21.354vw 16.6146vw 16.6146vw;grid-template-rows: auto;
}
#g100 .box2 .big{font-weight: bold;line-height: 1}
#g100 .box2 .s{line-height: 1.4}
#g100 .box2 .mt1 .pa{ top: 8.073vw; left: 4.1667vw;}
#g100 .box2 .pa >:nth-child(2){margin-top: 0.521vw;margin-bottom: 2.0833vw}
#g100 .box2 .pa >:nth-child(4){margin-top: 0.521vw}
#g100 .box2 .mt2 .pa{top: 3.125vw;left: 4.1667vw;text-align: left}
#g100 .box2 .mt3 .pa{top: 3.125vw;left: 3.6458vw;text-align: left}
#g100 .box2 .mt4 .pa{left: 4.1667vw;top: 7.29vw}
#g100 .box2 .mt5 .pa{top: 1.5625vw;left: 4.1667vw;text-align: left}
#g100 .box2 .mt5 .pa .big{font-size: 2.2vw}
#g100 .box2 .mt6 .pa{top: 2.604vw;left: 3.6458vw;text-align: left}
#g100 .box2 .mt6 .pa .big{font-size: 2.2vw}
#g100 .box2 .mt6 .pa .flex{display: flex;justify-content: flex-start;align-items: flex-end;gap: 2.083vw;}
#g100 .box2 .mt7 .pa{top: 0.78125vw;width: 100%;text-align: center}
#g100 .box2 .mt7 .pa .big{font-size: 1.8vw}
#g100 .box2 .mt8 .pa{top: 0.78125vw;width: 100%;text-align: center}
#g100 .box2 .mt8 .pa .big{font-size: 1.8vw}

#g100 .box6{ margin: 0 auto ;padding: 10% 0 5% 0}
#g100 .box6 .box .b {font-size: 4vw;line-height: 1.2;margin-bottom: 2%}
#g100 .box6 .box .s{padding-top: 0.8%}

#g100 .box7{ width:70%; margin:0 auto; }
#g100 .box7 .box .b{ font-size: 4vw;line-height: 1.2; margin-bottom: 2%}
#g100 .box7 .box .s{padding-top: 0.8%}
#g100 .box7 .swiper{max-width: 95%;margin:0 auto;padding-top: 5%}
#g100 .box7 .swiper-slide{overflow: hidden;opacity: 0}
#g100 .box7 .swiper-slide-active{opacity: 1}
#g100 .box7 .mt1{width: 67%}
#g100 .box7 .mt2{width: 31%;margin-left: 2%}
#g100 .box7 .icon{ height:1.4vw; width:auto; margin-right:4%; }
#g100 .box7 .swiper-pagination-one { width: 30%; left: 68%; top: 80%; text-align: left;position:absolute;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet{width: 12%; height:12%;border-radius:inherit; background-color:inherit; opacity:1;}
#g100 .box7 .swiper-pagination-bullet-active{ background-color:inherit; }
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet .lines{width: 60%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet .img1{background-image: url("/new/Images/g100/overview/banner7_8_1.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet-active .img1{background-image: url("/new/Images/g100/overview/banner7_8_2.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet .img2{background-image: url("/new/Images/g100/overview/banner7_5_1.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet-active .img2{background-image: url("/new/Images/g100/overview/banner7_5_2.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet .img3{background-image: url("/new/Images/g100/overview/banner7_6_1.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet-active .img3{background-image: url("/new/Images/g100/overview/banner7_6_2.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet .img4{background-image: url("/new/Images/g100/overview/banner7_7_1.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-one .swiper-pagination-bullet-active .img4{background-image: url("/new/Images/g100/overview/banner7_7_2.webp");width: 1vw;height: 1vw;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#g100 .box7 .swiper-pagination-bullet .texts{top:156%; left:0; position:absolute; opacity:0; width: 100%}
#g100 .box7 .swiper-pagination-bullet .texts .big{font-size:1vw; line-height:1.6vw;font-weight: bold}
#g100 .box7 .swiper-pagination-bullet .texts .s{font-size:1vw;line-height:1.2vw;color:#737373}
#g100 .box7 .swiper-pagination-bullet-active .texts{ opacity:1; }

#g100 .box8 { margin:5% auto 5% auto;}
#g100 .box8 .box .bold{font-size: 4vw;line-height: 1.2;margin-bottom: 5%}

#g100 .box9{ width: 70%;margin: 0 auto; }
#g100 .box9 .box .b{font-size: 4vw;line-height: 1.2;margin-bottom: 5%}
#g100 .box9 .box .m{font-size: 2.5vw;line-height: 1.2;margin-bottom: 5%}
#g100 .box9 .box .s{ padding-bottom: 2% }
#g100 .box9 .mt1{bottom: 2%;width: 100%;}
#g100 .box9 .mt1 .flex{display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-start;column-gap: 1.0417vw;width: 59.635vw;margin: 0 auto}
#g100 .box9 .mt1 .flex .texts{width: 19.17vw;background-color: #FFFFFF;border-radius: 10px;text-align: center;padding: 3% 0;box-shadow: 8px 8px 5px 0 rgba(0, 0, 0, 0.1)}

#g100 .box9 .mt1 .flex .big{font-size: 2.0vw;line-height: 1.2;font-weight: bold;}

#g100 .box10{ width:70%; margin: 5% auto}
#g100 .box10 .swiper-slide{overflow: hidden;}
#g100 .box10 .swiper .swiper-slide-prev{opacity:0;}
#g100 .box10 .swiper .swiper-slide-next{opacity:0;}
#g100 .box10 .swiper .swiper-slide-active{opacity:1;}
#g100 .box10 .swiper-pagination{ z-index:2; width:60%; margin: 2% auto; text-align:center; position:relative; display:flex; }
#g100 .box10 .swiper-pagination-bullet{ width:33.33%; height: 4px; border-radius:inherit; background-color:#76d5af; opacity:0.5 }
#g100 .box10 .swiper-pagination-bullet-active{ border-radius: 30px; height:6px; transform:translateY(-10%); background-color: #2bb17b; }
#g100 .box10 .box{ width:36%; left: 6%; top:8%; }
#g100 .box10 .box .big{line-height: 1.0;}
#g100 .box10 .box .green{display: block;}


#g100 .box11{margin: 2% auto}
#g100 .box11 .box{ width:35%; left:34%; top:31%;}
#g100 .box11 .img2{width: 65%;margin: 0 auto}


#g100 .box12{ width: 63.5417vw; margin:10.417vw auto 4.167vw auto; display: flex;flex-wrap: wrap;row-gap: 5.208vw;align-items: center}
#g100 .box12 .right{width: 29.167vw;text-align: left}
#g100 .box12 .left{width: 34.375vw;text-align: left}
#g100 .box12 .img1{width: 29.167vw;}
#g100 .box12 .s {line-height: 1.4;margin-top: 4%;font-size: 1.1vw}


#g100 .box14{ width:70%; margin:0 auto; }
#g100 .box14 .a{margin-top: 8%;}
#g100 .box14 .a .img1{ }
#g100 .box14 .a .box{  left:0; top:3%; }
#g100 .box14 .s {line-height: 1.2;margin-top: 4%;}
#g100 .box14 .a .box14-1{ width:40%; left:0; top:47%; }
#g100 .box14 .a .box14-2{ width:40%; left:0; top:29%; }
#g100 .box14 .a .box14-3{ width:40%; left:0; top:33%; }

#g100 .box15{ margin:5% auto; }
#g100 .box15 .mt{text-align: center;margin-top: 3%}
#g100 .box15 .mt img{width: 60%;}
#g100 .box15 .mt1{width: 60%;display: flex;align-items:center;justify-content: space-between;margin: 5% auto}
#g100 .box15 .mt1 .flex-mt{width: 24%;text-align: center;border-right: 1px solid #5480c7}
#g100 .box15 .mt1 .flex-mt .blur{font-size: 1.6vw;line-height: 1.8}
#g100 .box15 .mt1 :last-child{border: none}
#g100 .box15 .box{ width:40%; left:32%; top:29%;text-align: center }
#g100 .box15 .box .s{padding-top: 4%}

#g100 .box16{ margin:5% auto; }
#g100 .box16 .box{  left:12%; top:23%;}
#g100 .box16 .box .big{font-weight: bold}
#g100 .box16 .box .s{line-height: 1.2;margin-top: 5%;}

#g100 .box17{ margin:5% auto; width: 70%}
#g100 .box17 .mt{overflow: hidden}
/*#g100 .box17 .mt .text1{width: 54%}*/
#g100 .box17 .mt .text2{width: 42.9%;margin-left: 3%}
#g100 .box17 .box{top:10%;left: 4%;}
#g100 .box17 .box .big{font-size: 2.2vw;font-weight: bold;line-height: 1.4;}
#g100 .box17 .box .s{line-height: 1.2;margin-top: 5%}
#g100 .box17 .mt1{margin-top: 3%}
#g100 .box17 .mt1 .box{left:4%}

#g100 .box18{ margin:6% auto;}
#g100 .box18 .box{left:16%;top:50%}
#g100 .box18 .box a{font-size: 2.8vw;color: black;text-decoration: none;font-weight: bold}

#g100 .box20{ margin:6% auto;width: 70%;color:#666666;line-height:1.4;font-size:1.2vw}