@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;500;700;900&family=Roboto:wght@100;500&display=swap");

.s1 {
    margin-bottom: 50px
}

.s2 {
    margin-bottom: 100px
}

@media (max-width:767px) {
    .s2 {
        margin-bottom: 50px
    }
}

.s2 .imgwrap {
    overflow-x: auto
}

    .s2 .imgwrap img {
        max-width: 1168px
    }

.s3 {
    margin-bottom: 30px
}

    .s3 .container {
        overflow-x: auto
    }

    .s3 .stitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 45px
    }

        .s3 .stitle span {
            margin-right: 45px
        }

    .s3 .bar-info {
        color: black;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .s3 .bar-info li {
            position: relative;
            padding-left: 25px
        }

            .s3 .bar-info li:before {
                content: "";
                width: 18px;
                height: 18px;
                border-radius: 50%;
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .s3 .bar-info li:first-child {
                margin-right: 45px
            }

                .s3 .bar-info li:first-child:before {
                    background-color: #a186be
                }

            .s3 .bar-info li:nth-child(2) {
                margin-right: 45px
            }

                .s3 .bar-info li:nth-child(2):before {
                    background-color: #2F5597
                }

            .s3 .bar-info li:nth-child(3) {
                margin-right: 45px
            }

                .s3 .bar-info li:nth-child(3):before {
                    background-color: #57b2e6
                }

            .s3 .bar-info li:nth-child(4):before {
                background-color: #efa729
            }
            
    .s3 .wrap {
        width: 1168px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-color: #eafffe;
        border-radius: 15px;
        padding: 35px
    }

        .s3 .wrap .left {
            width: 75%
        }

        .s3 .wrap .right {
            width: 24%
        }

    .s3 .bar-chart {
        position: relative
    }

        .s3 .bar-chart .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .s3 .bar-chart:before {
            content: "合計";
            color: #efa729;
            position: absolute;
            bottom: 38px;
            left: -20px;
            font-size: 0.875rem
        }

    .s3 .bar-detail {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }

        .s3 .bar-detail ul {
            width: 250px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly
        }

        .s3 .bar-detail .total {
            color: #efa729;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 0px
        }

        .s3 .bar-detail .bars {
            position: relative;
            -webkit-box-flex: 2;
            -ms-flex-positive: 2;
            flex-grow: 2
        }

            .s3 .bar-detail .bars li {
                text-align: center
            }

                .s3 .bar-detail .bars li div {
                    position: relative
                }


                    .s3 .bar-detail .bars li div:first-child:after {
                        content: "";
                        display: block;
                        width: 58px;
                        height: 10px;
                        position: relative;
                        /*left: 50%;*/
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                        border-radius: 35px 35px 0 0;
                        z-index: 1;
                        /*margin-bottom: -64px;*/
                    }

        .s3 .bar-detail .firstbar li div:first-child:after {
            content: "";
            display: block;
            width: 58px;
            height: 10px;
            position: relative;
            /*left: 50%;*/
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            border-radius: 35px 35px 0 0;
            z-index: 1;
            margin-bottom: -64px;
        }

        .s3 .bar-detail .bars li div:nth-child(2):after {
            content: "";
            display: block;
            width: 58px;
            height: 10px;
            position: relative;
            /*left: 50%;*/
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            border-radius: 35px 35px 0 0;
            z-index: 2
        }

        .s3 .bar-detail .bars li div:last-child {
            position: absolute;
            bottom: 0
        }

            .s3 .bar-detail .bars li div:last-child:after {
                content: "";
                display: block;
                width: 58px;
                height: 10px;
                position: absolute;
                bottom: 0;
                border-radius: 35px 35px 0 0;
                z-index: 3
            }

        .s3 .bar-detail .bars li div span {
            position: relative;
            z-index: 6
        }

        .s3 .bar-detail .bars li div.purple {
            color: #5c3884
        }

            .s3 .bar-detail .bars li div.purple:after {
                background-color: #a186be
            }

        .s3 .bar-detail .bars li div.blue {
            color: #42687d
        }

    .s3 .left10 {
        left: 3px;
    }

    .s3 .bar-detail .bars li div.blue:after {
        background-color: #57b2e6
    }

    .s3 .bar-detail .bars li div.darkblue {
        color: black
    }

        .s3 .bar-detail .bars li div.darkblue:after {
            background-color: #2F5597
        }

    .s3 .bar-detail .bars li div i {
        display: block;
        width: 58px;
        height: 3px;
        background-color: #57b2e6
    }

    .s3 .bar-detail .line {
        padding-top: 10px;
        border-top: 1px solid #183b75;
        color: black;
        font-size: 1rem;
        font-weight: 500;
        text-align: center
    }

    .s3 .bar-detail .greytxt {
        font-size: 1.125rem;
        color: #1a3c76;
        text-align: center;
        margin-top: 10px
    }

    .s3 .form-detail {
        background-color: #fcd646;
        border-radius: 15px;
        padding: 5px 15px 15px 15px;
        margin-bottom: 36px;
        width: 111%;
    }

    .s3 .form-title {
        font-size: 1.125rem;
        color: #1a3c76;
        margin-bottom: 10px;
        /*margin-left: 25px*/
        align-items: center;
        width: 107%;
    }

    .s3 .form-content ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        font-size: 1.125rem;
        color: black
    }

        .s3 .form-content ul .l1, .s3 .form-content ul .l2, .s3 .form-content ul .l3 {
            width: 50%
        }

        .s3 .form-content ul .l2, .s3 .form-content ul .l3 {
            font-weight: 900
        }

    .s3 .form-title div:first-child,
    .s3 .form-title div:nth-child(2),
    .s3 .form-title div:nth-child(3) {
        width: 33%;
    }

    .s3 .form-content {
        padding: 15px 0;
        border-bottom: 1px solid white
    }

.d-flex {
    display: flex;
}

.s3 .h-1:after {
    height: 1px !important
}

.s3 .h-2:after {
    height: 2px !important
}

.s3 .h-3:after {
    height: 3px !important
}

.s3 .h-4:after {
    height: 4px !important
}

.s3 .h-5:after {
    height: 5px !important
}

.s3 .h-6:after {
    height: 6px !important
}

.s3 .h-7:after {
    height: 7px !important
}

.s3 .h-8:after {
    height: 8px !important
}

.s3 .h-9:after {
    height: 9px !important
}

.s3 .h-10:after {
    height: 10px !important
}

.s3 .h-11:after {
    height: 11px !important
}

.s3 .h-12:after {
    height: 12px !important
}

.s3 .h-13:after {
    height: 13px !important
}

.s3 .h-14:after {
    height: 14px !important
}

.s3 .h-15:after {
    height: 15px !important
}

.s3 .h-16:after {
    height: 16px !important
}

.s3 .h-17:after {
    height: 17px !important
}

.s3 .h-18:after {
    height: 18px !important
}

.s3 .h-19:after {
    height: 19px !important
}

.s3 .h-20:after {
    height: 20px !important
}

.s3 .h-21:after {
    height: 21px !important
}

.s3 .h-22:after {
    height: 22px !important
}

.s3 .h-23:after {
    height: 23px !important
}

.s3 .h-24:after {
    height: 24px !important
}

.s3 .h-25:after {
    height: 25px !important
}

.s3 .h-26:after {
    height: 26px !important
}

.s3 .h-27:after {
    height: 27px !important
}

.s3 .h-28:after {
    height: 28px !important
}

.s3 .h-29:after {
    height: 29px !important
}

.s3 .h-30:after {
    height: 30px !important
}

.s3 .h-31:after {
    height: 31px !important
}

.s3 .h-32:after {
    height: 32px !important
}

.s3 .h-33:after {
    height: 33px !important
}

.s3 .h-34:after {
    height: 34px !important
}

.s3 .h-35:after {
    height: 35px !important
}

.s3 .h-36:after {
    height: 36px !important
}

.s3 .h-37:after {
    height: 37px !important
}

.s3 .h-38:after {
    height: 38px !important
}

.s3 .h-39:after {
    height: 39px !important
}

.s3 .h-40:after {
    height: 40px !important
}

.s3 .h-41:after {
    height: 41px !important
}

.s3 .h-42:after {
    height: 42px !important
}

.s3 .h-43:after {
    height: 43px !important
}

.s3 .h-44:after {
    height: 44px !important
}

.s3 .h-45:after {
    height: 45px !important
}

.s3 .h-46:after {
    height: 46px !important
}

.s3 .h-47:after {
    height: 47px !important
}

.s3 .h-48:after {
    height: 48px !important
}

.s3 .h-49:after {
    height: 49px !important
}

.s3 .h-50:after {
    height: 50px !important
}

.s3 .h-51:after {
    height: 51px !important
}

.s3 .h-52:after {
    height: 52px !important
}

.s3 .h-53:after {
    height: 53px !important
}

.s3 .h-54:after {
    height: 54px !important
}

.s3 .h-55:after {
    height: 55px !important
}

.s3 .h-56:after {
    height: 56px !important
}

.s3 .h-57:after {
    height: 57px !important
}

.s3 .h-58:after {
    height: 58px !important
}

.s3 .h-59:after {
    height: 59px !important
}

.s3 .h-60:after {
    height: 60px !important
}

.s3 .h-61:after {
    height: 61px !important
}

.s3 .h-62:after {
    height: 62px !important
}

.s3 .h-63:after {
    height: 63px !important
}

.s3 .h-64:after {
    height: 64px !important
}

.s3 .h-65:after {
    height: 65px !important
}

.s3 .h-66:after {
    height: 66px !important
}

.s3 .h-67:after {
    height: 67px !important
}

.s3 .h-68:after {
    height: 68px !important
}

.s3 .h-69:after {
    height: 69px !important
}

.s3 .h-70:after {
    height: 70px !important
}

.s3 .h-71:after {
    height: 71px !important
}

.s3 .h-72:after {
    height: 72px !important
}

.s3 .h-73:after {
    height: 73px !important
}

.s3 .h-74:after {
    height: 74px !important
}

.s3 .h-75:after {
    height: 75px !important
}

.s3 .h-76:after {
    height: 76px !important
}

.s3 .h-77:after {
    height: 77px !important
}

.s3 .h-78:after {
    height: 78px !important
}

.s3 .h-79:after {
    height: 79px !important
}

.s3 .h-80:after {
    height: 80px !important
}

.s3 .h-81:after {
    height: 81px !important
}

.s3 .h-82:after {
    height: 82px !important
}

.s3 .h-83:after {
    height: 83px !important
}

.s3 .h-84:after {
    height: 84px !important
}

.s3 .h-85:after {
    height: 85px !important
}

.s3 .h-86:after {
    height: 86px !important
}

.s3 .h-87:after {
    height: 87px !important
}

.s3 .h-88:after {
    height: 88px !important
}

.s3 .h-89:after {
    height: 89px !important
}

.s3 .h-90:after {
    height: 90px !important
}

.s3 .h-91:after {
    height: 91px !important
}

.s3 .h-92:after {
    height: 92px !important
}

.s3 .h-93:after {
    height: 93px !important
}

.s3 .h-94:after {
    height: 94px !important
}

.s3 .h-95:after {
    height: 95px !important
}

.s3 .h-96:after {
    height: 96px !important
}

.s3 .h-97:after {
    height: 97px !important
}

.s3 .h-98:after {
    height: 98px !important
}

.s3 .h-99:after {
    height: 99px !important
}

.s3 .h-100:after {
    height: 100px !important
}

.s3 .h-101:after {
    height: 101px !important
}

.s3 .h-102:after {
    height: 102px !important
}

.s3 .h-103:after {
    height: 103px !important
}

.s3 .h-104:after {
    height: 104px !important
}

.s3 .h-105:after {
    height: 105px !important
}

.s3 .h-106:after {
    height: 106px !important
}

.s3 .h-107:after {
    height: 107px !important
}

.s3 .h-108:after {
    height: 108px !important
}

.s3 .h-109:after {
    height: 109px !important
}

.s3 .h-110:after {
    height: 110px !important
}

.s3 .h-111:after {
    height: 111px !important
}

.s3 .h-112:after {
    height: 112px !important
}

.s3 .h-113:after {
    height: 113px !important
}

.s3 .h-114:after {
    height: 114px !important
}

.s3 .h-115:after {
    height: 115px !important
}

.s3 .h-116:after {
    height: 116px !important
}

.s3 .h-117:after {
    height: 117px !important
}

.s3 .h-118:after {
    height: 118px !important
}

.s3 .h-119:after {
    height: 119px !important
}

.s3 .h-120:after {
    height: 120px !important
}

.s3 .h-121:after {
    height: 121px !important
}

.s3 .h-122:after {
    height: 122px !important
}

.s3 .h-123:after {
    height: 123px !important
}

.s3 .h-124:after {
    height: 124px !important
}

.s3 .h-125:after {
    height: 125px !important
}

.s3 .h-126:after {
    height: 126px !important
}

.s3 .h-127:after {
    height: 127px !important
}

.s3 .h-128:after {
    height: 128px !important
}

.s3 .h-129:after {
    height: 129px !important
}

.s3 .h-130:after {
    height: 130px !important
}

.s3 .h-131:after {
    height: 131px !important
}

.s3 .h-132:after {
    height: 132px !important
}

.s3 .h-133:after {
    height: 133px !important
}

.s3 .h-134:after {
    height: 134px !important
}

.s3 .h-135:after {
    height: 135px !important
}

.s3 .h-136:after {
    height: 136px !important
}

.s3 .h-137:after {
    height: 137px !important
}

.s3 .h-138:after {
    height: 138px !important
}

.s3 .h-139:after {
    height: 139px !important
}

.s3 .h-140:after {
    height: 140px !important
}

.s3 .h-141:after {
    height: 141px !important
}

.s3 .h-142:after {
    height: 142px !important
}

.s3 .h-143:after {
    height: 143px !important
}

.s3 .h-144:after {
    height: 144px !important
}

.s3 .h-145:after {
    height: 145px !important
}

.s3 .h-146:after {
    height: 146px !important
}

.s3 .h-147:after {
    height: 147px !important
}

.s3 .h-148:after {
    height: 148px !important
}

.s3 .h-149:after {
    height: 149px !important
}

.s3 .h-150:after {
    height: 150px !important
}

.s3 .h-151:after {
    height: 151px !important
}

.s3 .h-152:after {
    height: 152px !important
}

.s3 .h-153:after {
    height: 153px !important
}

.s3 .h-154:after {
    height: 154px !important
}

.s3 .h-155:after {
    height: 155px !important
}

.s3 .h-156:after {
    height: 156px !important
}

.s3 .h-157:after {
    height: 157px !important
}

.s3 .h-158:after {
    height: 158px !important
}

.s3 .h-159:after {
    height: 159px !important
}

.s3 .h-160:after {
    height: 160px !important
}

.s3 .h-161:after {
    height: 161px !important
}

.s3 .h-162:after {
    height: 162px !important
}

.s3 .h-163:after {
    height: 163px !important
}

.s3 .h-164:after {
    height: 164px !important
}

.s3 .h-165:after {
    height: 165px !important
}

.s3 .h-166:after {
    height: 166px !important
}

.s3 .h-167:after {
    height: 167px !important
}

.s3 .h-168:after {
    height: 168px !important
}

.s3 .h-169:after {
    height: 169px !important
}

.s3 .h-170:after {
    height: 170px !important
}

.s3 .h-171:after {
    height: 171px !important
}

.s3 .h-172:after {
    height: 172px !important
}

.s3 .h-173:after {
    height: 173px !important
}

.s3 .h-174:after {
    height: 174px !important
}

.s3 .h-175:after {
    height: 175px !important
}

.s3 .h-176:after {
    height: 176px !important
}

.s3 .h-177:after {
    height: 177px !important
}

.s3 .h-178:after {
    height: 178px !important
}

.s3 .h-179:after {
    height: 179px !important
}

.s3 .h-180:after {
    height: 180px !important
}

.s3 .h-181:after {
    height: 181px !important
}

.s3 .h-182:after {
    height: 182px !important
}

.s3 .h-183:after {
    height: 183px !important
}

.s3 .h-184:after {
    height: 184px !important
}

.s3 .h-185:after {
    height: 185px !important
}

.s3 .h-186:after {
    height: 186px !important
}

.s3 .h-187:after {
    height: 187px !important
}

.s3 .h-188:after {
    height: 188px !important
}

.s3 .h-189:after {
    height: 189px !important
}

.s3 .h-190:after {
    height: 190px !important
}

.s3 .h-191:after {
    height: 191px !important
}

.s3 .h-192:after {
    height: 192px !important
}

.s3 .h-193:after {
    height: 193px !important
}

.s3 .h-194:after {
    height: 194px !important
}

.s3 .h-195:after {
    height: 195px !important
}

.s3 .h-196:after {
    height: 196px !important
}

.s3 .h-197:after {
    height: 197px !important
}

.s3 .h-198:after {
    height: 198px !important
}

.s3 .h-199:after {
    height: 199px !important
}

.s3 .h-200:after {
    height: 200px !important
}

.s3 .h-201:after {
    height: 201px !important
}

.s3 .h-202:after {
    height: 202px !important
}

.s3 .h-203:after {
    height: 203px !important
}

.s3 .h-204:after {
    height: 204px !important
}

.s3 .h-205:after {
    height: 205px !important
}

.s3 .h-206:after {
    height: 206px !important
}

.s3 .h-207:after {
    height: 207px !important
}

.s3 .h-208:after {
    height: 208px !important
}

.s3 .h-209:after {
    height: 209px !important
}

.s3 .h-210:after {
    height: 210px !important
}

.s3 .h-211:after {
    height: 211px !important
}

.s3 .h-212:after {
    height: 212px !important
}

.s3 .h-213:after {
    height: 213px !important
}

.s3 .h-214:after {
    height: 214px !important
}

.s3 .h-215:after {
    height: 215px !important
}

.s3 .h-216:after {
    height: 216px !important
}

.s3 .h-217:after {
    height: 217px !important
}

.s3 .h-218:after {
    height: 218px !important
}

.s3 .h-219:after {
    height: 219px !important
}

.s3 .h-220:after {
    height: 220px !important
}

.s3 .h-221:after {
    height: 221px !important
}

.s3 .h-222:after {
    height: 222px !important
}

.s3 .h-223:after {
    height: 223px !important
}

.s3 .h-224:after {
    height: 224px !important
}

.s3 .h-225:after {
    height: 225px !important
}

.s3 .h-226:after {
    height: 226px !important
}

.s3 .h-227:after {
    height: 227px !important
}

.s3 .h-228:after {
    height: 228px !important
}

.s3 .h-229:after {
    height: 229px !important
}

.s3 .h-230:after {
    height: 230px !important
}

.s3 .h-231:after {
    height: 231px !important
}

.s3 .h-232:after {
    height: 232px !important
}

.s3 .h-233:after {
    height: 233px !important
}

.s3 .h-234:after {
    height: 234px !important
}

.s3 .h-235:after {
    height: 235px !important
}

.s3 .h-236:after {
    height: 236px !important
}

.s3 .h-237:after {
    height: 237px !important
}

.s3 .h-238:after {
    height: 238px !important
}

.s3 .h-239:after {
    height: 239px !important
}

.s3 .h-240:after {
    height: 240px !important
}

.s3 .h-241:after {
    height: 241px !important
}

.s3 .h-242:after {
    height: 242px !important
}

.s3 .h-243:after {
    height: 243px !important
}

.s3 .h-244:after {
    height: 244px !important
}

.s3 .h-245:after {
    height: 245px !important
}

.s3 .h-246:after {
    height: 246px !important
}

.s3 .h-247:after {
    height: 247px !important
}

.s3 .h-248:after {
    height: 248px !important
}

.s3 .h-249:after {
    height: 249px !important
}

.s3 .h-250:after {
    height: 250px !important
}

.s3 .h-251:after {
    height: 251px !important
}

.s3 .h-252:after {
    height: 252px !important
}

.s3 .h-253:after {
    height: 253px !important
}

.s3 .h-254:after {
    height: 254px !important
}

.s3 .h-255:after {
    height: 255px !important
}

.s3 .h-256:after {
    height: 256px !important
}

.s3 .h-257:after {
    height: 257px !important
}

.s3 .h-258:after {
    height: 258px !important
}

.s3 .h-259:after {
    height: 259px !important
}

.s3 .h-260:after {
    height: 260px !important
}

.s3 .h-261:after {
    height: 261px !important
}

.s3 .h-262:after {
    height: 262px !important
}

.s3 .h-263:after {
    height: 263px !important
}

.s3 .h-264:after {
    height: 264px !important
}

.s3 .h-265:after {
    height: 265px !important
}

.s3 .h-266:after {
    height: 266px !important
}

.s3 .h-267:after {
    height: 267px !important
}

.s3 .h-268:after {
    height: 268px !important
}

.s3 .h-269:after {
    height: 269px !important
}

.s3 .h-270:after {
    height: 270px !important
}

.s3 .h-271:after {
    height: 271px !important
}

.s3 .h-272:after {
    height: 272px !important
}

.s3 .h-273:after {
    height: 273px !important
}

.s3 .h-274:after {
    height: 274px !important
}

.s3 .h-275:after {
    height: 275px !important
}

.s3 .h-276:after {
    height: 276px !important
}

.s3 .h-277:after {
    height: 277px !important
}

.s3 .h-278:after {
    height: 278px !important
}

.s3 .h-279:after {
    height: 279px !important
}

.s3 .h-280:after {
    height: 280px !important
}

.s3 .h-281:after {
    height: 281px !important
}

.s3 .h-282:after {
    height: 282px !important
}

.s3 .h-283:after {
    height: 283px !important
}

.s3 .h-284:after {
    height: 284px !important
}

.s3 .h-285:after {
    height: 285px !important
}

.s3 .h-286:after {
    height: 286px !important
}

.s3 .h-287:after {
    height: 287px !important
}

.s3 .h-288:after {
    height: 288px !important
}

.s3 .h-289:after {
    height: 289px !important
}

.s3 .h-290:after {
    height: 290px !important
}

.s3 .h-291:after {
    height: 291px !important
}

.s3 .h-292:after {
    height: 292px !important
}

.s3 .h-293:after {
    height: 293px !important
}

.s3 .h-294:after {
    height: 294px !important
}

.s3 .h-295:after {
    height: 295px !important
}

.s3 .h-296:after {
    height: 296px !important
}

.s3 .h-297:after {
    height: 297px !important
}

.s3 .h-298:after {
    height: 298px !important
}

.s3 .h-299:after {
    height: 299px !important
}

.s3 .h-300:after {
    height: 300px !important
}

.s4 {
    margin-bottom: 142px
}

    .s4 .container {
        /*overflow-x: auto*/
    }

    .s4 .stitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 45px
    }

        .s4 .stitle span {
            margin-right: 45px
        }

    .s4 .bar-info {
        color: black;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .s4 .bar-info li {
            position: relative;
            padding-left: 25px
        }

            .s4 .bar-info li:before {
                content: "";
                width: 18px;
                height: 18px;
                background-color: #57b2e6;
                border-radius: 50%;
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .s4 .bar-info li:first-child {
                margin-right: 45px;
            }

            .s4 .bar-info li:nth-child(2) {
                margin-right: 45px;
            }

            .s4 .bar-info li:nth-child(3) {
                margin-right: 45px;
            }

    .s4 .bar-chart:before {
        content: "合計";
        color: #efa729;
        position: relative;
        bottom: -268px;
        left: -20px;
        font-size: 0.875rem
    }

    .s4 .bar-info li:first-child:before {
        background-color: #a186be
    }

    .s4 .bar-info li:nth-child(2):before {
        background-color: #2F5597
    }

    .s4 .bar-info li:nth-child(4):before {
        background-color: #efa729
    }

    .s4 .bar-detail .bars li div.purple {
        color: #5c3884;
    }

        .s4 .bar-detail .bars li div.purple:after {
            color: #5c3884;
            background-color: #a186be;
        }

    .s4 .bar-detail .bars li .up {
        position: absolute;
        bottom: 0;
    }






    .s4 .wrap {
        width: 1168px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-color: #eafffe;
        border-radius: 15px;
        padding: 35px;
        margin-bottom: 20px
    }

        .s4 .wrap .left {
            width: 75%
        }

        .s4 .wrap .right {
            width: 24%
        }

    .s4 .bar-chart .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .s4 .bar-detail {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .s4 .bar-detail:first-child {
            margin-right: 40px
        }

        .s4 .bar-detail ul {
            width: 250px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly
        }

        .s4 .bar-detail .total {
            color: #efa729;
            /*-webkit-box-flex: 2;
            -ms-flex-positive: 2;
            flex-grow: 2;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 25px*/
        }

        .s4 .bar-detail .bars {
            position: relative
        }

            .s4 .bar-detail .bars li {
                text-align: center
            }

                .s4 .bar-detail .bars li div {
                    position: relative
                }

                    .s4 .bar-detail .bars li div:after {
                        content: "";
                        display: block;
                        width: 58px;
                        height: 10px;
                        position: relative;
                        /*left: 50%;*/
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                        border-radius: 35px 35px 0 0;
                        z-index: 1
                    }

                    .s4 .bar-detail .bars li div span {
                        position: relative;
                        z-index: 6
                    }

                    .s4 .bar-detail .bars li div.blue {
                        color: #42687d
                    }

                        .s4 .bar-detail .bars li div.blue:after {
                            background-color: #57b2e6
                        }

                    .s4 .bar-detail .bars li div.darkblue {
                        color: black
                    }

                        .s4 .bar-detail .bars li div.darkblue:after {
                            background-color: #2F5597
                        }

                    .s4 .bar-detail .bars li div i {
                        display: block;
                        width: 58px;
                        height: 3px;
                        background-color: #57b2e6
                    }

        .s4 .bar-detail .line {
            padding-top: 10px;
            border-top: 1px solid #183b75;
            color: black;
            font-size: 1rem;
            font-weight: 500;
            text-align: center
        }

        .s4 .bar-detail .greytxt {
            font-size: 1.125rem;
            color: #1a3c76;
            text-align: center;
            margin-top: 10px
        }

    .s4 .form-detail {
        background-color: #fcd646;
        border-radius: 15px;
        padding: 5px 15px 15px 15px;
        margin-bottom: 36px
    }

    .s4 .form-title {
        font-size: 1.125rem;
        color: #1a3c76;
        margin-bottom: 10px;
        /*margin-left: 25px*/
        align-items: center;
    }

    .s4 .form-content ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        font-size: 1.125rem;
        color: black
    }

        .s4 .form-content ul .l1, .s4 .form-content ul .l2, .s4 .form-content ul .l3 {
            width: 33%
        }

    .s4 .form-title div:first-child, .s4 .form-title div:nth-child(2), .s4 .form-title div:nth-child(3) {
        width: 33%;
    }

    .s4 .form-content ul .l2, .s4 .form-content ul .l3 {
        font-weight: 900
    }

    .s4 .form-content {
        padding: 15px 0;
        border-bottom: 1px solid white
    }

    .s4 .h-1:after {
        height: 1px !important
    }

    .s4 .h-2:after {
        height: 2px !important
    }

    .s4 .h-3:after {
        height: 3px !important
    }

    .s4 .h-4:after {
        height: 4px !important
    }

    .s4 .h-5:after {
        height: 5px !important
    }

    .s4 .h-6:after {
        height: 6px !important
    }

    .s4 .h-7:after {
        height: 7px !important
    }

    .s4 .h-8:after {
        height: 8px !important
    }

    .s4 .h-9:after {
        height: 9px !important
    }

    .s4 .h-10:after {
        height: 10px !important
    }

    .s4 .h-11:after {
        height: 11px !important
    }

    .s4 .h-12:after {
        height: 12px !important
    }

    .s4 .h-13:after {
        height: 13px !important
    }

    .s4 .h-14:after {
        height: 14px !important
    }

    .s4 .h-15:after {
        height: 15px !important
    }

    .s4 .h-16:after {
        height: 16px !important
    }

    .s4 .h-17:after {
        height: 17px !important
    }

    .s4 .h-18:after {
        height: 18px !important
    }

    .s4 .h-19:after {
        height: 19px !important
    }

    .s4 .h-20:after {
        height: 20px !important
    }

    .s4 .h-21:after {
        height: 21px !important
    }

    .s4 .h-22:after {
        height: 22px !important
    }

    .s4 .h-23:after {
        height: 23px !important
    }

    .s4 .h-24:after {
        height: 24px !important
    }

    .s4 .h-25:after {
        height: 25px !important
    }

    .s4 .h-26:after {
        height: 26px !important
    }

    .s4 .h-27:after {
        height: 27px !important
    }

    .s4 .h-28:after {
        height: 28px !important
    }

    .s4 .h-29:after {
        height: 29px !important
    }

    .s4 .h-30:after {
        height: 30px !important
    }

    .s4 .h-31:after {
        height: 31px !important
    }

    .s4 .h-32:after {
        height: 32px !important
    }

    .s4 .h-33:after {
        height: 33px !important
    }

    .s4 .h-34:after {
        height: 34px !important
    }

    .s4 .h-35:after {
        height: 35px !important
    }

    .s4 .h-36:after {
        height: 36px !important
    }

    .s4 .h-37:after {
        height: 37px !important
    }

    .s4 .h-38:after {
        height: 38px !important
    }

    .s4 .h-39:after {
        height: 39px !important
    }

    .s4 .h-40:after {
        height: 40px !important
    }

    .s4 .h-41:after {
        height: 41px !important
    }

    .s4 .h-42:after {
        height: 42px !important
    }

    .s4 .h-43:after {
        height: 43px !important
    }

    .s4 .h-44:after {
        height: 44px !important
    }

    .s4 .h-45:after {
        height: 45px !important
    }

    .s4 .h-46:after {
        height: 46px !important
    }

    .s4 .h-47:after {
        height: 47px !important
    }

    .s4 .h-48:after {
        height: 48px !important
    }

    .s4 .h-49:after {
        height: 49px !important
    }

    .s4 .h-50:after {
        height: 50px !important
    }

    .s4 .h-51:after {
        height: 51px !important
    }

    .s4 .h-52:after {
        height: 52px !important
    }

    .s4 .h-53:after {
        height: 53px !important
    }

    .s4 .h-54:after {
        height: 54px !important
    }

    .s4 .h-55:after {
        height: 55px !important
    }

    .s4 .h-56:after {
        height: 56px !important
    }

    .s4 .h-57:after {
        height: 57px !important
    }

    .s4 .h-58:after {
        height: 58px !important
    }

    .s4 .h-59:after {
        height: 59px !important
    }

    .s4 .h-60:after {
        height: 60px !important
    }

    .s4 .h-61:after {
        height: 61px !important
    }

    .s4 .h-62:after {
        height: 62px !important
    }

    .s4 .h-63:after {
        height: 63px !important
    }

    .s4 .h-64:after {
        height: 64px !important
    }

    .s4 .h-65:after {
        height: 65px !important
    }

    .s4 .h-66:after {
        height: 66px !important
    }

    .s4 .h-67:after {
        height: 67px !important
    }

    .s4 .h-68:after {
        height: 68px !important
    }

    .s4 .h-69:after {
        height: 69px !important
    }

    .s4 .h-70:after {
        height: 70px !important
    }

    .s4 .h-71:after {
        height: 71px !important
    }

    .s4 .h-72:after {
        height: 72px !important
    }

    .s4 .h-73:after {
        height: 73px !important
    }

    .s4 .h-74:after {
        height: 74px !important
    }

    .s4 .h-75:after {
        height: 75px !important
    }

    .s4 .h-76:after {
        height: 76px !important
    }

    .s4 .h-77:after {
        height: 77px !important
    }

    .s4 .h-78:after {
        height: 78px !important
    }

    .s4 .h-79:after {
        height: 79px !important
    }

    .s4 .h-80:after {
        height: 80px !important
    }

    .s4 .h-81:after {
        height: 81px !important
    }

    .s4 .h-82:after {
        height: 82px !important
    }

    .s4 .h-83:after {
        height: 83px !important
    }

    .s4 .h-84:after {
        height: 84px !important
    }

    .s4 .h-85:after {
        height: 85px !important
    }

    .s4 .h-86:after {
        height: 86px !important
    }

    .s4 .h-87:after {
        height: 87px !important
    }

    .s4 .h-88:after {
        height: 88px !important
    }

    .s4 .h-89:after {
        height: 89px !important
    }

    .s4 .h-90:after {
        height: 90px !important
    }

    .s4 .h-91:after {
        height: 91px !important
    }

    .s4 .h-92:after {
        height: 92px !important
    }

    .s4 .h-93:after {
        height: 93px !important
    }

    .s4 .h-94:after {
        height: 94px !important
    }

    .s4 .h-95:after {
        height: 95px !important
    }

    .s4 .h-96:after {
        height: 96px !important
    }

    .s4 .h-97:after {
        height: 97px !important
    }

    .s4 .h-98:after {
        height: 98px !important
    }

    .s4 .h-99:after {
        height: 99px !important
    }

    .s4 .h-100:after {
        height: 100px !important
    }

    .s4 .h-101:after {
        height: 101px !important
    }

    .s4 .h-102:after {
        height: 102px !important
    }

    .s4 .h-103:after {
        height: 103px !important
    }

    .s4 .h-104:after {
        height: 104px !important
    }

    .s4 .h-105:after {
        height: 105px !important
    }

    .s4 .h-106:after {
        height: 106px !important
    }

    .s4 .h-107:after {
        height: 107px !important
    }

    .s4 .h-108:after {
        height: 108px !important
    }

    .s4 .h-109:after {
        height: 109px !important
    }

    .s4 .h-110:after {
        height: 110px !important
    }

    .s4 .h-111:after {
        height: 111px !important
    }

    .s4 .h-112:after {
        height: 112px !important
    }

    .s4 .h-113:after {
        height: 113px !important
    }

    .s4 .h-114:after {
        height: 114px !important
    }

    .s4 .h-115:after {
        height: 115px !important
    }

    .s4 .h-116:after {
        height: 116px !important
    }

    .s4 .h-117:after {
        height: 117px !important
    }

    .s4 .h-118:after {
        height: 118px !important
    }

    .s4 .h-119:after {
        height: 119px !important
    }

    .s4 .h-120:after {
        height: 120px !important
    }

    .s4 .h-121:after {
        height: 121px !important
    }

    .s4 .h-122:after {
        height: 122px !important
    }

    .s4 .h-123:after {
        height: 123px !important
    }

    .s4 .h-124:after {
        height: 124px !important
    }

    .s4 .h-125:after {
        height: 125px !important
    }

    .s4 .h-126:after {
        height: 126px !important
    }

    .s4 .h-127:after {
        height: 127px !important
    }

    .s4 .h-128:after {
        height: 128px !important
    }

    .s4 .h-129:after {
        height: 129px !important
    }

    .s4 .h-130:after {
        height: 130px !important
    }

    .s4 .h-131:after {
        height: 131px !important
    }

    .s4 .h-132:after {
        height: 132px !important
    }

    .s4 .h-133:after {
        height: 133px !important
    }

    .s4 .h-134:after {
        height: 134px !important
    }

    .s4 .h-135:after {
        height: 135px !important
    }

    .s4 .h-136:after {
        height: 136px !important
    }

    .s4 .h-137:after {
        height: 137px !important
    }

    .s4 .h-138:after {
        height: 138px !important
    }

    .s4 .h-139:after {
        height: 139px !important
    }

    .s4 .h-140:after {
        height: 140px !important
    }

    .s4 .h-141:after {
        height: 141px !important
    }

    .s4 .h-142:after {
        height: 142px !important
    }

    .s4 .h-143:after {
        height: 143px !important
    }

    .s4 .h-144:after {
        height: 144px !important
    }

    .s4 .h-145:after {
        height: 145px !important
    }

    .s4 .h-146:after {
        height: 146px !important
    }

    .s4 .h-147:after {
        height: 147px !important
    }

    .s4 .h-148:after {
        height: 148px !important
    }

    .s4 .h-149:after {
        height: 149px !important
    }

    .s4 .h-150:after {
        height: 150px !important
    }

    .s4 .h-151:after {
        height: 151px !important
    }

    .s4 .h-152:after {
        height: 152px !important
    }

    .s4 .h-153:after {
        height: 153px !important
    }

    .s4 .h-154:after {
        height: 154px !important
    }

    .s4 .h-155:after {
        height: 155px !important
    }

    .s4 .h-156:after {
        height: 156px !important
    }

    .s4 .h-157:after {
        height: 157px !important
    }

    .s4 .h-158:after {
        height: 158px !important
    }

    .s4 .h-159:after {
        height: 159px !important
    }

    .s4 .h-160:after {
        height: 160px !important
    }

    .s4 .h-161:after {
        height: 161px !important
    }

    .s4 .h-162:after {
        height: 162px !important
    }

    .s4 .h-163:after {
        height: 163px !important
    }

    .s4 .h-164:after {
        height: 164px !important
    }

    .s4 .h-165:after {
        height: 165px !important
    }

    .s4 .h-166:after {
        height: 166px !important
    }

    .s4 .h-167:after {
        height: 167px !important
    }

    .s4 .h-168:after {
        height: 168px !important
    }

    .s4 .h-169:after {
        height: 169px !important
    }

    .s4 .h-170:after {
        height: 170px !important
    }

    .s4 .h-171:after {
        height: 171px !important
    }

    .s4 .h-172:after {
        height: 172px !important
    }

    .s4 .h-173:after {
        height: 173px !important
    }

    .s4 .h-174:after {
        height: 174px !important
    }

    .s4 .h-175:after {
        height: 175px !important
    }

    .s4 .h-176:after {
        height: 176px !important
    }

    .s4 .h-177:after {
        height: 177px !important
    }

    .s4 .h-178:after {
        height: 178px !important
    }

    .s4 .h-179:after {
        height: 179px !important
    }

    .s4 .h-180:after {
        height: 180px !important
    }

    .s4 .h-181:after {
        height: 181px !important
    }

    .s4 .h-182:after {
        height: 182px !important
    }

    .s4 .h-183:after {
        height: 183px !important
    }

    .s4 .h-184:after {
        height: 184px !important
    }

    .s4 .h-185:after {
        height: 185px !important
    }

    .s4 .h-186:after {
        height: 186px !important
    }

    .s4 .h-187:after {
        height: 187px !important
    }

    .s4 .h-188:after {
        height: 188px !important
    }

    .s4 .h-189:after {
        height: 189px !important
    }

    .s4 .h-190:after {
        height: 190px !important
    }

    .s4 .h-191:after {
        height: 191px !important
    }

    .s4 .h-192:after {
        height: 192px !important
    }

    .s4 .h-193:after {
        height: 193px !important
    }

    .s4 .h-194:after {
        height: 194px !important
    }

    .s4 .h-195:after {
        height: 195px !important
    }

    .s4 .h-196:after {
        height: 196px !important
    }

    .s4 .h-197:after {
        height: 197px !important
    }

    .s4 .h-198:after {
        height: 198px !important
    }

    .s4 .h-199:after {
        height: 199px !important
    }

    .s4 .h-200:after {
        height: 200px !important
    }

    .s4 .h-201:after {
        height: 201px !important
    }

    .s4 .h-202:after {
        height: 202px !important
    }

    .s4 .h-203:after {
        height: 203px !important
    }

    .s4 .h-204:after {
        height: 204px !important
    }

    .s4 .h-205:after {
        height: 205px !important
    }

    .s4 .h-206:after {
        height: 206px !important
    }

    .s4 .h-207:after {
        height: 207px !important
    }

    .s4 .h-208:after {
        height: 208px !important
    }

    .s4 .h-209:after {
        height: 209px !important
    }

    .s4 .h-210:after {
        height: 210px !important
    }

    .s4 .h-211:after {
        height: 211px !important
    }

    .s4 .h-212:after {
        height: 212px !important
    }

    .s4 .h-213:after {
        height: 213px !important
    }

    .s4 .h-214:after {
        height: 214px !important
    }

    .s4 .h-215:after {
        height: 215px !important
    }

    .s4 .h-216:after {
        height: 216px !important
    }

    .s4 .h-217:after {
        height: 217px !important
    }

    .s4 .h-218:after {
        height: 218px !important
    }

    .s4 .h-219:after {
        height: 219px !important
    }

    .s4 .h-220:after {
        height: 220px !important
    }

    .s4 .h-221:after {
        height: 221px !important
    }

    .s4 .h-222:after {
        height: 222px !important
    }

    .s4 .h-223:after {
        height: 223px !important
    }

    .s4 .h-224:after {
        height: 224px !important
    }

    .s4 .h-225:after {
        height: 225px !important
    }

    .s4 .h-226:after {
        height: 226px !important
    }

    .s4 .h-227:after {
        height: 227px !important
    }

    .s4 .h-228:after {
        height: 228px !important
    }

    .s4 .h-229:after {
        height: 229px !important
    }

    .s4 .h-230:after {
        height: 230px !important
    }

    .s4 .h-231:after {
        height: 231px !important
    }

    .s4 .h-232:after {
        height: 232px !important
    }

    .s4 .h-233:after {
        height: 233px !important
    }

    .s4 .h-234:after {
        height: 234px !important
    }

    .s4 .h-235:after {
        height: 235px !important
    }

    .s4 .h-236:after {
        height: 236px !important
    }

    .s4 .h-237:after {
        height: 237px !important
    }

    .s4 .h-238:after {
        height: 238px !important
    }

    .s4 .h-239:after {
        height: 239px !important
    }

    .s4 .h-240:after {
        height: 240px !important
    }

    .s4 .h-241:after {
        height: 241px !important
    }

    .s4 .h-242:after {
        height: 242px !important
    }

    .s4 .h-243:after {
        height: 243px !important
    }

    .s4 .h-244:after {
        height: 244px !important
    }

    .s4 .h-245:after {
        height: 245px !important
    }

    .s4 .h-246:after {
        height: 246px !important
    }

    .s4 .h-247:after {
        height: 247px !important
    }

    .s4 .h-248:after {
        height: 248px !important
    }

    .s4 .h-249:after {
        height: 249px !important
    }

    .s4 .h-250:after {
        height: 250px !important
    }

    .s4 .h-251:after {
        height: 251px !important
    }

    .s4 .h-252:after {
        height: 252px !important
    }

    .s4 .h-253:after {
        height: 253px !important
    }

    .s4 .h-254:after {
        height: 254px !important
    }

    .s4 .h-255:after {
        height: 255px !important
    }

    .s4 .h-256:after {
        height: 256px !important
    }

    .s4 .h-257:after {
        height: 257px !important
    }

    .s4 .h-258:after {
        height: 258px !important
    }

    .s4 .h-259:after {
        height: 259px !important
    }

    .s4 .h-260:after {
        height: 260px !important
    }

    .s4 .h-261:after {
        height: 261px !important
    }

    .s4 .h-262:after {
        height: 262px !important
    }

    .s4 .h-263:after {
        height: 263px !important
    }

    .s4 .h-264:after {
        height: 264px !important
    }

    .s4 .h-265:after {
        height: 265px !important
    }

    .s4 .h-266:after {
        height: 266px !important
    }

    .s4 .h-267:after {
        height: 267px !important
    }

    .s4 .h-268:after {
        height: 268px !important
    }

    .s4 .h-269:after {
        height: 269px !important
    }

    .s4 .h-270:after {
        height: 270px !important
    }

    .s4 .h-271:after {
        height: 271px !important
    }

    .s4 .h-272:after {
        height: 272px !important
    }

    .s4 .h-273:after {
        height: 273px !important
    }

    .s4 .h-274:after {
        height: 274px !important
    }

    .s4 .h-275:after {
        height: 275px !important
    }

    .s4 .h-276:after {
        height: 276px !important
    }

    .s4 .h-277:after {
        height: 277px !important
    }

    .s4 .h-278:after {
        height: 278px !important
    }

    .s4 .h-279:after {
        height: 279px !important
    }

    .s4 .h-280:after {
        height: 280px !important
    }

    .s4 .h-281:after {
        height: 281px !important
    }

    .s4 .h-282:after {
        height: 282px !important
    }

    .s4 .h-283:after {
        height: 283px !important
    }

    .s4 .h-284:after {
        height: 284px !important
    }

    .s4 .h-285:after {
        height: 285px !important
    }

    .s4 .h-286:after {
        height: 286px !important
    }

    .s4 .h-287:after {
        height: 287px !important
    }

    .s4 .h-288:after {
        height: 288px !important
    }

    .s4 .h-289:after {
        height: 289px !important
    }

    .s4 .h-290:after {
        height: 290px !important
    }

    .s4 .h-291:after {
        height: 291px !important
    }

    .s4 .h-292:after {
        height: 292px !important
    }

    .s4 .h-293:after {
        height: 293px !important
    }

    .s4 .h-294:after {
        height: 294px !important
    }

    .s4 .h-295:after {
        height: 295px !important
    }

    .s4 .h-296:after {
        height: 296px !important
    }

    .s4 .h-297:after {
        height: 297px !important
    }

    .s4 .h-298:after {
        height: 298px !important
    }

    .s4 .h-299:after {
        height: 299px !important
    }

    .s4 .h-300:after {
        height: 300px !important
    }

@media (max-width:767px) {
    .s4 {
        margin-bottom: 100px
    }
}