.about__container {
    padding-top: var(--space-10xl);
    padding-bottom: var(--space-8xl);
}

.about__inner{
    display: flex;
    flex-direction: column;
    gap: var(--space-10xl);
   justify-content: center;
}

.about__wrap {
    display: flex;
    gap: var(--space-4xl);
}

/* ········ image ········ */
.about__img {
    flex: 1;
    aspect-ratio: 1;
    width: 100%;
}

.about__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ········ text ········ */


/* ········ ILLUST ５つの要素の図 ········ */

.illust {
    display: flex;
    flex-direction: column;
    gap: var(--space-4xl);
}

.illust__title {
    font-size: clamp(16px, 2cqi, 24px);
    letter-spacing: 0.3em;
}

.illust__img {
    align-self: center;
    width: 80%;
}


@media (width < 768px) {
    .about__wrap {
        flex-direction: column;
    }

    .about__:nth-of-type(2) .about__title {
        text-align: right;
    }

    .about__title::after {
        width: 100%;
    }

    .illust__img {
        width: 100%;
    }

    .illust__img img{
        margin-inline: auto;
    }
}