/* Generated for /lp-learn-japanese/ by migrations/wordpress-import/fetch-and-convert.py.
 * Elementor's own values, with its plumbing dropped and its repetition
 * collapsed into shared classes. Do not edit by hand: re-run the extractor. */
.kk-e1 :is(h1, h2, h3, h4, h5, h6) { color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 600 }
@media (max-width: 1024px) { .kk-e1 { padding: 10px 0px 10px 0px; text-align: center } }
@media (max-width: 1024px) { .kk-e1 :is(h1, h2, h3, h4, h5, h6) { font-size: 37px } }
@media (max-width: 767px) { .kk-e1 { text-align: center } }
@media (max-width: 767px) { .kk-e1 :is(h1, h2, h3, h4, h5, h6) { font-size: 32px } }
.kk-e2 { justify-content: center }
.kk-e3 img { box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5) }
.kk-e4 .kk-btn { background-color: #ffffff; border-color: #a40021; border-style: solid; border-width: 1px 1px 1px 1px; color: #a40021; fill: #a40021 }
.kk-e5 { background-color: #212529; padding: 100px 0px 100px 0px }
.kk-e5 > * { max-width: 1400px; margin-inline: auto }
@media (max-width: 767px) { .kk-e5 { padding: 50px 20px 50px 20px } }
.kk-e6 :is(h1, h2, h3, h4, h5, h6) { color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 600 }
@media (max-width: 1024px) { .kk-e6 { text-align: center } }
@media (max-width: 1024px) { .kk-e6 :is(h1, h2, h3, h4, h5, h6) { font-size: 60px } }
@media (max-width: 767px) { .kk-e6 { text-align: center } }
@media (max-width: 767px) { .kk-e6 :is(h1, h2, h3, h4, h5, h6) { font-size: 57px } }
.kk-e7 { background-color: #212529 }
.kk-e8 .kk-btn { background-color: #a40021 }
.kk-e9 { column-gap: 50px; gap: 0px 50px; padding: 30px 20px 100px 20px; row-gap: 0px }
.kk-e9 > .kk-row { column-gap: 50px; gap: 0px 50px; row-gap: 0px }
.kk-e9 > * { max-width: 1400px; margin-inline: auto }
@media (max-width: 767px) { .kk-e9 { padding: 10px 20px 40px 20px } }
.kk-e10 { padding: 100px 0px 50px 0px }
.kk-e10 > * { max-width: 1400px; margin-inline: auto }
@media (max-width: 767px) { .kk-e10 { padding: 30px } }
.kk-e11 { text-align: center }
.kk-e11 :is(h1, h2, h3, h4, h5, h6) { font-family: "Roboto", sans-serif; font-size: 3.5em; font-weight: 600 }
@media (max-width: 767px) { .kk-e11 :is(h1, h2, h3, h4, h5, h6) { font-size: 2.25em } }
.kk-e12 { background-color: #212529; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1px 1px 1px 1px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); padding: 20px 20px 20px 20px }
.kk-e13 { margin: 20px 0px 0px 0px }
.kk-e13 .kk-btn { background-color: #212529; border-radius: 5px 5px 5px 5px; font-family: "Roboto", sans-serif; font-size: 1.5em; font-weight: 500; padding: 20px 20px 20px 20px }
.kk-e14 img { box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.5) }
.kk-e15 :is(h1, h2, h3, h4, h5, h6) { color: #ffffff; font-family: "Worstveld Bold Oblique", sans-serif; font-size: 2.5rem; font-weight: 600; line-height: 1.23em }
@media (max-width: 767px) { .kk-e15 { text-align: center } }
.kk-e16 { background-color: #a40021; padding: 70px 0px 70px 0px }
.kk-e16 > * { max-width: 1400px; margin-inline: auto }
@media (max-width: 767px) { .kk-e16 { padding: 40px 20px 40px 20px } }
.kk-e17 { text-align: center }
.kk-e17 :is(h1, h2, h3, h4, h5, h6) { color: #ffffff; font-family: "Roboto", sans-serif; font-size: 5em; font-style: italic; font-weight: 600 }
@media (max-width: 767px) { .kk-e17 :is(h1, h2, h3, h4, h5, h6) { font-size: 3em } }
.kk-e18 { color: #ffffff }
@media (max-width: 1024px) { .kk-e18 { text-align: center } }
@media (max-width: 767px) { .kk-e18 { text-align: center } }
.kk-e19 { padding: 0px 20px 130px 20px }
.kk-e19 > * { max-width: 1400px; margin-inline: auto }
@media (max-width: 767px) { .kk-e19 { padding: 0px 20px 40px 20px } }
.kk-e20 { column-gap: 0px; gap: 0px 0px; justify-content: center; padding: 30px 30px 30px 60px; row-gap: 0px }
.kk-e20 > .kk-row { column-gap: 0px; gap: 0px 0px; row-gap: 0px }
@media (max-width: 767px) { .kk-e20 { padding: 10px } }
.kk-e21 { background-color: #a40021; column-gap: 0px; gap: 0px 0px; padding: 50px 0px 50px 0px; row-gap: 0px }
.kk-e21 > .kk-row { column-gap: 0px; gap: 0px 0px; row-gap: 0px }
@media (max-width: 767px) { .kk-e21 { padding: 0px 20px 40px 20px } }
.kk-e22 img { max-width: 400px }
@media (max-width: 767px) { .kk-e22 img { max-width: 275px } }
@media (max-width: 767px) { .kk-e23 { justify-content: center } }
.kk-e24 { column-gap: 50px; gap: 0px 50px; padding: 70px 20px 30px 20px; row-gap: 0px }
.kk-e24 > .kk-row { column-gap: 50px; gap: 0px 50px; row-gap: 0px }
.kk-e24 > * { max-width: 1400px; margin-inline: auto }
@media (max-width: 767px) { .kk-e24 { padding: 20px 20px 40px 20px } }
.kk-e25 { margin: 20px 0px 0px 0px }
.kk-e25 .kk-btn { background-color: #a40021; border-radius: 5px 5px 5px 5px; font-family: "Roboto", sans-serif; font-size: 1.5em; font-weight: 500; padding: 20px 20px 20px 20px }
.kk-e26 { text-align: center }
.kk-e26 :is(h1, h2, h3, h4, h5, h6) { color: #ffffff; font-family: "Roboto", sans-serif; font-size: 3em; font-style: italic; font-weight: 600 }
@media (max-width: 767px) { .kk-e26 :is(h1, h2, h3, h4, h5, h6) { font-size: 2em } }