.cms_tkf_main { width: 100%; }
.cms_tkf_box { position: relative; display: flex; flex-wrap: wrap; gap: 12px 32px; width: 100%; padding: 59px 64px 47px 64px; background: var(--primary); box-shadow: var(--box-shadow); }
.cms_tkf_info { width: calc(50% - 15px); }
.cms_tkf_text h2 { color: var(--white); padding-bottom: 11px; }
.cms_tkf_text p { color: var(--white); }
.cms_tkf_info > .button-bg { display: block; margin: 32px 0 0 0; }
.cms_tkf_imgMain { flex: 1; width: 100%; }
.cms_tkf_imgContainer { position: relative; display: flex; align-items: center; width: calc(100% + 124px); height: 100%; transition: var(--transition); will-change: transform; }
.cms_tkf_box:hover .cms_tkf_imgContainer { transform: scale(1.0125) translateX(-20px); }
.cms_tkf_imgBox { width: 100%; }
.cms_tkf_imgBox > picture { display: flex; width: 100%; }
.cms_tkf_imgBox > picture > img { width: 100%; }
.cms_tkf_imgLegend { display: none; }
@media screen and (max-width: 1305px) { .cms_tkf_main { padding: 0 60px 0 0; } }
@media screen and (max-width: 959px) {
    .cms_tkf_main { padding: 0; }
    .cms_tkf_box { padding: 30px 15px; }
    .cms_tkf_info { width: 100%; }
    .cms_tkf_text h2 { color: var(--white); padding-bottom: 0; }
    .cms_tkf_text p { padding-top: 12px; }
    .cms_tkf_info > .button-bg { margin: 15px 0 0 0; }
    .cms_tkf_imgMain { order: -1; }
    .cms_tkf_imgContainer { width: 100%; height: auto; margin: -59px 0 0 0; }
    .cms_tkf_box:hover .cms_tkf_imgContainer { transform: none; }
}