/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-car-image/block-car-image.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.car-image {
  position: relative;
  padding: 70px 0;
  overflow: hidden; }
  @media screen and (max-width: 1440px) {
    .car-image {
      padding: 60px 0; } }
  @media screen and (max-width: 991px) {
    .car-image {
      padding: 60px 0 45px; } }
  @media screen and (max-width: 640px) {
    .car-image {
      padding: 40px 0 45px; } }
  .car-image::before {
    content: '';
    position: absolute;
    background-color: #f2f2f2;
    top: -100px;
    right: -150px;
    width: 1020px;
    height: 140%;
    transform: rotate(20deg);
    z-index: -1; }
    @media screen and (max-width: 1440px) {
      .car-image::before {
        right: -300px; } }
    @media screen and (max-width: 1370px) {
      .car-image::before {
        right: -330px; } }
    @media screen and (max-width: 1024px) {
      .car-image::before {
        display: none; } }
    @media screen and (min-width: 1921px) {
      .car-image::before {
        top: -5.2vw;
        right: -7.8vw;
        width: 53.1vw;
        height: 140%; } }
  .car-image__content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 115px; }
    @media screen and (max-width: 1600px) {
      .car-image__content {
        padding-left: 24px; } }
    @media screen and (max-width: 1024px) {
      .car-image__content {
        padding-left: 0;
        flex-direction: column; } }
    @media screen and (min-width: 1921px) {
      .car-image__content {
        padding-left: 5.98vw; } }
  .car-image__left {
    max-width: 820px;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .car-image__left {
        margin-bottom: 32px;
        padding-left: 24px;
        margin-right: auto; } }
    @media screen and (min-width: 1921px) {
      .car-image__left {
        max-width: 42.7vw; } }
  .car-image__logo {
    margin-left: 132px;
    margin-bottom: 18px;
    height: 48px;
    width: auto; }
    @media screen and (max-width: 1440px) {
      .car-image__logo {
        margin-left: 0; } }
    @media screen and (min-width: 1921px) {
      .car-image__logo {
        margin-left: 6.87vw;
        margin-bottom: 0.93vw;
        max-width: 10.15vw;
        width: 100%;
        height: auto; } }
  .car-image__title-container {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1440px) {
      .car-image__title-container {
        flex-direction: column-reverse;
        align-items: flex-start; } }
    @media screen and (max-width: 640px) {
      .car-image__title-container {
        padding-right: 24px; } }
  .car-image__line {
    background-color: #e95208 !important; }
    @media screen and (max-width: 1440px) {
      .car-image__line {
        margin-bottom: 24px; } }
  .car-image__title {
    max-width: 685px;
    width: 100%;
    line-height: 100%;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    position: relative; }
    .car-image__title .car-image-footnote {
      position: unset; }
    @media screen and (max-width: 1440px) {
      .car-image__title {
        margin-bottom: 10px; } }
    @media screen and (min-width: 1200px) {
      .car-image__title {
        font-size: 32px; } }
    @media screen and (min-width: 1441px) {
      .car-image__title {
        font-size: 48px; } }
    @media screen and (max-width: 1540px) {
      .car-image__title {
        max-width: 520px; } }
    @media screen and (min-width: 1921px) {
      .car-image__title {
        max-width: 35.67vw;
        font-size: 2.5vw;
        margin-bottom: 1.25vw; } }
  .car-image__entry-content {
    margin-left: 132px;
    line-height: 1.6;
    letter-spacing: -0.3px;
    margin-bottom: 32px;
    max-width: 590px; }
    @media screen and (max-width: 1441px) {
      .car-image__entry-content {
        margin-left: 0; } }
    @media screen and (max-width: 1024px) {
      .car-image__entry-content {
        max-width: 100%; } }
    @media screen and (max-width: 1540px) {
      .car-image__entry-content {
        max-width: 400px; } }
    @media screen and (max-width: 1740px) {
      .car-image__entry-content {
        max-width: 480px; } }
    @media screen and (min-width: 1921px) {
      .car-image__entry-content {
        margin-left: 6.87vw;
        max-width: 30.72vw;
        margin-bottom: 1.66vw; } }
  .car-image__button {
    margin-left: 132px; }
    .car-image__button .btn__text-wrap {
      color: #fff !important; }
    .car-image__button:hover {
      border: 2px solid #ff5e14 !important; }
      .car-image__button:hover .btn__text-wrap {
        color: #ff5e14 !important; }
    @media screen and (max-width: 1441px) {
      .car-image__button {
        margin-left: 0; } }
    @media screen and (min-width: 1921px) {
      .car-image__button {
        margin-left: 6.87vw; } }
  .car-image__right {
    min-width: 790px; }
    @media screen and (max-width: 1440px) {
      .car-image__right {
        min-width: 710px; } }
    @media screen and (max-width: 1024px) {
      .car-image__right {
        margin-left: auto;
        padding-left: 24px; } }
    @media screen and (max-width: 790px) {
      .car-image__right {
        min-width: 100%; } }
    @media screen and (min-width: 1921px) {
      .car-image__right {
        min-width: 41.14vw; } }
  .car-image__right-content {
    position: relative; }
  .car-image__image {
    max-width: 100%;
    display: block;
    height: initial; }
    @media screen and (min-width: 1921px) {
      .car-image__image {
        width: 100%; } }
  .car-image__right-content-container {
    height: 48%;
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    overflow: hidden; }
  .car-image__right-content-container-box span {
    display: block;
    width: 36px;
    height: 150%;
    background-color: #e95208;
    position: absolute;
    left: 7%;
    bottom: 0;
    transform-origin: bottom left;
    transform: rotate(20deg); }
    @media screen and (max-width: 480px) {
      .car-image__right-content-container-box span {
        left: 6%; } }
    @media screen and (max-width: 414px) {
      .car-image__right-content-container-box span {
        left: 5%; } }
    @media screen and (max-width: 375px) {
      .car-image__right-content-container-box span {
        left: 4%; } }
    @media screen and (max-width: 320px) {
      .car-image__right-content-container-box span {
        width: 29px; } }
    @media screen and (min-width: 1921px) {
      .car-image__right-content-container-box span {
        width: 1.87vw; } }
  @media screen and (min-width: 1921px) {
    .car-image__overlay {
      width: 100%; } }
  .car-image.line_off .car-image__line {
    display: none; }
  .car-image.line_off .car-image__logo {
    margin-left: 0; }
    @media screen and (min-width: 1921px) {
      .car-image.line_off .car-image__logo {
        margin-left: 0; } }
  .car-image.line_off .car-image__entry-content {
    margin-left: 0; }
    @media screen and (min-width: 1921px) {
      .car-image.line_off .car-image__entry-content {
        margin-left: 0; } }
  .car-image.line_off .car-image__button {
    margin-left: 0; }
    @media screen and (min-width: 1921px) {
      .car-image.line_off .car-image__button {
        margin-left: 0; } }
  .car-image.line_off.reversed .car-image__left {
    padding-left: 50px; }
    @media screen and (max-width: 1024px) {
      .car-image.line_off.reversed .car-image__left {
        padding-left: 24px; } }
  .car-image.reversed::before {
    left: -300px;
    top: -240px;
    width: 60%; }
    @media screen and (max-width: 1440px) {
      .car-image.reversed::before {
        left: -190px; } }
    @media screen and (max-width: 1370px) {
      .car-image.reversed::before {
        left: -150px; } }
    @media screen and (min-width: 1921px) {
      .car-image.reversed::before {
        left: -15.625vw;
        top: -12.5vw; } }
  .car-image.reversed .car-image__content {
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 115px; }
    @media screen and (max-width: 1600px) {
      .car-image.reversed .car-image__content {
        padding-right: 60px; } }
    @media screen and (max-width: 1024px) {
      .car-image.reversed .car-image__content {
        flex-direction: column;
        padding-right: 24px; } }
    @media screen and (min-width: 1921px) {
      .car-image.reversed .car-image__content {
        padding-right: 5.98vw; } }
  @media screen and (max-width: 1024px) {
    .car-image.reversed .car-image__right {
      margin-left: 0;
      margin-right: auto;
      padding-left: 0;
      padding-right: 24px; } }
  .car-image.reversed .car-image__right-content-container-box span {
    left: 76.5%;
    bottom: 0; }
    @media screen and (max-width: 480px) {
      .car-image.reversed .car-image__right-content-container-box span {
        left: 75%; } }
    @media screen and (max-width: 414px) {
      .car-image.reversed .car-image__right-content-container-box span {
        left: 74%; } }
    @media screen and (max-width: 375px) {
      .car-image.reversed .car-image__right-content-container-box span {
        left: 73.5%; } }
  .car-image.reversed .car-image__overlay {
    max-width: 110%;
    width: 108%; }