@charset "UTF-8";
/*///////////////////////////////////////////////////////
    製品トップスタイル
///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////
    変数設定
///////////////////////////////////////////////////////*/
/* custom style */
/*///////////////////////////////////////////////////////
    mixin設定
///////////////////////////////////////////////////////*/
.contents .contents-head {
  padding-top: 3.2rem;
}
.contents .contents-head .page-head--ttl {
  font-size: 2.2rem;
  text-align: center;
}
.contents .contents-body {
  margin-bottom: 12rem;
}
.contents .contents-body .attention-cont {
  margin-bottom: 4.2rem;
}
.contents .contents-body .attention-cont .attention-cont--item + .attention-cont--item {
  margin-top: 3.2rem;
}
.contents .contents-body .attention-cont .attention-cont--ttl {
  margin-bottom: 1.2rem;
  padding-left: 1.2rem;
  line-height: 1.6;
  font-size: 1.6rem;
  border-left: 4px solid #191919;
}
.contents .contents-body .attention-cont .attention-cont--body {
  line-height: 1.8;
  font-size: 1.2rem;
}

.link-btn .btn {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 25rem;
  height: 5rem;
  padding: 0 2.4rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  background: #191919;
}
.link-btn .btn .icon {
  width: 1.2em;
  transform: scale(-1, 1);
}
.link-btn .btn::after {
  content: "";
  display: block;
  width: 1.2em;
}

@media screen and (min-width: 961px) {
  .contents .inner {
    width: 96rem;
  }
  .contents .contents-head {
    padding-top: 6.4rem;
  }
  .contents .contents-head .page-head--inner {
    justify-content: center;
  }
  .contents .contents-head .page-head--ttl {
    font-size: 2.6rem;
  }
  .contents .contents-body {
    margin-bottom: 16rem;
  }
  .contents .contents-body .attention-cont {
    margin-bottom: 4.2rem;
  }
  .contents .contents-body .attention-cont .attention-cont--item + .attention-cont--item {
    margin-top: 4rem;
  }
  .contents .contents-body .attention-cont .attention-cont--ttl {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    border-left: 3px solid #191919;
  }
  .contents .contents-body .attention-cont .attention-cont--body {
    font-size: 1.4rem;
  }
  .link-btn .btn {
    width: 26rem;
    height: 6rem;
    font-size: 1.4rem;
  }
}