.wbcm_service {
    background: #ebebeb;
    padding: 80px 0;
}
.wbcm_service-box{
    max-width: var(--max-width);
    width: 100%;
    margin:0 auto;
}
.wbcm_service h2 {
    font-size: 32px;
    font-weight: bold;
    border-bottom: 1px solid #7a7a7a;
    line-height: 180%;
    padding-bottom: 8px;
}
.wbcm_service h2 + p{
    padding:32px 0;
    line-height:180%;
}
.wbcm_service h2 + p + ol{
    margin-top:0;
}
.wbcm_service ol{
    margin: 24px 0;
    line-height: 180%;
}
.wbcm_service li {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
    margin-bottom:16px;
}
.list_1 li{
    counter-increment: number 1;
}
.list_2 li{
    counter-increment: number2 1;
}
.list_3 li{
    counter-increment: number4 1;
}
.list_4 li{
    counter-increment: number5 1;
}
.list_5 li{
    counter-increment: number6 1;
}
.list_6 li{
    counter-increment: number7 1;
}
.list_7 li{
    counter-increment: number8 1;
}
.list_8 li{
    counter-increment: number9 1;
}
.list_9 li{
    counter-increment: number10 1;
}
.list_10 li{
    counter-increment: number11 1;
}
.list_11 li{
    counter-increment: number12 1;
}
.list_12 li{
    counter-increment: number13 1;
}
.list_13 li{
    counter-increment: number14 1;
}
.list_14 li{
    counter-increment: number15 1;
}
.list_15 li{
    counter-increment: number16 1;
}
.list_16 li{
    counter-increment: number17 1;
}
.wbcm_service li::before {
    font-weight: bold;
    font-size: 110%;
    width: 1rem;
}
.wbcm_service li span {
    width: calc(100% - 1rem - 16px);
    display: block;
}
.list_1 li::before {
    content: counter(number) ".";
}
.list_2 li::before {
    content: counter(number2) ".";
}
.list_3 li::before {
    content: counter(number4) ".";
}
.list_4 li::before {
    content: counter(number5) ".";
}
.list_5 li::before {
    content: counter(number6) ".";
}
.list_6 li::before {
    content: counter(number7) ".";
}
.list_7 li::before {
    content: counter(number8) ".";
}
.list_8 li::before {
    content: counter(number9) ".";
}
.list_9 li::before {
    content: counter(number10) ".";
}
.list_10 li::before {
    content: counter(number11) ".";
}
.list_11 li::before {
    content: counter(number12) ".";
}
.list_12 li::before {
    content: counter(number13) ".";
}
.list_13 li::before {
    content: counter(number14) ".";
}
.list_14 li::before {
    content: counter(number15) ".";
}
.list_15 li::before {
    content: counter(number16) ".";
}
.list_16 li::before {
    content: counter(number17) ".";
}


.wbcm_service dl {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    gap: 16px;
    margin:40px 0;
    width: 100%;
}
.wbcm_service dt {
    width: 15%;
    font-size: 18px;
}
.wbcm_service dd {
    width: 82%;
    line-height: 180%;
}
.wbcm_service dd p{
    display: flex;
    gap:16px;
}
.wbcm_service dd div{
    background: #ffffff8c;
    padding: 16px;
    border-radius: 4px;
    margin-top: 8px;
}
.wbcm_service dd p + p{
    margin-top:16px;
}
.wbcm_service li div {
    background: #ffffff8c;
    padding: 16px;
    border-radius: 4px;
    margin-top: 8px;
    margin-left: calc(1rem + 16px);
    width: 100%;
}
.wbcm_service .list_2 li div p{
    counter-increment: number3 1;
}
.wbcm_service .list_13 li div b{
    counter-increment: number14-2 1;
}
.wbcm_service .list_2 li div p::before {
    content: "（" counter(number3) "）";
}
.wbcm_service .list_11 li div p{
    counter-increment: number12-2 1;
}
.wbcm_service .list_11 li div p::before {
    content: "（" counter(number12-2) "）";
}
.wbcm_service .list_13 li div b::before {
    content: "（" counter(number14-2) "）";
}
.wbcm_service .list_13 li div b + p,
.wbcm_service .list_13 li div p + p {
    display: flex;
    gap: 16px;
    margin-left: calc(1rem + 16px);
}
.wbcm_service .list_13 li p span:nth-of-type(1){
    width: 11rem;
}
.wbcm_service .list_13 li p span:nth-of-type(2){
    width:calc(100% - 11rem - 16px);
}
.wbcm_service .list_14 li div p {
    display: flex;
    gap:16px;
    counter-increment: number14-2 1;
}
.wbcm_service .list_14 li .num2 p {
    counter-increment: number14-3 1;
}
.wbcm_service .list_14 li div p::before {
    content: "（" counter(number14-2) "）";
}
.wbcm_service .list_14 li .num2 p::before {
    content: "（" counter(number14-3) "）";
}
.wbcm_service .list_2 li div p,
.wbcm_service .list_11 li div p{
    display: flex;
}

@media screen and (max-width: 767px) {
    .wbcm_service {
        padding: 32px;
    }
    .wbcm_service h2 {
        font-size: 20px;
    }
    .wbcm_service li span {
        font-size: 14px;
    }
    .wbcm_service dt,
    .wbcm_service dd {
        width: 100%;
        font-size: 14px;
    }
    .wbcm_service dd p{
        display: block;
    }
    .wbcm_service dd p b{
        display: block;
    }
    .wbcm_service h2 + p,
    .wbcm_service li div{
        font-size:14px;
    }
    .wbcm_service li div{
        margin:0;
    }

    .wbcm_service .list_13 li div b + p, .wbcm_service .list_13 li div p + p{
        display: block;
        margin: 0;
    }
    .wbcm_service .list_13 li p span:nth-of-type(2){
        width: 100%;
    }
    .wbcm_service .list_13 li p span:nth-of-type(1) {
        width: 100%;
        border-bottom: 1px solid #aaa;
    }
}