#hello{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 9999999; color: #ffffff;  text-align: center; }
#hello .texts{position: absolute;top: 50%; left: 0; width: 100%;font-size: 40px; line-height: 42px;}
#note100a{text-align: center;margin: 0 auto}

#note100a .big{ font-size: 3.8vw; line-height: 1.2;  transition:all 0.3s linear; }
.big sup{font-size: 1.6vw}
#note100a .middle{ font-size: 2vw; line-height: 1.2;   font-weight: bold}
#note100a .small{ font-size: 1.2vw; line-height: 1.2;  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); }
#note100a .green{ color: #009cfd;font-weight: bold;font-size: 1.4vw;line-height: 1.2}
#note100a .blur{color: #5480c7}
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.textCenter{ text-align:center; }
.floatLeft{ float:left; }
#note100a .s{font-size: 1.0vw;line-height: 1.2;color:#000000; }
.white{color: white !important;}
.img_s{z-index: 2;left:0;width: 100%}
.video{width: 75%;overflow: hidden;margin: 6% auto 0 auto}
.marginTop{margin-top: 3%;}


#note100a .box1{}
/*#note100 .box1 .pa .big{font-weight: bold}*/
#note100a .box1 .pa{top:50%;right:5%}
#note100a .box1 .pa .middle{font-weight: normal;line-height: 1.6}

#note100a .box2{background-image: url("/new/Images/note100a/overflow/2.webp");background-repeat: no-repeat;background-size: 100% 100%;}
#note100a .box2 .flex{display: flex;align-content: space-between;flex-wrap: wrap;width: 74%;margin: 0 auto;padding-top: 5%;padding-bottom: 5%}
#note100a .box2 .box2_1{width: 24.2%;}
#note100a .box2 .box2_1:not(:first-child){margin-left: 1%}
#note100a .box2 .box2_1 .pa{left:5%;top:5%;text-align: left}
#note100a .box2 .box2_2{width: 49.4%;margin-top: 1%}
#note100a .box2 .box2_2 .one .pa{top:35%;left: 5%;text-align: left}
#note100a .box2 .box2_2 .two{margin-top: 2.5%}
#note100a .box2 .box2_2 .two .pa{top:31%;width: 100%}
#note100a .box2 .box2_3{width: 24.2%;margin-left: 1%;margin-top: 1%}
#note100a .box2 .box2_3 .one .pa{top:5%;left: 5%;text-align: left}
#note100a .box2 .box2_3 .two{margin-top: 5%}
#note100a .box2 .box2_3 .two .pa{top:30%;width: 100%;left: 1%}
#note100a .box2 .box2_4{width: 24.2%;margin-left: 1%;margin-top: 1%}
#note100a .box2 .box2_4 .pa{top:5%;left: 5%;text-align: left}

#note100a .box3 .pa{top:18%;width: 100%;}
#note100a .box3 .pa .middle{font-size: 5.6vw;letter-spacing: 0.1em;font-weight: bold}
/*#note100a .box3_2{background-image: url("/new/Images/note1005g/overflow/3.webp");background-repeat: no-repeat;background-size: 100% 100%;}
#note100a .box3_2 .box{width: 46%;padding:5% 0 5% 0;margin-left: 18%;text-align: left}
#note100a .box3_2 .s{margin-top: 3%;font-size: 2vw;}
#note100a .box3_2 .green{ color: #009cfd;font-weight: bold;font-size: 4vw;line-height: 1.2}*/
#note100a .box4{background-image: url("/new/Images/note100a/overflow/4.webp");background-repeat: no-repeat;background-size: 100% 100%;}
#note100a .box4 .box4_1 .middle{line-height: 1.6;padding-top: 2%}
#note100a .box4 .box4_1 .s{line-height: 1.3}
#note100a .box4 .box4_2{margin-top: 4%}
#note100a .box4 .box4_2 .pa{bottom: 10%;width: 100%;}
#note100a .box4 .box4_2 .pa .flex{display: flex;align-content: space-between;flex-wrap: wrap;align-items: center;width: 66%;margin: 0 auto}
#note100a .box4 .box4_2 .pa .mts{width: 28%;margin: 0 auto;display: flex;align-content: space-between;flex-wrap: wrap;align-items: center;}
#note100a .box4 .box4_2 .pa .mts .mts_1{width: 35%}
#note100a .box4 .box4_2 .pa .mts .mts_1 img{width: 76%}
#note100a .box4 .box4_2 .pa .mts .mts_2{text-align: left;width: 65%}
#note100a .box4 .box4_2 .pa .mts .mts_2 .middle{font-size: 1.8vw}

#note100a .box5{margin-top: 5%}
#note100a .box5 .box5_1 img{width: 38%}
#note100a .box5 .box5_2{width: 75%;margin: 0 auto}
#note100a .box5 .box5_2 .pa{left:58%;top:36%;text-align: left}
#note100a .box5 .box5_2 .pa>:nth-child(3){margin-top: 5%}
#note100a .box5 .box5_3{margin-top: 3%}
#note100a .box5 .box5_3 .one{top:32%;left:20%}
#note100a .box5 .box5_3 .one :nth-child(4){margin-top: 10%}
#note100a .box5 .box5_3 .two{top:32%;right:20%}
#note100a .box5 .box5_3 .two :nth-child(4){margin-top: 12%}
#note100a .box5 .box5_3 .middle{font-size: 3vw;line-height: 1}
#note100a .box5 .box5_3 .s{line-height: 1.6;font-size: 1.2vw}

#note100a .box8 {margin-top: 5%}
#note100a .box8 .swiper{margin: 0 auto;width: 74%}
#note100a .box8 .swiper-slide{overflow: hidden;}
#note100a .box8 .swiper-slide-active{width: 100.5% !important;}
#note100a .box8 .swiper-slide .mt1{width: 49%;float: left;text-align: right;padding-right: 0.5%}
#note100a .box8 .swiper-slide .mt2{width: 49%;float: left;margin-left: 1%;text-align: left}
#note100a .box8 .swiper-slide .pa{bottom:4%;width: 100%;text-align: center}
#note100a .box8 .swiper-slide .pa .s{color: #000000}
#note100a .box8 .swiper-slide .white .s{color: #ffffff}
#note100a .box8 .swiper-pagination-one {width: 90%;left: 52%;top: 90%;text-align: left;position:absolute;}
#note100a .box8 .swiper-pagination-one .swiper-pagination-bullet{width: 10%; height:10%;border-radius:inherit; background-color:inherit; opacity:1;}
#note100a .box8 .swiper-pagination-bullet-active{ background-color:inherit; }
#note100a .box8 .swiper-pagination-one .swiper-pagination-bullet .lines{width: 60%;}
#note100a .box8 .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}
#note100a .box8 .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;}
#note100a .box8 .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}
#note100a .box8 .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;}
#note100a .box8 .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}
#note100a .box8 .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;}
#note100a .box8 .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}
#note100a .box8 .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;}
#note100a .box8 .swiper-pagination-bullet .ul_ul{overflow: hidden;}
#note100a .box8 .swiper-pagination-bullet .texts{ margin-left: 5%; }
#note100a .box8 .swiper-pagination-bullet .texts .big{font-size:1.0vw; line-height:1.6vw;font-weight: bold}
#note100a .box8 .swiper-pagination-bullet .texts .s{font-size:1.0vw;line-height:1.2vw;color:#737373}
#note100a .box8 .swiper-pagination-bullet-active .texts{ opacity:1; }

#note100a .box6 {margin-top: 5%}
#note100a .box6 .box6_1 img{width: 38%}
#note100a .box6 .box6_2{width: 86%;margin: 5% auto 0 auto}
#note100a .box6 .box6_2 .one{top:5%;width: 100%}
#note100a .box6 .box6_2 .one .middle{font-size: 2.1vw}
#note100a .box6 .box6_2 .one :nth-child(2){margin-top: 1%}
#note100a .box6 .box6_2 .two{bottom:12%;width: 100%}
#note100a .box6 .box6_2 .two img{width: 94%}
#note100a .box6 .box6_3{margin-top: 5%}
#note100a .box6 .box6_3 img{width: 38%}
#note100a .box6 .box6_4{padding-top: 5%}
#note100a .box6 .box6_4 .pa{top:42%;right:20%;text-align: left}
#note100a .box6 .box6_4 .pa .middle{font-size: 2.1vw}
#note100a .box6 .box6_4 .pa :nth-child(3){margin-top: 5%}

#note100a .box7{margin-top: 5%}
#note100a .box7 .box7_2 img{width: 38%}
#note100a .box7 .box7_1{width: 88%;margin: 5% auto 0 auto}
#note100a .box7 .box7_1 .pa{top:20%;left:6%;text-align: left}
#note100a .box7 .box7_1 .pa .msg_0 .s{margin-top: 5%}
#note100a .box7 .box7_1 .pa .msg_1{margin-top: 15%;display: flex;flex-wrap: wrap;align-items: center;align-content: space-between}
#note100a .box7 .box7_1 .pa .msg_1 .img_2{margin-left: 3%}
#note100a .box7 .box7_1 .pa .msg_1 .middle{font-size: 1.6vw}

#note100a .box9{margin-top: 10%}
#note100a .box9 .box9_2 img{width: 38%}
#note100a .box9 .box9_1{margin-top: 5%}
#note100a .box9 .box9_1 .one{left: 13%;top:22%}
#note100a .box9 .box9_1 .two{left: 13%;top:35%;text-align: left}
#note100a .box9 .box9_1 .three{left: 13%;top:51%;text-align: left}
#note100a .box9 .box9_1 .four{right: 13.2%;top:14%;text-align: right}
#note100a .box9 .box9_1 .five{right: 13.2%;top:35%;text-align: right}

#note100a .box10{margin-top: 5%}
#note100a .box10 .middle{font-size: 2.8vw;line-height: 1.8}
#note100a .box10 .s{font-size: 1.25vw; }
#note100a .box10 img{margin-top: 5%}


#note100a .box11{margin-top: 5%}
#note100a .box11 .middle{font-size: 2.8vw;line-height: 1.8}
#note100a .box11 .s{font-size: 1.25vw; }
#note100a .box11 img{margin-top: 5%}
#note100a .box11 .pa{width: 100%;top:26%}
#note100a .box11 .pa img{width: 49.5%}

#note100a .box12{margin: 5% auto 0 auto;width: 75%;display: flex;flex-wrap: wrap;align-items: center;align-content: space-between}
#note100a .box12 .box12_1{width: 30%;text-align: left}
#note100a .box12 .box12_2{width: 70%;text-align: right}
#note100a .box12 .middle{font-size: 2.8vw;line-height: 1.4}
#note100a .box12 .s{font-size: 1.2vw}
#note100a .box12 .box12_3{width: 70%;text-align: left;margin-top: 5%}
#note100a .box12 .box12_4{width: 30%;text-align: right;margin-top: 5%}
#note100a .box12 .box12_5{width: 30%;text-align: left;margin-top: 5%}
#note100a .box12 .box12_6{width: 70%;display: flex;align-content: space-between;margin-top: 5%}
#note100a .box12 .box12_6 .img1{width: 49%}
#note100a .box12 .box12_6 .img2{width:49%;margin-left: 2%}
#note100a .box12 .box12_7{width: 100%;margin-top: 5%}
#note100a .box12 .box12_7 img{width: 100%}
#note100a .box12 .box12_8{width: 55%;text-align: left;margin-top: 5%}
#note100a .box12 .box12_9{width: 45%;text-align: right;margin-top: 5%}

#note100a .box13{width: 75%;margin: 6% auto 0 auto }
#note100a .box13 .middle{font-size: 2.8vw;line-height: 1.4}
#note100a .box13 .s{font-size: 1.4vw}



#note100a .box16{margin: 5% auto 0 auto;width: 88%}
#note100a .box16 .box16_1{margin-top: 5%}
#note100a .box16 .box16_1 .one{width: 100%;top:8%}
#note100a .box16 .box16_1 .one .middle{font-size: 2.8vw}
#note100a .box16 .box16_1 .one .s{font-size: 1.4vw}
#note100a .box16 .box16_1 .one :nth-child(2){margin-top: 1%}
#note100a .box16 .box16_1 .two{bottom:4%;width: 100%}

#note100a .box17{margin-top:5%}
#note100a .box17 .pa{top:6%;width: 100%}
#note100a .box17 .pa :nth-child(2){margin-top: 2%}
#note100a .box17 .middle{font-size: 2.8vw}
#note100a .box17 .s{font-size: 1.4vw}

#note100a .box18 {display: flex;align-content: space-between;flex-wrap: wrap;align-items: center;}
#note100a .box18 .box18_1{width: 50%}
#note100a .box18 .box18_2{width: 50%;}
#note100a .box18 .middle{font-size: 2.8vw;width: 52%;margin: 0 auto;text-align: left}
#note100a .box18 .s{font-size: 1.4vw;width: 52%;margin: 0 auto;text-align: left}

/*#note100a .box19 .one{top:11%;width: 100%}
#note100a .box19 .one .middle{font-size: 2.8vw;}
#note100a .box19 .one .s{font-size: 1.4vw;line-height: 2}
#note100a .box19 .two{left:10%;top:56%;text-align: left}
#note100a .box19 .two :nth-child(3){margin-top: 5%}
#note100a .box19 .two .middle{font-size: 2.8vw;}
#note100a .box19 .two .s{font-size: 1.4vw;}
#note100a .box19 .three{bottom: 0;left: 42%;z-index: 2}
#note100a .box19 .four{bottom: 0;left: 63%}*/
#note100a .box20 .pa{left:10%;top:50%}
#note100a .box20 a{font-weight: bold;margin:0;font-size: 2.8vw;line-height: 1.4;text-align: left;color: #000000;text-decoration: none}