.env-contents-box-v2 { overflow: hidden; } .env-contents-box-v2 .row .col { padding: 0 0 30px; } .env-contents-box-v2 .row .col.double_text_col .text-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .env-contents-box-v2 .row .col.double_text_col .text-wrapper .text { width: calc(100%/ 2 - 30px); } .text.heading-col { background: #4F2684; display: flex; align-items: center; justify-content: space-around; border-radius: 10px; padding: 80px 55px; } .text.heading-col h4 { margin: 0; color: #fff; font-style: normal; font-weight: 600; font-size: 42px; line-height: 50px; width: auto; display: inline; } @media (max-width: 1024px) { .text.heading-col h4 { font-size: 36px; line-height: 44px; } } @media (max-width: 767px) { .text.heading-col { margin-bottom: 25px; } } @media (max-width: 575px) { .text.heading-col { padding: 55px 50px; } .text.heading-col h4 { font-size: 24px; line-height: 28px; } } .env-contents-box-v2 .row .col.double_text_col .text-wrapper .text ul { padding: 0; margin: 0; } .env-contents-box-v2 .row .col.image { text-align: center; } .env-contents-box-v2 .row .col.image.mobile_img_enabed .mobile_img { display: none; } .env-contents-box-v2 .row .col.image img { display: inline-block; vertical-align: top; max-width: 100%; } .env-contents-box-v2 p { margin: 0 0 15px; } .env-contents-box-v2 p:last-child { margin-bottom: 0; } .env-contents-box-v2 ul { margin: 0 0 10px 30px; padding: 0; list-style: none; } .env-contents-box-v2 ul li { padding-left: 22px; padding-bottom: 15px; position: relative; font-size: 14px; line-height: 18px; font-weight: 400; } .env-contents-box-v2 ul li strong { font-weight: 700; } .env-contents-box-v2 ul li:before { position: absolute; left: 0; top: 9px; content: ""; width: 6px; height: 6px; border-radius: 100%; background-color: #ec9876; } .btn-center { text-align: center; } .back-to-top { text-transform: uppercase; text-decoration: underline; color: #636362; font-size: 14px; line-height: 16px; letter-spacing: 1.5; font-weight: 600; } .env-contents-box-v2 p a, .env-contents-box-v2 ul a { text-decoration: underline; color: #212020; } @media (min-width: 768px) { .env-contents-box-v2 ul li { font-size: 18px; line-height: 28px; } .env-contents-box-v2 .row { display: flex; align-items: center; margin: 0 -15px; } .env-contents-box-v2 .row.revert { flex-direction: row-reverse; } .env-contents-box-v2 .row .col { padding: 0 15px 30px; flex-grow: 1; } .env-contents-box-v2 .row .col.image { -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } .env-contents-box-v2 p { margin: 0 0 22px; } .env-contents-box-v2 p:last-child { margin-bottom: 0; } .env-contents-box-v2 ul li { padding-left: 26px; } .env-contents-box-v2 ul li:before { width: 8px; height: 8px; } .btn-center { padding-top: 40px; } } @media (min-width: 1024px) { .env-contents-box-v2 .row { margin: 0 -25px; } .env-contents-box-v2 .row .col { padding: 0 25px 45px; } .env-contents-box-v2 .row .col.image { max-width: auto; } .env-contents-box-v2 ul li { padding-bottom: 27px; } } } @media (min-width: 1366px) { .env-contents-box-v2 h1 { line-height: 86px; font-size: 72px; } } @media (max-width: 1199px) { .env-contents-box-v2 h1 { line-height: 70px; font-size: 55px; } } @media (max-width: 1023px) { .env-contents-box-v2 h1 { line-height: 50px; font-size: 42px; } } @media (max-width: 767px) { .env-contents-box-v2 .row .col.double_text_col .text-wrapper { justify-content: center; flex-direction: column; } .env-contents-box-v2 .row .col.double_text_col .text-wrapper .text { width: 100%; } .env-contents-box-v2 .row .col.image.mobile_img_enabed .desktop_img { display: none; } .env-contents-box-v2 .row .col.image.mobile_img_enabed .mobile_img { display: block; } }