@charset "utf-8";
.high-torque-impact-socket-main-title-br{
  display: none;
}

.high-torque-impact-socket-list-wrap01{
  margin-bottom: 100px;
}

.high-torque-impact-socket-list-wrap02{
  margin-top: 100px;
}

.hex-socket{
  font-size: 1.8em;
}

.high-torque-impact-socket-section{
  margin-top: 50px;
}

.high-torque-impact-socket-section__inner{
  max-width: 1200px;
  margin: 50px auto 0;
}

.high-torque-impact-socket-parallax__bg01::before{
  background: url(../images/high-torque-impact-socket-html_content-bg01.webp) no-repeat;
  background-position: center top;
  background-size: cover;
}

.high-torque-impact-socket-parallax__bg02::before{
  background: url(../images/high-torque-impact-socket-html_content-bg02.webp) no-repeat;
  background-position: center 20%;
  background-size: cover;
}

.high-torque-impact-socket-parallax__heading-bg{
  display: none;
}

.features-section{
  margin-top: 90px;
}

.features-section__column-wrap{
  display: flex;
  justify-content: space-between;
}

.features-section-first{
  margin-top: 0;
}

.features-section-reverse{
  flex-direction:row-reverse;
}

.features-section__text-wrap{
  width: 48.5%;
}

.features-section__title{
  font-size: 2.77em;
  font-weight: bold;
  line-height: 1.38;
}

.features-section__title-tb{
  display: none;
}

.features-section__text{
  margin-top: 25px;
  font-size: 1.22em;
  line-height: 1.8;
}

.features-section__img-wrap{
  width: 48.5%;
}

@media screen and (max-width:1200px){
  .high-torque-impact-socket-section__inner{
    padding: 0 20px;
  }

  .features-section__title{
    font-size: clamp(2.53125rem, 0.4063rem + 3.5417vw, 3.0625rem);
  }

  .hex-socket{
    font-size: 1.6em;
  }
}

@media screen and (max-width: 1024px){
  .features-section__column-wrap{
    gap: 20px;
  }

  .features-section__text{
    margin-top: 10px;
  }

  .features-section__img-wrap{
    margin-top: 20px;
  }
}

@media screen and (max-width: 960px){
  .features-section__title{
    display: none;
  }

  .features-section__title-tb{
    display: block;
  }

  .high-torque-impact-socket-parallax__heading{
    font-size: clamp(1.78125rem, 0.5625rem + 3.75vw, 2.8125rem);
  }
}

@media screen and (max-width: 550px){
  .features-section__text{
    margin-top: 20px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 520px){
  .high-torque-impact-socket-main-title-br{
    display: block;
  }

  .high-torque-impact-socket-list-wrap02{
    margin-top: 0;
  }

  .high-torque-impact-socket-list{
    row-gap: 0;
  }

  .high-torque-impact-socket-list__item{
    margin-top: 86px;
  }

  .high-torque-impact-socket-list__item-first{
    margin-top: 0;
  }

  .features-section{
    margin-top: 70px;
  }

  .features-section__column-wrap{
    flex-direction: column;
    gap: 30px;
  }

  .hex-socket{
    font-size: 1.78em;
  }

  .features-section-first{
    margin-top: 0;
  }

  .features-section__title{
    font-size: clamp(1.5625rem, 0.0125rem + 7.75vw, 2.53125rem);
  }

  .features-section__text-wrap{
    width: 100%;
  }

  .features-section__text{
    margin-top: 15px;
    font-size: 1.12em;
  }

  .features-section__img-wrap{
    width: 100%;
    margin-top: 0;
  }

  .features-section__img{
    width: 100%;
  }

  .high-torque-impact-socket-parallax__heading{
    text-align: center;
    line-height: 1.1;
  }

  .high-torque-impact-socket-parallax__heading-bg{
    display: block;
  }
}

@media screen and (max-width: 420px){
  .features-section__text{
    margin-top: 15px;
    font-size: clamp(1.1875rem, 0.9875rem + 1vw, 1.25rem);
  }
}

@media screen and (max-width: 360px){
  .hex-socket{
    font-size: 1.5em;
  }
}

@media screen and (max-width: 320px){
  .high-torque-impact-socket-parallax__heading{
    font-size: clamp(1.4375rem, -0.0625rem + 7.5vw, 2.375rem);
  }
}