@charset "UTF-8";

#business {
    .block {
        margin-bottom: 15rem;
        @media screen and (max-width: 767px) {
            margin-bottom: 5rem;
        }
        .flex-contents {
            display: flex;
            gap: 8rem;
            @media screen and (max-width: 767px) {
                gap: 1rem;
                flex-direction: column-reverse;
            }
            .text-cont {
                flex: 1;
                .description-text {
                    font-family: var(--noto);
                    font-style: normal;
                    font-weight: 400;
                    font-size: 1.6rem;
                    line-height: 2.4rem;
                    letter-spacing: 0.08em;
                    color: #000000;
                    margin-bottom: 5rem;
                    @media screen and (max-width: 767px) {
                        font-size: 1.4rem;
                        margin-bottom: 2rem;
                    }
                }
            }
            .img-cont {
                width: 41.6rem;
                @media screen and (max-width: 767px) {
                    width: 100%;
                }
                & img {
                    width: 100%;
                    vertical-align: top;
                }
            }
        }
    }
}