.people-counting{font-size:16px;}
.people-counting .w-container{width:92.875em;margin:0 auto;}
.people-counting h2{font-size:2.8125em;font-weight:bold;line-height:1.22222222;color:#36444b;}
.people-counting h3{font-size:1.875em;font-weight:500;line-height:1.4;}
.people-counting h4{font-size:1.5em;font-weight:500;}
.people-counting p{font-size:1.5em;line-height:1.4583333;}
.people-counting .m-show{display:none;}
@media (max-width:1800px){
  .people-counting{font-size:15px;}
}
@media (max-width:1680px){
  .people-counting{font-size:14px;}
}
@media (max-width:1560px){
  .people-counting{font-size:13px;}
}
@media (max-width:1440px){
  .people-counting{font-size:12px;}
}
@media (max-width:736px){
  .people-counting{font-size:10.35px;}
  .people-counting .w-container{width:auto;}
  .people-counting h2{font-size:2em;}
  .people-counting h3{font-size:1.5em;line-height:1.33333;}
  .people-counting h4{font-size:1.25em;line-height:1.33333;}
  .people-counting p{font-size:1.25em;}
  .people-counting .m-show{display:block;}
}

.people-counting .banner{background:url(../jpg/banner.jpg) 50% 0 no-repeat;background-size:120em;height:45.75em;margin-bottom:1em;}
.people-counting .banner .box{padding:17em 50% 0 0;color:#fff;}
.people-counting .banner h1{font-size:3em;font-weight:bold;}
.people-counting .banner p{font-size:1.25em;}
@media (max-width:736px){
  .people-counting .banner{background:url(../jpg/banner-2.jpg) 50% 0 no-repeat;background-size:100%;height:140vw;margin:0;}
  .people-counting .banner .box{padding:22% 0 0;text-align:center;}
  .people-counting .banner h1{font-size:2.25em;}
}

.people-counting .nav{position:sticky;top:0;left:0;right:0;border-bottom:1px solid #c0c0c0;background:#fff;z-index:2;}
.people-counting .nav ul{display:flex;justify-content:space-between;}
.people-counting .nav a{font-size:1.5em;color:#b5b5b6;padding:0.5em 1em;text-decoration:none;display:block;position:relative;font-weight:500;}
.people-counting .nav a.active{color:#36444b;}
.people-counting .nav a.active:after{content:'';display:block;position:absolute;bottom:-1px;left:0;right:0;height:3px;background:currentColor;}
@media (max-width:736px){
  .people-counting .nav{display:none;}
}

.people-counting .a{padding:4em 0;text-align:center;}
.people-counting .a h2{margin-bottom:0.5em;}
.people-counting .a .w-container{max-width:78em;}
@media (max-width:736px){
  .people-counting .a{text-align:left;padding:3em 0;}
  .people-counting .a .text{padding:0 20px;}
}

.people-counting .b{background:#f9f9f9;padding:4em 0 5em;text-align:center;}
.people-counting .b h2{margin-bottom:0.5em;}
@media (max-width:736px){
  .people-counting .b{padding:3em 0;text-align:left;}
  .people-counting .b h3{margin-bottom:0.5em;}
  .people-counting .b .w-container>h2,
  .people-counting .b .w-container>h3,
  .people-counting .b .w-container>h4,
  .people-counting .b .w-container>p{padding:0 20px;}
}

.people-counting .b .box1{width:62.5em;margin:4em auto;}
.people-counting .b .box1 .img{background:url(../png/a.png) 50% 0 no-repeat;background-size:100%;height:0;padding-top:58.2%;position:relative;}
.people-counting .b .box1 .img p{font-size:1.25em;font-weight:bold;}
.people-counting .b .box1 .box1-1{position:absolute;top:47%;left:30%;width:40.5%;}
.people-counting .b .box1 .box1-2{position:absolute;top:64%;left:0%;width:14%;}
.people-counting .b .box1 .box1-3{position:absolute;top:64%;left:30.5%;width:14%;}
.people-counting .b .box1 .box1-4{position:absolute;top:64%;left:59.5%;width:14%;}
.people-counting .b .box1 .box1-5{position:absolute;top:64%;left:90.5%;width:20%;text-align:left;}
.people-counting .b .box1 .box1-5 span,
.people-counting .b .box1 .box1-6{color:#4acbd6;}
@media (max-width:736px){
  .people-counting .b .box1{margin:2em auto 4em;width:86%;}
  .people-counting .b .box1 .img p{font-size:2.5vw;text-align:center;}
  .people-counting .b .box1 .box1-5{left:84%;}
  .people-counting .b .box1 .box1-5 span{display:none;}
}

.people-counting .b .box2{display:flex;justify-content:space-between;gap:10px;margin-top:2em;}
.people-counting .b .box2-1{width:50%;flex:1;background:#eff0f0;border-radius:1em;}
.people-counting .b .box2-1 .detail{padding:2em 4em 1em;text-align:left;}
.people-counting .b .box2-1 img{width:100%;}
@media (max-width:736px){
  .people-counting .b .box2{flex-direction:column;}
  .people-counting .b .box2 h4{margin-bottom:0.5em;}
  .people-counting .b .box2-1{width:90%;margin:0 auto;}
  .people-counting .b .box2-1 .detail{padding:2em 20px 1em;}
  .people-counting .b .box2-1 p{font-size:1em;}
}

.people-counting .b .box3 ul{display:flex;justify-content:space-between;gap:5px;margin-top:2em;}
.people-counting .b .box3 li{width:20%;flex:1;}
.people-counting .b .box3 li img{width:100%;}
.people-counting .b .box3 li p{font-weight:400;max-width:95%;margin:0 auto;padding:0.25em 0;line-height:1.25;}
@media (max-width:736px){
  .people-counting .b .box3{padding:0 20px;}
  .people-counting .b .box3 ul{flex-wrap:wrap;gap:5px;}
  .people-counting .b .box3 li{width:calc(50% - 5px);flex:none;margin-bottom:1em;}
  .people-counting .b .box3 li p{margin:0;font-size:1em;text-align:center;max-width:none;}
}

.people-counting .b .box4{display:flex;}
.people-counting .b .box4 h3{margin-bottom:0.5em;}
.people-counting .b .box4 .note{font-weight:bold;color:red;}
.people-counting .b .box4-1,
.people-counting .b .box4-2{width:50%;flex:1;position:relative;}
.people-counting .b .box4-1{display:flex;align-items:center;}
.people-counting .b .box4-1 .box{padding:2em;text-align:left;}
.people-counting .b .box4-2 img{width:100%;}
.people-counting .b .box4-2-1{position:absolute;top:8%;left:23%;width:10%;font-weight:bold;}
.people-counting .b .box4-2-2{position:absolute;top:11%;left:72%;width:10%;font-weight:bold;color:#8e8e8e;}
.people-counting .b .box4-2-3{position:absolute;top:71%;left:7%;width:44%;font-size:0.9em;}
.people-counting .b .box4-2-3 strong{color:#36444b;}
.people-counting .b .box4-2-4{position:absolute;top:71%;left:56%;width:44%;font-size:0.9em;color:#8e8e8e;}
@media (max-width:736px){
  .people-counting .b .box4{flex-direction:column;}
  .people-counting .b .box4-1{width:100%;}
  .people-counting .b .box4-2{width:90%;margin:0 auto;}
  .people-counting .b .box4-1 .box{padding:2em 20px 2em;}
  .people-counting .b .box4-2-1{font-size:3vw;text-align:center;}
  .people-counting .b .box4-2-2{font-size:3vw;text-align:center;}
  .people-counting .b .box4-2-3{font-size:2vw;text-align:center;}
  .people-counting .b .box4-2-4{font-size:2vw;text-align:center;}
}

.people-counting .b .box5{display:flex;}
.people-counting .b .box5 h3{margin-bottom:0.5em;}
.people-counting .b .box5 .note{font-weight:bold;color:red;}
.people-counting .b .box5-1,
.people-counting .b .box5-2{width:50%;flex:1;position:relative;}
.people-counting .b .box5-2{display:flex;align-items:center;}
.people-counting .b .box5-2 .box{padding:2em 4em;text-align:left;}
.people-counting .b .box5-1 img{width:100%;}
.people-counting .b .box5-1-1{position:absolute;top:10%;left:5%;color:#36444b;font-weight:500;text-decoration:underline;}
@media (max-width:736px){
  .people-counting .b .box5{flex-direction:column-reverse;}
  .people-counting .b .box5-1{width:90%;margin:0 auto;}
  .people-counting .b .box5-2{width:100%;}
  .people-counting .b .box5-2 .box{padding:2em 20px 2em;}
}

.people-counting .b .box6{margin:3em auto 5em;width:55.875em;}
.people-counting .b .box6 .img{height:0;position:relative;padding-top:45.134%;background:url(../png/e-5.png) 50% 0 no-repeat;background-size:100%;}
.people-counting .b .box6 .img p{text-align:left;line-height:1.25;font-size:1.25em;font-weight:400;}
.people-counting .b .box6 .img p.title{color:#005564;margin-bottom:0.25em;font-weight:700;}
.people-counting .b .box6-1{position:absolute;top:20%;right:100%;width:15em;}
.people-counting .b .box6-2{position:absolute;top:56%;right:100%;width:15em;}
.people-counting .b .box6-3{position:absolute;top:73%;right:100%;width:15em;}
.people-counting .b .box6-4{position:absolute;top:53%;left:99%;width:15em;}
@media (max-width:736px){
  .people-counting .b .box6{width:100%;margin:2em auto;}
  .people-counting .b .box6 .img{background:url(../jpg/e.jpg) 50% 0 no-repeat;background-size:100%;padding-top:66.3%;}
  .people-counting .b .box6-1{top:-3%;right:auto;left:12vw;width:18em;font-size:2vw;}
  .people-counting .b .box6-2{top:75%;right:auto;left:4vw;width:13em;font-size:2vw;}
  .people-counting .b .box6-3{top:75%;right:auto;left:32vw;width:12em;font-size:2vw;}
  .people-counting .b .box6-4{top:61%;right:auto;left:79vw;width:10em;font-size:2vw;}
}

.people-counting .b .box7{text-align:left;display:flex;justify-content:space-between;}
.people-counting .b .box7 h3{margin-bottom:0.25em;}
.people-counting .b .box7 li{font-size:1.5em;}
.people-counting .b .box7-1{width:46%;}
.people-counting .b .box7-3{margin-top:2em;}
@media (max-width:736px){
  .people-counting .b .box7{display:block;}
  .people-counting .b .box7 li{font-size:1.25em;}
  .people-counting .b .box7-1{width:auto;padding:0 20px;}
  .people-counting .b .box7-1+.box7-1{margin-top:2em;}
}

.people-counting .c{padding:4em 0;}
.people-counting .c h2{text-align:center;max-width:27em;margin:0 auto 1em;}
.people-counting .c ul.funcs{display:flex;justify-content:space-between;gap:10px;}
.people-counting .c ul.funcs li{display:flex;gap:10px;}
.people-counting .c ul.funcs li .icon{width:3.125em;flex:none;}
.people-counting .c ul.funcs li .icon img{width:100%;}
.people-counting .c ul.funcs li p{font-size:1.25em;font-weight:500;}
.people-counting .c .box{margin-top:2em;display:flex;justify-content:space-between;gap:40px;}
.people-counting .c .box .c1,
.people-counting .c .box .c2{width:50%;}
.people-counting .c .box img{width:100%;}
.people-counting .c .box .title{font-size:1.875em;font-weight:500;margin:0.5em 0;}
.people-counting .c .box ul{padding-left:2em;}
.people-counting .c .box li{list-style-type:disc;font-size:1.5em;}
@media (max-width:736px){
  .people-counting .c{padding:3em 0;}
  .people-counting .c h2{text-align:left;padding:0 20px;}
  .people-counting .c ul.funcs{padding:0 20px;gap:0;flex-wrap:wrap;}
  .people-counting .c ul.funcs li{width:50%;margin:0 0 1em;}
  .people-counting .c ul.funcs li p{font-size:1em;}
  .people-counting .c ul.funcs li.c2 p br{display:none;}
  .people-counting .c .box{margin:0;padding:0 20px;flex-direction:column;}
  .people-counting .c .box .c1,
  .people-counting .c .box .c2{width:100%;}
  .people-counting .c .box .title{font-size:1.5em;}
  .people-counting .c .box li{font-size:1em;}
}

.people-counting .d{padding:4em 0 5em;}
.people-counting .d h2{text-align:center;margin-bottom:1em;}
.people-counting .d .btn-box{text-align:center;}
.people-counting .d .btn-box a{display:inline-block;margin:0 1em;border:1px solid currentColor;border-radius:6px;padding:0.25em 1em;color:#4acbd6;font-weight:500;}
.people-counting .d h3{text-align:center;margin:3em 0 1.5em;}
@media (max-width:736px){
  .people-counting .d{padding:3em 0;}
  .people-counting .d h2{text-align:left;padding:0 20px;}
  .people-counting .d .btn-box a{font-size:12px;margin:0;}
  .people-counting .d .btn-box a+a{margin-left:0.5em;}
  .people-counting .d h3{margin:1.5em 0 0.75em;text-align:left;padding:0 20px;}
}

.people-counting .d img{width:100%;}
.people-counting .d .box1{display:flex;justify-content:space-between;gap:20px;}
.people-counting .d .box1 .img{width:40%;max-width:15.625em;flex:none;}
.people-counting .d .box1 .detail{width:52%;font-weight:400;}
.people-counting .d .box1-container{padding:2em 3em;width:50%;flex:1;background:#fafafa;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.people-counting .d .box1 .model{color:#4acbd6;margin-top:1em;font-size:1.25em;font-weight:bold;}
.people-counting .d .box1 .model>a{color:inherit;}
@media (max-width:736px){
  .people-counting .d .box1{padding:0 20px;gap:10px;}
  .people-counting .d .box1-container{display:block;padding:1em;}
  .people-counting .d .box1 .img{width:100%;}
  .people-counting .d .box1 .detail{width:100%;}
  .people-counting .d .box1 p{font-size:0.85em;}
  .people-counting .d .box1 .model{font-size:1em;}
}

.people-counting .d .box2{display:flex;justify-content:space-between;gap:20px;}
.people-counting .d .box2-container{padding:2em 2em;width:33.33%;flex:1;background:#fafafa;border-radius:6px;}
.people-counting .d .box2 .title{font-weight:400;}
.people-counting .d .box2 .model{color:#4acbd6;margin-top:1em;font-size:1.25em;font-weight:bold;}
.people-counting .d .box2 .model>a{color:inherit;}
@media (max-width:736px){
  .people-counting .d .box2{gap:10px;padding:0 20px;flex-wrap:wrap;}
  .people-counting .d .box2-container{width:calc(50% - 5px);flex:none;box-sizing:border-box;padding:1em;}
  .people-counting .d .box2 .title{font-size:0.85em;}
  .people-counting .d .box2 .model{font-size:1em;}
}

.people-counting .d .box3{display:flex;justify-content:space-between;gap:20px;}
.people-counting .d .box3-container{padding:2em 2em;width:33.33%;flex:1;}
.people-counting .d .box3 p{font-weight:300;}
.people-counting .d .box3 .title{font-weight:500;margin-bottom:0.25em;}
@media (max-width:736px){
  .people-counting .d .box3{gap:10px;padding:0 20px;flex-wrap:wrap;}
  .people-counting .d .box3-container{width:100%;flex:none;box-sizing:border-box;padding:1em;}
  .people-counting .d .box3 p.desc{font-size:1em;}
}

.people-counting section.note{padding:3em 0 5em;}
.people-counting section.note .text{padding:0 2em;}
.people-counting section.note p{font-size:1em;font-weight:300;}
@media (max-width:736px){
  .people-counting section.note .text{padding:0 20px;}
}

@media (min-width:1921px){
  .people-counting{font-size:0.833333333vw;}
}
@media (max-width:1440px){
  .people-counting{font-size:14px;}
}