.self-employed {

#self-employed05 {
    strong {
        background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
    }
}
ol.self-employed05_flow {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0;
    list-style: none;

    li {
        margin: 0;
        padding: clamp(1.6rem, 2vw, 3rem) clamp(1.6rem, 2vw, 3rem) clamp(1.6rem, 2vw, 3rem) clamp(3rem, 3.9vw, 5rem);
        background-color: #E0ECF1;
        border-radius: 1rem;
        position: relative;

        &:not(:last-child)::before {
            content: "あ";width: 60px;
            height: 30px;
            background-color: #2ca3bf;
            clip-path: polygon(50% 30px, 0% 0%, 60px 0%);
            display: block;
            position: absolute;
            bottom: -35px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }        
    }

    dl {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
        grid-column-gap: 1.6rem;
        grid-row-gap: 1.6rem;
        margin: 0;
        background-color: #E0ECF1;
        border-radius: 1rem;

        dt {
            text-align: center;

             @media (min-width:768px) {
                    text-align: left;
                }

            h3 {
                font-size: clamp(1.8rem, 4.6vw, 2.4rem);
            }

            span {
                display: block;
                color: #2ca3bf;
                font-size: clamp(2.4rem, 6.15vw, 3.2rem);

                @media (min-width:768px) {
                    display: inline-block;
                    margin-right: 4rem;
                }
            }
        }
        
        .self-employed05_flow_dd_02 {

            p {
                margin-bottom: 1.6rem;
            }
        }

        @media (min-width:768px) {
            grid-template-columns: 60% calc(40% - 4rem);
            grid-template-rows: auto 1fr;
            grid-column-gap: 4rem;
            grid-row-gap: 1.6rem;

            dt {
                grid-area: 1 / 1 / 2 / 3;
            }

            .self-employed05_flow_dd_01 {
                grid-area: 2 / 2 / 3 / 3;
            }

            .self-employed05_flow_dd_02 {
                grid-area: 2 / 1 / 3 / 2;
            }
        }
    }
    
}

}