.layout { display: flex; text-align: start; justify-content: center; margin-top: 60px; }
.layout + .layout { margin-top: 80px; }
.layout .img { margin-right: 40px; }
.layout .img img { display: block; width: 454px; }

.layout .text { width: 700px; }
.layout .text h3 { font-size: 30px; color: var(--main); font-weight: 700; padding-bottom: 16px; border-bottom: 2px solid #505050; line-height: 42px; }
.layout .text ul { padding-top: 16px; }
.layout .text ul li { font-size: 18px; line-height: 26px; }
.layout .text ul li + li { margin-top: 12px; }
.layout .text ul li { color: #505050; }
.layout .text ul li b { font-weight: 700; margin-right: 8px; color: #111; }
.layout .text .text-layout li { display: flex; }

@media (max-width:1440px) {
    .layout { margin-top: 3.75rem; }
    .layout + .layout { margin-top: 5rem; }
    .layout .img { margin-right: 2.5rem; }

    .layout .text h3 { font-size: 1.875rem; padding-bottom: 1rem; line-height: 2.625rem; }
    .layout .text ul { padding-top: 1rem; }


    .layout .text ul li { font-size: 1.125rem; line-height: 1.625rem; }


    .layout .text ul li + li { margin-top: 0.75rem; }

    .layout .text ul li b {  margin-right: 0.5rem; }












}

@media (max-width: 1024px){
    .layout { flex-direction: column; }
    .layout + .layout { margin-top: 3.75rem; }
    .layout .img { margin-right: 0; }
    .layout .img img { width: 100%; }

    .layout .text { width: 100%; margin-top: 1rem; }
    .layout .text h3 { font-size: 1.125rem; line-height: 1.625rem; padding-bottom: 0.5rem; }
    .layout .text ul { padding-bottom: 0.5rem; }
    .layout .text ul li { font-size: 0.875rem; line-height: 1.375rem; }
    .layout .text ul li + li { margin-top: 0.375rem; }
    .layout .text ul li b { margin-right: 0.375rem; }

    .layout .text .text-layout li p:first-of-type { width: 7.4375rem; }
    .layout .text .text-layout li p:last-of-type { width: calc(100% - 7.4375rem); }
}