/*.p-torquewrench {
  padding-bottom: 16rem;
}
@media screen and (max-width: 767px) {
  .p-torquewrench {
    padding-bottom: 7rem;
  }
}*/
.p-torquewrench .c-photoset .img .u-note {
  margin-top: 1.5rem;
}

.p-about .c-note {
  margin: 5rem 0;
}

@media screen and (max-width: 767px) {
  .p-about .c-note {
    margin: 3rem 0;
  }
}

.p-type {
  margin: 10rem 0 0;
}

@media screen and (max-width: 767px) {
  .p-type {
    margin-top: 8rem;
  }
}

.p-type .c-photoset .img {
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {
  .p-type .c-photoset .img {
    margin-top: 0;
  }
}

.p-type .c-photoset .txt .c-linklist {
  margin-top: 4rem;
}

@media screen and (max-width: 767px) {
  .p-type .c-photoset .txt .c-linklist {
    margin-top: 2rem;
  }
}

.p-type .c-photoset+.c-photoset {
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .p-type .c-photoset+.c-photoset {
    margin-top: 6rem;
  }
}

.p-howuse {
  margin-top: 10rem;
}

@media screen and (max-width: 767px) {
  .p-howuse {
    margin-top: 8rem;
  }
}

.p-howuse .c-note {
  margin: 6rem 0;
}

.p-howuse .c-note-txt .ttl {
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}

.p-howuse .c-note-txt .ttl.m-mt20 {
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .c-note-txt .ttl.m-mt20 {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .p-howuse .c-note-txt .ttl.m-small {
    font-size: 1.4rem;
    letter-spacing: -0.1rem;
  }
}

.p-howuse .c-note-txt .lead {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 1rem;
}

.p-howuse .c-note-txt .fig {
  margin-top: 2rem;
}

.p-howuse .howuse-noteGrid {
  margin-top: 3.5rem;
  padding: 0 4rem 2rem 5.5rem;
  display: -ms-grid;
  display: grid;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}

.p-howuse .howuse-noteGrid .unit .img {
  width: 16rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid .unit .img {
    width: 60%;
  }
}

.p-howuse .howuse-noteGrid .unit .img img {
  mix-blend-mode: multiply;
}

.p-howuse .howuse-noteGrid .unit .txt {
  margin-top: 3.5rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid .unit .txt {
    margin-top: 2rem;
  }
}

.p-howuse .howuse-noteGrid .unit .txt strong {
  display: block;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid .unit .txt strong {
    text-align: center;
    margin-bottom: 1rem;
  }
}

.p-howuse .howuse-noteGrid .unit .txt p {
  font-size: 1.3rem;
  line-height: 1.8;
}

.p-howuse .howuse-noteGrid.m-01 {
  gap: 4.5rem;
  -ms-grid-columns: 21rem 4.5rem 20rem 4.5rem 1fr;
  grid-template-columns: 21rem 20rem 1fr;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-01 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem 0;
  }
}

.p-howuse .howuse-noteGrid.m-01 .unit:nth-of-type(1) .img {
  margin: 0 0 0 1rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-01 .unit:nth-of-type(1) .img {
    margin: 0 auto;
    position: relative;
    right: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-01 .unit:nth-last-of-type(2) .img {
    position: relative;
    left: 1rem;
  }
}

.p-howuse .howuse-noteGrid.m-01 .unit:nth-of-type(3) .img {
  width: 27rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-01 .unit:nth-of-type(3) .img {
    width: 80%;
  }
}

.p-howuse .howuse-noteGrid.m-02 {
  -ms-grid-columns: 1fr 4rem 1fr 4rem 1fr 4rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
  padding: 0 4rem 2rem 4rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-02 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}

.p-howuse .howuse-noteGrid.m-02 .unit .img {
  min-height: 15rem;
  width: auto;
  text-align: center;
}

.p-howuse .howuse-noteGrid.m-02 .unit .img img {
  width: auto;
  height: 15rem;
}

.p-howuse .howuse-noteGrid.m-02 .unit:nth-of-type(4) .img {
  padding-top: 3rem;
}

.p-howuse .howuse-noteGrid.m-02 .unit:nth-of-type(4) .img img {
  width: auto;
  height: 12rem;
}

.p-howuse .howuse-noteGrid.m-03 {
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  padding: 1.4rem 14rem 2rem 10rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-03 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    gap: 4rem;
  }
}

.p-howuse .howuse-noteGrid.m-03 .unit .img {
  margin: 0 auto;
}

.p-howuse .howuse-noteGrid.m-03 .unit .txt {
  margin-top: 2rem;
  text-align: center;
}

.p-howuse .howuse-noteGrid.m-03 .unit:nth-child(1) .img {
  width: 14.5rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-03 .unit:nth-child(1) .img {
    width: 40%;
  }
}

.p-howuse .howuse-noteGrid.m-03 .unit:nth-child(2) .img {
  width: 37.1rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .howuse-noteGrid.m-03 .unit:nth-child(2) .img {
    width: 80%;
  }
}

.p-howuse .c-photoset.m-digital {
  margin-bottom: 8rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .c-photoset.m-digital {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .p-howuse .c-note-scroll .fig {
    width: auto;
    height: 19rem;
    padding-bottom: 1.5rem;
  }

  .p-howuse .c-note-scroll .fig img {
    width: auto;
    height: 100%;
    outline: none;
  }
}

.p-howuse .c-linklist {
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {
  .p-howuse .c-linklist {
    margin-top: 2rem;
  }
}

.p-maintenance {
  margin-top: 20rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance {
    margin-top: 8rem;
  }
}

.p-maintenance .c-photoset .txt .c-linklist {
  margin-top: 4rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance .c-photoset .txt .c-linklist {
    margin-top: 2rem;
  }
}

.p-maintenance .c-photoset .img.m-photopng {
  padding-left: 3rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance .c-photoset .img.m-photopng {
    padding-left: 0;
  }
}

.p-maintenance .c-note.m-check {
  margin-top: 4rem;
}

.p-maintenance .checklist {
  margin-top: 1rem;
}

.p-maintenance .checklist li {
  position: relative;
  padding: 0 1rem 0 3.2rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance .checklist li {
    font-size: 1.3rem;
  }
}

.p-maintenance .checklist li:before {
  content: "";
  width: 2.1rem;
  height: 1.7rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/torquewrench/icn_check.png) no-repeat left top/contain;
}

.p-maintenance .checklist li+li {
  margin-top: 1.2rem;
}

@media screen and (max-width: 767px) {
  .c-photoset.m-underbtn {
    position: relative;
    padding-bottom: 8rem;
  }

  .c-photoset.m-underbtn .c-linklist {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}