.main-contents {
    position: relative;
    z-index: 1;
    margin-top: -18.1rem;
    padding-top: 25rem;
    padding-bottom: 18.9rem;
    border-radius: 18rem 0 0 0;
    background-color: #fff;

    @media screen and (max-width: 767px) {
        margin-top: -4.9rem;
        padding-top: 6rem;
        padding-bottom: 8rem;
        border-radius: 5rem 0 0 0;
    }

    .title {
        margin-bottom: 9.8rem;

        @media screen and (max-width: 767px) {
            margin-bottom: 2rem;
        }
    }


    .contents {
        display: flex;
        gap: 15.9rem;

        @media screen and (max-width: 767px) {
            flex-direction: column-reverse;
            gap: 3.6rem;
        }

        .text-area {
            flex-grow: 1;

            & p {
                font-style: normal;
                font-weight: 600;
                font-size: 1.8rem;
                line-height: 200%;
                color: #000000;

                @media screen and (max-width: 767px) {
                    font-size: 1.4rem;
                }
            }

            .text {
                margin-bottom: 5.1rem;

                @media screen and (max-width: 767px) {
                    margin-bottom: 3.2rem;
                }

                & p {
                    &:not(:last-child) {
                        margin-bottom: 3.6rem;
                    }

                    @media screen and (max-width: 767px) {
                        &:not(:last-child) {
                            margin-bottom: 2.8rem;
                        }
                    }
                }
            }

            .name {
                .main {
                    font-size: 2.4rem;

                    @media screen and (max-width: 767px) {
                        font-size: 1.8rem;
                    }
                }
            }
        }

        .img-area {
            margin-top: 0.6rem;
            flex-shrink: 0;
            width: 60rem;

            @media screen and (max-width: 767px) {
                margin-top: 0;
                width: 100%;
            }

            .img {
                border-radius: 3rem;
                overflow: hidden;
            }
        }
    }
}