h2.title_block-2 {
    background-image: url(/assets/images/corp/overview/img-head.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.article-area.overview {
    background-color: #fff;
    position: relative;
    &:before {
        content: "";
        background: url(/assets/images/img-pattern.svg) repeat;
        background-size: contain;
        position: absolute;
        top: 5.5rem;
        left: 0;
        width: 10rem;
        height: 10rem;
    }
    @media (max-width: 1024px) {
        &:before {
            content: unset;
        }
    }
    .container {
        & > dl {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            padding-top: 3rem;
            padding-bottom: 3rem;
            padding-left: 20%;
            & > dt {
                font-weight: bold;
                color: var(--main-color);
                width: 16em;
                border-bottom: 1px solid #ccc;
                &:last-of-type {
                    border-bottom: none;
                }
            }
            & > dd {
                width: calc(100% - 16em);
                border-bottom: 1px solid #ccc;
                &:last-of-type {
                    border-bottom: none;
                }
                & > dl {
                    display: flex;
                    margin-left: 0;
                    dt {
                        width: 70%;
                        color: #000;
                        font-weight: normal;
                        @media (max-width: 1024px) {
                            width: 100%;
                        }
                    }
                    dd {
                        width: 30%;
                        margin-bottom: 0;
                    }
                }
            }
            & > dt,
            & > dd {
                padding: 2rem;
            }

            @media (max-width: 1024px) {
                padding-left: 0;
                display: block;
                & > dt {
                    border-bottom: none;
                    padding: 0 1em;
                    width: 100%;
                    padding-top: 1em;
                }
                & > dd {
                    padding: 0 1em;
                    width: 100%;

                    &:not(:has(dl)) {
                        padding: 1em;
                    }
                }
                dl:not(#_) {
                    display: block;
                    padding-top: 1em;
                    padding-bottom: 1em;
                    & > dd {
                        padding-left: 1em;
                    }
                    & + & {
                        padding-top: 0;
                    }
                }
                &:before {
                    content: unset;
                }
            }
        }
    }
}