/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.repair {
  background-color: #f7f8f1;
  margin-top: 60px;
  padding-top: 40px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .repair {
    margin-top: 95px;
    padding-top: 105px;
    padding-bottom: 109px;
  }
}
.repair_grid {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: column;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .repair_grid {
    width: calc(50% + 510px + 20px);
    max-width: 100%;
    gap: 24px;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 62px;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .repair_grid .item_photo {
    width: clamp(58.8617886179% - 24px, (1200px - 100vw) * 1000, 100%);
  }
}
.repair_grid .item_main {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .repair_grid .item_main {
    width: clamp(41.1382113821%, (1200px - 100vw) * 1000, 100%);
    padding-top: 10px;
  }
}
.repair_grid .item_main .txt_15 {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .repair_grid .item_main .txt_15 {
    margin-top: 24px;
  }
}
.repair_about {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .repair_about {
    margin-top: 107px;
  }
}
.repair_about .layr_repair_about {
  margin-top: 15px;
}
.repair_about .layr_repair_about .item:nth-child(1) .item_figure::after {
  opacity: 0.55;
}
.repair_about .layr_repair_about .item:nth-child(2) .item_figure::after {
  opacity: 0.77;
}
.repair_about .layr_repair_about .item:nth-child(2) .item_figure::after {
  opacity: 0.8;
}
.repair_about_note {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .repair_about_note {
    text-align: center;
    margin-top: 50px;
    padding-left: 32px;
  }
}

.made {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .made {
    margin-top: 133px;
  }
}
.made_grid {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .made_grid {
    width: calc(50% + 510px + 20px);
    max-width: 100%;
    gap: 24px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .made_grid .title_pri .jp {
    margin-top: 12px;
  }
}
.made_grid .leading {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .made_grid .leading {
    margin-top: 63px;
  }
}
@media screen and (min-width: 768px) {
  .made_grid .item_photo {
    width: clamp(58.8617886179% - 24px, (1200px - 100vw) * 1000, 100%);
  }
}
.made_grid .item_main {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .made_grid .item_main {
    width: clamp(41.1382113821%, (1200px - 100vw) * 1000, 100%);
    padding-top: 13px;
  }
}
.made_grid .item_main .txt_15 {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .made_grid .item_main .txt_15 {
    padding-left: 2px;
  }
}
.made_about {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .made_about {
    margin-top: 104px;
  }
}
.made_about .layr_repair_about {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p_business_repair .c_boxcontact {
    margin-top: 6px;
  }
}
@media screen and (min-width: 768px) {
  .p_business_repair .repair_about .layr_repair_about {
    margin-top: 31px;
  }
}
@media screen and (min-width: 768px) {
  .p_business_repair .repair_about .layr_repair_about .item {
    max-width: unset;
  }
}
@media screen and (min-width: 768px) {
  .p_business_repair .made_about .layr_repair_about {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .p_business_repair .made_about .layr_repair_about .item {
    max-width: unset;
  }
}
/*# sourceMappingURL=business_repair.css.map */