@charset "utf-8";
.backup-wrench-kv-product-name{
  margin-top: 35px;
  padding-bottom: 15px;
  font-size: 4.3em;
}

.backup-wrench-section-title-lead-br-sp,
.backup-wrench-option__title-lead-br-sp{
  display: none;
}

.c-innovative-points__btn{
  margin-top: 0;
}

.reaction-fixtures-content-bg::before{
  background: url(../images/backup-wrench-html_content-bg.webp) no-repeat center;
  background-size: cover;
}

.c-spec__list--text{
  padding: 10px 0;
}

.c-spec__list--title-text{
  padding: 2px 0 4px 0;
}

.c-hydraulic-tools-btn{
  margin: 0 auto 50px;
}

.backup-wrench-option__column{
  display: flex;
  gap: 20px;
  margin-top: 50px;
}

.backup-wrench-option__detail-wrap{
  width: 71%;
}

.backup-wrench-option__text{
  font-size: 1.22em;
  line-height: 1.7;
}

.backup-wrench-btn{
  margin-top: 35px;
}



@media screen and (max-width:1200px){
  .backup-wrench-kv-title{
    font-size: clamp(1.58125rem, -0.0937rem + 2.7917vw, 2rem);
  }

  .backup-wrench-kv-product-name{
    font-size: clamp(2.9375rem, -0.3125rem + 5.4167vw, 3.75rem);
  }

  .backup-wrench-kv-text{
    font-size: clamp(1.3375rem, -0.0625rem + 2.3333vw, 1.6875rem);
  }

  .backup-wrench-kv-column-text{
    font-size: clamp(1.3125rem, -0.4375rem + 2.9167vw, 1.75rem);
  }
}



@media screen and (max-width:960px){
  .backup-wrench-kv-text-wrap{
    margin-bottom: 0;
  }

  .backup-wrench-kv-inner{
    gap: 69px;
  }

  .backup-wrench-kv-title{
    font-size: clamp(1.9375rem, 0.9375rem + 2.0833vw, 2.1875rem);
  }

  .backup-wrench-kv-product-name{
    font-size: clamp(3.6875rem, -0.0625rem + 7.8125vw, 4.625rem);
  }

  .backup-wrench-kv-text,
  .backup-wrench-kv-column-text{
    font-size: clamp(1.65rem, 0.8rem + 1.7708vw, 1.8625rem);
  }

  .backup-wrench-kv-img-wrap{
    width: 100%;
  }

  .backup-wrench-kv-img{
    width: 77%;
  }
}


@media screen and (max-width:834px){
  .backup-wrench-kv-inner{
    gap: 91px;
  }
}



@media screen and (max-width:768px){
  .backup-wrench-kv-inner{
    gap: 67px;
  }

  .backup-wrench-kv-title{
    font-size: clamp(1.6875rem, 0.7177rem + 2.9839vw, 2.15rem);
  }
  
  .backup-wrench-kv-product-name{
    font-size: clamp(3.1875rem, -0.0887rem + 10.0806vw, 4.75rem);
  }

  .backup-wrench-kv-text,
  .backup-wrench-kv-column-text{
    font-size: clamp(1.40625rem, 0.1234rem + 3.9474vw, 2.0625rem);
  }

  .backup-wrench-kv-img{
    width: 82%;
  }

  .c-innovative-points__btn--link{
    padding: 18px 64px 21px 40px;
  }
}



@media screen and (max-width:520px){
  .backup-wrench-kv-inner{
    gap: 62px;
  }

  .backup-wrench-kv-title{
    font-size: clamp(1.0625rem, -0.1549rem + 6.087vw, 1.9375rem);
  }
  
  .backup-wrench-kv-product-name{
    margin-top: 15px;
    font-size: clamp(1.9375rem, -0.2625rem + 11vw, 3.3125rem);
  }

  .backup-wrench-kv-text{
    font-size: clamp(0.85625rem, -0.1264rem + 4.913vw, 1.5625rem);
  }

  .backup-wrench-kv-column-text{
    font-size: clamp(0.775rem, -0.335rem + 5.55vw, 1.46875rem);
  }

  .backup-wrench-kv-img{
    width: 100%;
  }

  .backup-wrench-bg__heading{
    font-size: clamp(1.3125rem, -0.1875rem + 7.5vw, 2.25rem);
  }

  .backup-wrench-option__column{
    flex-direction: column;
  }

  .backup-wrench-option__img-wrap{
    text-align: center;
  }

  .backup-wrench-option__detail-wrap{
    width: 100%;
  }
}


@media screen and (max-width:400px){
  .backup-wrench-breadcrumb-text{
    font-size: 0.67em;
  }
}


@media screen and (max-width:435px){
  .backup-wrench-section-title-lead{
    line-height: 1.2;
  }

  .backup-wrench-section-title-lead-br-sp{
    display: block;
  }
}


@media screen and (max-width:393px){
  .backup-wrench-kv-inner {
    gap: 76px;
  }

  .backup-wrench-option__title-lead{
    line-height: 1.2;
  }

  .backup-wrench-option__title-lead-br-sp{
    display: block;
  }
}


@media screen and (max-width:390px){
  .c-innovative-points__btn--link{
    padding: 18px 56px 21px 35px;
  }
}


@media screen and (max-width:375px){
  .backup-wrench-breadcrumb-text{
    font-size: 0.55em;
  }

  .backup-wrench-kv-inner{
    gap: 52px;
  }

  .backup-wrench-option__title{
    font-size: 2.2em;
  }
}


@media screen and (max-width:320px){
  .backup-wrench-kv-inner{
    gap: 76px;
  }
}