#note100{text-align: center;margin: 0 auto}
/*#note100 img {width: 100%;vertical-align: bottom;}*/
#note100 .big{ font-size: 3.8vw; line-height: 1.2;  transition:all 0.3s linear; }
.big sup{font-size: 1.6vw}
#note100 .middle{ font-size: 2vw; line-height: 1.2; margin: 1.5% auto 2% 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); }

#note100 .green{ color: #009cfd;font-weight: bold;font-size: 1.6vw;line-height: 1.2}
.blur{color: #5480c7}
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.textCenter{ text-align:center; }
.floatLeft{ float:left; }
#note100 .s{font-size: 1.0vw;line-height: 1.2;color:#000000; }
.white{color: white !important;}
.img_s{z-index: 2;}
.video{left:14%;top:8%;width: 71%;overflow: hidden}


#note100 .box1 .pa{top: 42%;left: 10%}
/*#note100 .box1 .pa .big{font-weight: bold}*/
#note100 .box1 .pa .middle{margin: 8% auto 0 auto;}

#note100 .box2{width: 73.125vw;margin: 0 auto;}
#note100 .box2 .one{display: flex;margin-top: 7.7083vw;flex-wrap: wrap;justify-content: space-between;row-gap: 1.0417vw; column-gap: 0.8854vw;}
#note100 .box2 .one .one_1{width: 17.5vw;}
#note100 .box2 .one .one_1 .pa{top: 1.0417vw;left: 1.0417vw}
#note100 .box2 .one .one_1 .pa .green{text-align: left}
#note100 .box2 .one .one_1 .pa .s{text-align: left;font-weight: 400;color: #000000}
#note100 .box2 .one .one_1 .pa .green_margin{margin-top: 6%}
#note100 .box2 .one .two_1{width: 36.04167vw;}
#note100 .box2 .one .two_1 .two_one .pa{top: 6.14583vw;left: 1.0417vw;text-align: left}
#note100 .box2 .one .two_1 .margin_top{margin-top: 0.8854vw}
#note100 .box2 .one .two_1 .margin_top .pa{top: 2.1354vw;width: 100%}
#note100 .box2 .one .two_1 .margin_top .pa .s{font-weight: 400;color: #000000}
#note100 .box2 .one .two_2{width: 17.5vw;}
#note100 .box2 .one .two_2 .two_one .pa{top: 1.875vw;left: 1.0417vw;text-align: left}
#note100 .box2 .one .two_2 .two_one .pa .s{font-weight: 400;color: #000000}
#note100 .box2 .one .two_2 .margin_top{margin-top: 0.8854vw}
#note100 .box2 .one .two_2 .margin_top .pa{top: 2.5vw;width: 100%;}
#note100 .box2 .one .two_3{width: 17.5vw;}
#note100 .box2 .one .two_3 .pa{top: 1.979vw;left: 1.0417vw;text-align: left}

#note100 .box3{margin-top:5%}
#note100 .box3 .box3_1 .pa{top:4%;}
#note100 .box3 .box3_1 .big{font-weight: bold;font-size: 5.4vw;width: 100%;letter-spacing: 0.1em;}

#note100 .box3 .box3_2 .one{top:3%;left: 22%}
#note100 .box3 .box3_2 .one .middle{font-weight: bold;font-size: 3vw}
#note100 .box3 .box3_2 .one .s{font-size: 1.8vw;color: #000000}
#note100 .box3 .box3_2 .two{top: 86%;left: 22%}
#note100 .box3 .box3_2 .two img{width: 56.1979vw}

#note100 .box4 .box4_1{width: 37.7083vw;margin: 5% auto 0 auto}
/*.box4 .box4_2{background-image: url("/new/Images/note100/overview/4_2.png");height: 900px;line-height: 900px}*/
/*.box4 .box4_2 img{vertical-align: middle;border-radius: 20px;}*/
#note100 .box5{background-image: url("/new/Images/note100/overview/4_2.png");background-repeat: no-repeat;background-size: 100% 100%;}
#note100 .box5 .box5_1{margin-top: 5%;color: #ffffff;}
#note100 .box5 .box5_1 img{width: 73.125vw}
#note100 .box5 .box5_1 .box5_1_1{left: 15%;top: 12%;text-align: left;}
#note100 .box5 .box5_1 .box5_1_1 .middle{font-size: 2.4vw;margin:0;line-height: 1.0}
#note100 .box5 .box5_1 .box5_1_1 .s_s{margin-top: 4%;}
#note100 .box5 .box5_1 .box5_1_1 .s_s .s{color: #ffffff}
#note100 .box5 .box5_1 .box5_1_2{left: 15%;top: 60%;text-align: left}
#note100 .box5 .box5_1 .box5_1_2 .middle{margin: 2% auto 0 auto;font-size: 1.8vw }
#note100 .box5 .swiper{width: 73.125vw;margin:2% auto 0 auto;}
#note100 .box5 .swiper-slide{overflow: hidden;}
#note100 .box5 .swiper-slide .pa{bottom: 6%;width: 35.833vw}
#note100 .box5 .swiper-slide .pa .s{color: #000000}
#note100 .box5 .swiper-slide .white .s{color: #ffffff}
#note100 .box5 .swiper-pagination-one {width: 90%;left: 52%;top: 94%;text-align: left;position:absolute;}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet{width: 10%; height:10%;border-radius:inherit; background-color:inherit; opacity:1;}
#note100 .box5 .swiper-pagination-bullet-active{ background-color:inherit; }
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet .lines{width: 60%;}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet .img1{background-image: url("/new/Images/note100/overview/5_1_1.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet-active .img1{background-image: url("/new/Images/note100/overview/5_1_2.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;background-size: 21px;}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet .img2{background-image: url("/new/Images/note100/overview/5_2_1.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet-active .img2{background-image: url("/new/Images/note100/overview/5_2_2.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;background-size: 21px;}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet .img3{background-image: url("/new/Images/note100/overview/5_3_1.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet-active .img3{background-image: url("/new/Images/note100/overview/5_3_2.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;background-size: 21px;}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet .img4{background-image: url("/new/Images/note100/overview/5_4_1.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center}
#note100 .box5 .swiper-pagination-one .swiper-pagination-bullet-active .img4{background-image: url("/new/Images/note100/overview/5_4_2.png");width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;background-size: 21px;}
#note100 .box5 .swiper-pagination-bullet .ul_ul{overflow: hidden;}
#note100 .box5 .swiper-pagination-bullet .texts{ margin-left: 5%; }
#note100 .box5 .swiper-pagination-bullet .texts .big{font-size:1.0vw; line-height:1.6vw;font-weight: bold}
#note100 .box5 .swiper-pagination-bullet .texts .s{font-size:1.0vw;line-height:1.2vw;color:#737373}
#note100 .box5 .swiper-pagination-bullet-active .texts{ opacity:1; }

#note100 .box6 .box6_1{width: 37.7083vw;margin: 8% auto 0 auto}
#note100 .box6 .box6_1 .pa{bottom: 10%;width: 100%}
#note100 .box6 .box6_1 .pa .middle{font-size:2.8vw;margin: 0;font-weight: bold}
#note100 .box6 .box6_2 .middle{margin: 0}
#note100 .box6 .box6_2 .box6_2_1{left: 13%;top:20%}
#note100 .box6 .box6_2 .box6_2_1 img{width: 73.125vw}
#note100 .box6 .box6_2 .box6_2_2{left: 13%;top:33%}
#note100 .box6 .box6_2 .box6_2_2 .middle{text-align: left;font-weight: bold}
#note100 .box6 .box6_2 .box6_2_3{left: 13%;top:49%}
#note100 .box6 .box6_2 .box6_2_3 .middle{text-align: left;font-weight: bold}
#note100 .box6 .box6_2 .box6_2_4{left: 81.1%;top:10%;}
#note100 .box6 .box6_2 .box6_2_4 .middle{text-align: right;font-weight: bold}
#note100 .box6 .box6_2 .box6_2_5{left: 80.7%;top:33%;}
#note100 .box6 .box6_2 .box6_2_5 .middle{text-align: right;font-weight: bold}

#note100 .box7{margin-top: 5%}
#note100 .box7 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;}
#note100 .box7 .s{font-size: 1.25vw;font-weight: 200;color: #000000}
#note100 .box7 .box7_1{margin-top: 5%}
#note100 .box7 .box7_1 img{width: 73.177vw}

#note100 .box8{margin-top: 4%}
#note100 .box8 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;}
#note100 .box8 .s{font-size: 1.25vw;font-weight: 200;color: #000000}
#note100 .box8 .box8_1{margin-top: 5%}

#note100 .box9{width: 75%;display: flex;margin: 5% auto 0 auto;align-items: center}
#note100 .box9 .box9_1{width: 32.6%;}
#note100 .box9 .box9_1 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;text-align: left}
#note100 .box9 .box9_1 .s{font-size: 1.25vw;font-weight: 400;color: #000000;text-align: left}
#note100 .box9 .box9_2{width: 67%}
#note100 .box9 .box9_3{width: 32.6%;}
#note100 .box9 .box9_3 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;text-align: right}
#note100 .box9 .box9_3 .s{font-size: 1.25vw;font-weight: 400;color: #000000;text-align: right}
#note100 .box9 .box9_4{width: 29.6%;}
#note100 .box9 .box9_4 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;text-align: left}
#note100 .box9 .box9_4 .s{font-size: 1.25vw;font-weight: 400;color: #000000;text-align: left}
#note100 .box9 .box9_5{width: 69.4%}
#note100 .box9 .box9_6{width: 100%}
#note100 .box9 .box9_6 img{width: 73.073vw;}
#note100 .box9 .box9_7{width: 53.6%;}
#note100 .box9 .box9_7 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;text-align: left}
#note100 .box9 .box9_7 .s{font-size: 1.25vw;font-weight: 400;color: #000000;text-align: left}
#note100 .box9 .box9_8{width: 46.4%}

#note100 .box10 {margin-top: 5%;}
#note100 .box10 .middle{font-weight: bold;margin: 0;font-size: 2.8vw;line-height: 1.8;}
#note100 .box10 .s{font-size: 1.25vw;font-weight: 400;color: #000000;}

#note100 .box11 {margin-top: 5%;}
#note100 .box11 .box11_1{width: 37.7083vw;margin: 0 auto}
#note100 .box11 .box11_2{margin-top: 5%;}
#note100 .box11 .box11_2 .pa{top:36%;left:58%}
#note100 .box11 .box11_2 .pa .middle{font-weight: bold;margin: 0;line-height: 1.2;text-align: left}
#note100 .box11 .box11_2 .pa .s_s{margin-top: 5%}
#note100 .box11 .box11_2 .pa .s{font-weight: 400;color: #000000;text-align: left;line-height: 1.4}

#note100 .box18 .box18_1{margin: 8% auto 8% auto;width: 37.7083vw}
#note100 .box18 .pa{width: 26%;top: 48%;left: 12%;}
#note100 .box18 .pa .middle{text-align: left;font-weight: bold}
#note100 .box18 .pa .s{text-align: left;line-height: 1.4}
#note100 .box18 .pa .msg_0 .s{margin-bottom: 12%}
#note100 .box18 .pa .msg_1{margin-top:6%;overflow: hidden}
#note100 .box18 .pa .msg_1 .middle{margin: 0}
#note100 .box18 .pa .msg_1 .s{width: 100%}
#note100 .box18 .pa .msg_1 .img_1{background-image: url("/new/Images/note100/overview/18_3.png");background-repeat: no-repeat;background-position: 0 0.573vw;background-size: 3.02vw 8.02vw;width: 4.323vw;height: 3.75vw}
#note100 .box18 .pa .msg_1 .img_2{background-image: url("/new/Images/note100/overview/18_3.png");background-repeat: no-repeat;background-position: 0 -5.15625vw;background-size: 3.02vw 8.02vw;width: 4.323vw;height: 3.75vw}

#note100 .box19{margin-top: 5%}
#note100 .box19 .box19_1{width: 37.7083vw;margin: 0 auto}
#note100 .box19 .box19_2{margin: 5% auto 0 auto;background-image: url("/new/Images/note100/overview/19_2.png"); background-repeat: no-repeat;width: 100%;background-size: 100% 100%;/*width: 1629px;height: 916px*/}
#note100 .box19 .box19_2 .middle{font-weight: bold;margin:0;font-size: 2.8vw;padding-top: 4%;line-height: 1.2}
#note100 .box19 .box19_2 .s{font-size: 1.25vw;font-weight: 400;color: #000000;}
#note100 .box19 .box19_2 .s_s{padding-top: 18%}

#note100 .box20{margin-top: 5%}
#note100 .box20 .pa{top: 5%;left: 18%}
#note100 .box20 .pa .middle{font-weight: bold;margin:0;font-size: 2.8vw;line-height: 1.8}
#note100 .box20 .pa .s{font-size: 1.25vw;font-weight: 400;color: #000000;}

#note100 .box21 .box21_1 .pa{top: 40%;left: 13%}
#note100 .box21 .box21_1 .pa .middle{font-weight: bold;margin:0;font-size: 2.8vw;line-height: 1.4;text-align: left}
#note100 .box21 .box21_1 .pa .s{font-size: 1.25vw;font-weight: 400;color: #000000;text-align: left}
#note100 .box21 .box21_2 .pa{top: 40%;left: 63%}
#note100 .box21 .box21_2 .pa .middle{font-weight: bold;margin:0;font-size: 2.8vw;line-height: 1.4;text-align: left}
#note100 .box21 .box21_2 .pa .s{font-size: 1.25vw;font-weight: 400;color: #000000;text-align: left}

#note100 .box22 .pa{top: 50%;left: 13%}
#note100 .box22 a{font-weight: bold;margin:0;font-size: 2.8vw;line-height: 1.4;text-align: left;color: #000000;text-decoration: none}