.middle_a_container {
    padding:4em;
    background-color: #FFFAF2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 
        'desc_area desc_area'
        'side_l side_r'
    ;
    justify-items: stretch;
    align-items:start;
    gap:2em;
}

@media only screen and (max-width: 1024px) {
    .middle_a_container {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        grid-template-areas: 
            'desc_area'
            'side_l'
            'side_r'
        ;
        gap:1.5em;
    }
}

@media only screen and (max-width: 520px) {
    .middle_a_container {
        padding:2em;
    }
}

.middle_a_container .desc_area {
    grid-area: desc_area;
}

.middle_a_container .desc_area > .txt-title {
    text-align: center;
    font-size: 50px;
    font-family: 'GothamBold';
    font-weight: bolder; 
    word-wrap: break-word;
}

@media only screen and (max-width: 520px) {
    .middle_a_container .desc_area > .txt-title {
        font-size: 8.45vw;
        margin-bottom: 0.5rem;
    }
}

.middle_a_container .desc_area > .txt-explanation {
    font-size:1.65vw;
    text-align: center;
}

@media only screen and (min-width: 1920px) {
    .middle_a_container .desc_area > .txt-explanation {
        font-size:32px;
    }
}

@media only screen and (max-width: 950px) {
    .middle_a_container .desc_area > .txt-explanation {
        font-size:16px;
    }
}

@media only screen and (max-width: 520px) {
    .middle_a_container .desc_area > .txt-explanation {
        font-size:13px;
    }
}

.middle_a_container .side_l {
    grid-area: side_l;
}

.middle_a_container .side_l > img {
    width: 100%;
}

.middle_a_container .side_r {
    grid-area: side_r;
}

.list_main_feature {
    display: grid;
    grid-template-columns: 52px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 
        'lmf-icon lmf-title'
        'lmf-desc lmf-desc'
    ;
    justify-items: stretch;
    align-items:start;
    column-gap:1em;
    border-top:1px solid black;
    margin-top:1rem;
    padding-top:0.5rem;
}

.list_main_feature:first-child {
    margin-top:0;
    padding-top:0;
    border-top:0px solid black;
}

.list_main_feature .lmf-icon {
    grid-area: lmf-icon;
    align-self: center;
    text-align: center;
}

.list_main_feature .lmf-icon > img {
    max-width: 50px;
    height:auto;
}

.list_main_feature .lmf-title {
    grid-area: lmf-title;
    align-self: center;
    font-family: GothamBold;
    font-size:23px;
}

@media only screen and (min-width: 1500px) {
    .list_main_feature .lmf-title {
        font-size:27px;
    }
}

@media only screen and (max-width: 520px) {
    .list_main_feature .lmf-title {
        font-size:18px;
    }
}

.list_main_feature .lmf-desc {
    grid-area: lmf-desc;
    margin-top:0.5rem;
    font-size: 19px;
}

@media only screen and (min-width: 1500px) {
    .list_main_feature .lmf-desc {
        font-size: 20.5px;
    }
}

@media only screen and (max-width: 520px) {
    .list_main_feature .lmf-desc {
        font-size: 14.5px;
    }
}