@charset "UTF-8";

.common_fv {
  background-image: url(../img/restore/repair_fitting/main_image.jpg);
}
@media screen and (min-width: 770px) {
  #repair_fitting_conts {
    .auto {
      width: 1100px;
    }
    .title_block {
      .block {
        width: 618px;
        margin: 0 auto 117px 0;
        position: relative;
      }
      .block .text {
        line-height: 2.03;
        margin-bottom: 18px;
        width: 560px;
      }
      .block .text:last-of-type {
        margin-bottom: 0;
      }
      .block .img {
        position: absolute;
        width: 677px;
        top: 1px;
        right: -682px;
      }
      .block .block_title {
        width: 560px;
        font-size: 36px;
        padding-top: 43px;
        margin-bottom: 25px;
        line-height: 1.4;
      }
      &.refitting {
        margin-top: 142px;
      }
      &.refitting .block .img {
        top: -10px;
      }
      &.refitting .block {
        margin: 0 auto 257px 0;
      }
    }
    /* title_block */

    .cases {
      background-color: #f9f8f6;
      padding: 80px 0;

      .case_header {
        text-align: center;
        margin-bottom: 49px;
      }

      .case_title {
        font-size: 36px;
        line-height: 1.4;
        color: #1a355e;
        font-weight: normal;
        margin-bottom: 24px;
      }

      .case_flex_container {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
      }

      .case_card {
        width: 530px;
        box-sizing: border-box;
      }
      .case_image {
        position: relative;
        padding-top: 56.25%;
        margin-bottom: 9px;
      }
      iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .case_text {
        text-align: right;
        line-height: 1.5;
      }
      &.refitting_cases {
        padding-bottom: 125px;
      }
    }
    /* cases */

  }
  /* #repair_fitting_conts */

}

@media screen and (max-width:769px) {
  .common_fv img {
    width: 50%;
    padding-top: 15vw;
    margin-left: auto;
    margin-right: auto;
  }
  #repair_fitting_conts {
    .title_block {
      .block {
        width: 100%;
        margin: 0 auto 60px 0;
        position: relative;
        display: flex;
        flex-direction: column;
      }
      .block .text {
        line-height: 2.03;
        margin-bottom: 18px;
      }
      .block .text:last-of-type {
        margin-bottom: 0;
        order: 3;
      }
      .block .img {
        width: 100%;
        order: 2;
        margin-bottom: 15px;
      }
      .block .block_title {
        font-size: 24px;
        text-align: center;
        line-height: 1.7;
        margin-bottom: 22px;
        order: 1;
      }
      &.refitting {
        margin-top: 50px;
      }
    }
    /* .title_block */

    .cases {
      background-color: #f9f8f6;
      padding: 60px 0 60px;

      .case_header {
        text-align: center;
        margin-bottom: 36px;
      }

      .case_title {
        font-size: 24px;
        text-align: center;
        line-height: 1.7;
        margin-bottom: 15px;
      }

      .case_lead {
        text-align: left;
      }
      .case_flex_container {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: center;
      }

      .case_card {
        width: 530px;
        box-sizing: border-box;
        margin-bottom: 6px;
      }
      .case_image {
        position: relative;
        padding-top: 56.25%;
        margin-bottom: 9px;
      }
      iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .case_text {
        text-align: right;
      }
    }
    /* cases */

  }
  /* #repair_fitting_conts */

}