section.type01 article {
    display: grid;
    grid-template-columns: .6fr 1fr;
    gap: 104px;
}

section.type01 .img-wrap{
    max-width: 400px;
}

section.type01 .img-wrap img, section.type01 .img-wrap picture{
    max-width: 100%;
    border-radius: 30px;
}

section.type01 .text{
    max-width: 100%;
    position: relative;
    top: initial;
    transform: none;
}

section.type01 .text:nth-child(even) {
    margin-left: 0px;
}

section.sec07.type01 article {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

section.sec07.type01 img {
    max-width: 100%;
    width: 100%;
    border-radius: 30px;
    gap: 104px;
}


@media only screen and (max-width: 768px) {

    section.type01{
        margin-bottom: 32px;
    }

    section.type01 article {
        gap: 8px;
    }
    
    section.sec07.simple .content > div:last-child{
        order: 2;
    }

    section.sec07.simple .content{
        gap: 8px;
    }

}