@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
変数
----------------------------------------*/
/*----------------------------------------
サイト共通 スタイルシート
----------------------------------------*/
.colorSub {
  font-weight: 700;
}

.navLink.products > a {
  color: var(--colorSub);
}
.navLink.products > a:after {
  -webkit-transform: scale(1, 1) !important;
          transform: scale(1, 1) !important;
}

/* 製品詳細ページ 共通
---------------------------------------------- */
@media screen and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap {
    padding-right: 20px;
    margin-bottom: 4.5rem;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap {
    padding-right: clamp(5rem, -17.5rem + 23.44vw, 20rem);
    margin-bottom: 9rem;
  }
}
.productDetails .contents .contactLinkWrap .contactLinkInner {
  background-color: rgba(226, 97, 154, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 589px) {
  .productDetails .contents .contactLinkWrap .contactLinkInner {
    height: 400px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    padding-top: 60px;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .contactLinkInner {
    height: 616px;
    border-top-right-radius: 308px;
    border-bottom-right-radius: 308px;
    padding-top: 130px;
    padding-right: 8.3%;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .contactLinkInner {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 616px;
    border-top-right-radius: 308px;
    border-bottom-right-radius: 308px;
    padding-top: 0;
    padding-right: 16.3%;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap {
    width: 656px;
  }
}
.productDetails .contents .contactLinkWrap .btnBoxWrap .leadText {
  color: #fff;
  margin-bottom: 2rem;
  text-align: center;
}
.productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox {
  min-width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 589px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox {
    width: 80%;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox {
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox {
    width: 622px;
    height: 160px;
  }
}
@media screen and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox .iconCircleMail {
    margin-right: 20px;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox .iconCircleMail {
    margin-right: 40px;
  }
}
@media screen and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox .iconCircleMail img {
    width: 50px;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .btnBox .iconCircleMail img {
    width: 80px;
  }
}
.productDetails .contents .contactLinkWrap .btnBoxWrap a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: var(--fontJP);
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 98px;
}
@media screen and (max-width: 589px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap a {
    padding: 10px 40px 10px 20px;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap a {
    padding: 25px 45px 25px 30px;
    font-size: 1.625em;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap a {
    padding: 40px 32px 40px 52px;
    font-size: 1.77em;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .iconArrow.arrow01 {
    margin-right: 32px;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .iconArrow.arrow01::before {
    width: 12px;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .iconArrow.arrow01::before {
    width: 15px;
    height: 3px;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .iconArrow.arrow01::after {
    width: 18px;
    height: 18px;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .contents .contactLinkWrap .btnBoxWrap .iconArrow.arrow01::after {
    width: 24px;
    height: 24px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
}
@media screen and (max-width: 899px) {
  .productDetails .lineupWrap {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 900px) {
  .productDetails .lineupWrap {
    margin-bottom: 10rem;
  }
}

/*   マシーン詳細   */
@media screen and (max-width: 899px) {
  .productItem section {
    margin-bottom: 4.5rem;
  }
}
@media screen and (min-width: 900px) {
  .productItem section {
    margin-bottom: 9rem;
  }
}
.productItem .sectionTitle02 {
  margin-bottom: 40px;
}
.productItem .whatIsWrap {
  background: transparent linear-gradient(134deg, #FFFFFF 0%, #F6EDED 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
  padding: 1.875em;
}
@media screen and (min-width: 900px) and (max-width: 1299px) {
  .productItem .whatIsWrap {
    padding: 2.77em;
  }
}
@media screen and (min-width: 1300px) {
  .productItem .whatIsWrap {
    padding: 2.77em 5em 5em;
  }
}
@media screen and (min-width: 900px) {
  .productItem .whatIsWrap .whatIs {
    display: grid;
    grid-template-columns: 55% 1fr;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-areas: "titleWrap imgWrap" "textWrap imgWrap";
    -webkit-column-gap: 3%;
       -moz-column-gap: 3%;
            column-gap: 3%;
  }
}
@media screen and (min-width: 1300px) {
  .productItem .whatIsWrap .whatIs {
    grid-template-columns: 65% 1fr;
  }
}
.productItem .whatIsWrap .whatIs .titleWrap {
  grid-area: titleWrap;
  position: relative;
}
@media screen and (max-width: 899px) {
  .productItem .whatIsWrap .whatIs .titleWrap {
    margin-bottom: 2.125em;
  }
}
@media screen and (min-width: 900px) {
  .productItem .whatIsWrap .whatIs .titleWrap {
    margin-top: 1.875rem;
    margin-bottom: 2.5rem;
  }
}
.productItem .whatIsWrap .whatIs .titleWrap .secTitle {
  margin-bottom: 0;
}
.productItem .whatIsWrap .whatIs .titleWrap .flexTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.productItem .whatIsWrap .whatIs .titleWrap .flexTitle .jaTitle {
  margin-right: 20px;
}
.productItem .whatIsWrap .whatIs .imgWrap {
  grid-area: imgWrap;
}
.productItem .whatIsWrap .whatIs .textWrap {
  grid-area: textWrap;
}
.productItem .whatIsWrap .whatIs .textWrap .leadText {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1300px) {
  .productItem .whatIsWrap .whatIs .textWrap .leadText {
    margin-bottom: 2.5rem;
  }
}
.productItem .whatIsWrap .whatIs .textWrap .exerciseList {
  margin-bottom: 40px;
}
.productItem .whatIsWrap .whatIs .textWrap .exerciseList li {
  display: inline-block;
  border-radius: 16px;
  background-color: var(--colorSub);
  color: #FFF;
  font-size: 0.88em;
  font-weight: 400;
  line-height: 1.75em;
  padding: 0.125em 1em;
}
@media screen and (min-width: 600px) {
  .productItem .featuresWrap .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.productItem .featuresWrap .features .featuresItem {
  background: #fff;
  border-radius: 16px;
}
@media screen and (max-width: 599px) {
  .productItem .featuresWrap .features .featuresItem:not(:last-of-type) {
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 600px) {
  .productItem .featuresWrap .features .featuresItem {
    width: 49%;
    margin-bottom: 0;
  }
}
.productItem .featuresWrap .features .featuresItem .num {
  position: relative;
}
.productItem .featuresWrap .features .featuresItem .num span {
  display: grid;
  place-content: center;
  position: absolute;
  font-weight: 500;
  font-family: var(--fontEN);
  color: #FFF;
  background-color: #563644;
  z-index: 2;
}
@media screen and (max-width: 899px) {
  .productItem .featuresWrap .features .featuresItem .num span {
    width: 64px;
    height: 58px;
    font-size: 24px;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}
@media screen and (min-width: 900px) {
  .productItem .featuresWrap .features .featuresItem .num span {
    width: 96px;
    height: 86px;
    font-size: 36px;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}
.productItem .featuresWrap .features .featuresItem .num::after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  background-color: var(--colorSub);
}
@media screen and (max-width: 899px) {
  .productItem .featuresWrap .features .featuresItem .num::after {
    width: 64px;
    height: 58px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
@media screen and (min-width: 900px) {
  .productItem .featuresWrap .features .featuresItem .num::after {
    width: 96px;
    height: 86px;
    font-size: 36px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
.productItem .featuresWrap .features .featuresItem img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.productItem .featuresWrap .features .featuresItem .textBox {
  padding: 3.5rem 1rem;
  font-size: 1.22em;
}
@media screen and (min-width: 900px) {
  .productItem .featuresWrap .features .featuresItem .textBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
  }
}
.productItem .featuresWrap .features .featuresItem .textBox span {
  display: inline-block;
  min-width: 9em;
  color: #878787;
  font-size: 0.818em;
  margin-right: 1rem;
}
@media screen and (min-width: 900px) {
  .productItem .featuresWrap .features .featuresItem .textBox span {
    padding-top: 0.3em;
  }
}
.productItem .specWrap .sectionTitle02 {
  margin-bottom: 0;
}
.productItem .specWrap .specData dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productItem .specWrap .specData dl {
    margin: 0 20px;
  }
}
.productItem .specWrap .specData dt {
  border-bottom: 1px solid var(--colorBorder);
  color: #878787;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 589px) {
  .productItem .specWrap .specData dt {
    width: 110px;
    padding: 20px 10px;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productItem .specWrap .specData dt {
    width: 24.3%;
    padding: 30px 20px;
  }
}
@media screen and (min-width: 900px) {
  .productItem .specWrap .specData dt {
    width: 23.3%;
    padding: 40px 20px;
  }
}
.productItem .specWrap .specData dd {
  border-bottom: 1px solid var(--colorBorder);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 589px) {
  .productItem .specWrap .specData dd {
    width: calc(100% - 110px);
    padding: 20px 10px;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .productItem .specWrap .specData dd {
    width: 75.7%;
    padding: 30px 20px;
  }
}
@media screen and (min-width: 900px) {
  .productItem .specWrap .specData dd {
    width: 76.7%;
    padding: 40px 20px;
  }
}
@media screen and (min-width: 900px) {
  .productItem .drawingWrap .drawing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.productItem .drawingWrap .drawing .imgBox {
  width: 100%;
}
@media screen and (max-width: 899px) {
  .productItem .drawingWrap .drawing .imgBox {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 900px) {
  .productItem .drawingWrap .drawing .imgBox {
    margin-right: 3%;
    margin-bottom: 0;
  }
}
.productItem .drawingWrap .drawing .imgBox img {
  border-radius: 16px;
}
@media screen and (max-width: 899px) {
  .productItem .voiceWrap .voice {
    margin-top: 1em;
  }
}
@media screen and (min-width: 900px) {
  .productItem .voiceWrap .voice {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 2.22em;
       -moz-column-gap: 2.22em;
            column-gap: 2.22em;
    margin-top: 2.22em;
  }
}
.productItem .voiceWrap .voice .voiceItem {
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 899px) {
  .productItem .voiceWrap .voice .voiceItem:not(:last-of-type) {
    margin-bottom: 1.25rem;
  }
}
.productItem .voiceWrap .voice .voiceItem .gender {
  position: relative;
}
.productItem .voiceWrap .voice .voiceItem .gender span {
  display: grid;
  place-content: center;
  width: 174px;
  height: 40px;
  position: relative;
  font-weight: 700;
  color: #FFF;
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  z-index: 2;
}
@media screen and (max-width: 589px) {
  .productItem .voiceWrap .voice .voiceItem .gender span {
    font-size: 1.125em;
  }
}
@media screen and (min-width: 590px) {
  .productItem .voiceWrap .voice .voiceItem .gender span {
    font-size: 1.11em;
  }
}
.productItem .voiceWrap .voice .voiceItem .gender::after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 174px;
  height: 40px;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.productItem .voiceWrap .voice .voiceItem .gender.female span {
  background-color: var(--colorSub);
}
.productItem .voiceWrap .voice .voiceItem .gender.female::after {
  background-color: #EFE2E8;
}
.productItem .voiceWrap .voice .voiceItem .gender.male span {
  background-color: #61A6E2;
}
.productItem .voiceWrap .voice .voiceItem .gender.male::after {
  background-color: #CDD6DD;
}
.productItem .voiceWrap .voice .voiceItem .voiceItemInner {
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 589px) {
  .productItem .voiceWrap .voice .voiceItem .voiceItemInner {
    grid-template-columns: 100px 1fr;
    padding: 20px 20px 30px;
  }
}
@media screen and (min-width: 590px) {
  .productItem .voiceWrap .voice .voiceItem .voiceItemInner {
    grid-template-columns: 110px 1fr;
    padding: 24px 5.9% 40px;
  }
}
.productItem .voiceWrap .voice .voiceItem .voiceIcon img {
  width: 80px;
}
.productItem .voiceWrap .voice .voiceItem .voiceText {
  font-size: 0.88em;
}
.productItem .voiceWrap .voice .voiceItem .voiceText .voiceTitle {
  font-size: 1.375em;
  font-weight: 700;
}
@media screen and (max-width: 589px) {
  .productItem .voiceWrap .voice .voiceItem .voiceText .voiceTitle {
    margin-bottom: 10px;
  }
}

/* 製品詳細 / 足関節SERT
---------------------------------------------- */
@media screen and (max-width: 589px) {
  .ankle .pageHeader {
    background: url(ankle/images/pageMainImg.jpg) no-repeat right 30% center/auto 100%;
  }
}
@media screen and (min-width: 590px) {
  .ankle .pageHeader {
    background: url(ankle/images/pageMainImg.jpg) no-repeat right center/cover;
  }
}
.ankle .contactLinkWrap .contactLinkInner {
  background-image: url(ankle/images/bgContact.png);
  background-position: left bottom;
}
@media screen and (max-width: 589px) {
  .ankle .contactLinkWrap .contactLinkInner {
    background-size: auto 48%;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .ankle .contactLinkWrap .contactLinkInner {
    background-size: auto 60%;
  }
}
@media screen and (min-width: 900px) {
  .ankle .contactLinkWrap .contactLinkInner {
    background-size: auto 90.7%;
  }
}

/* 製品詳細 / マルチSERT
---------------------------------------------- */
@media screen and (max-width: 589px) {
  .multi .pageHeader {
    background: url(multi/images/pageMainImg.jpg) no-repeat right 30% center/auto 100%;
  }
}
@media screen and (min-width: 590px) {
  .multi .pageHeader {
    background: url(multi/images/pageMainImg.jpg) no-repeat right center/cover;
  }
}
.multi .contactLinkWrap .contactLinkInner {
  background-image: url(multi/images/bgContact.png);
  background-position: left bottom;
}
@media screen and (max-width: 589px) {
  .multi .contactLinkWrap .contactLinkInner {
    background-size: auto 48%;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .multi .contactLinkWrap .contactLinkInner {
    background-size: auto 50%;
  }
}
@media screen and (min-width: 900px) {
  .multi .contactLinkWrap .contactLinkInner {
    background-size: auto 90%;
  }
}

/* 製品詳細 / サイクリングSERT
---------------------------------------------- */
@media screen and (max-width: 589px) {
  .leg .pageHeader {
    background: url(cycling/images/pageMainImg.jpg) no-repeat right 30% center/auto 100%;
  }
}
@media screen and (min-width: 590px) {
  .leg .pageHeader {
    background: url(cycling/images/pageMainImg.jpg) no-repeat right center/cover;
  }
}
.leg .contactLinkWrap .contactLinkInner {
  background-image: url(cycling/images/bgContact.png);
  background-position: left bottom;
}
@media screen and (max-width: 589px) {
  .leg .contactLinkWrap .contactLinkInner {
    background-size: auto 48%;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .leg .contactLinkWrap .contactLinkInner {
    background-size: auto 60%;
  }
}
@media screen and (min-width: 900px) {
  .leg .contactLinkWrap .contactLinkInner {
    background-size: auto 90%;
  }
}

/* 製品詳細 / スクワットSERT
---------------------------------------------- */
@media screen and (max-width: 589px) {
  .squat .pageHeader {
    background: url(squat/images/pageMainImg.jpg) no-repeat right 30% center/auto 100%;
  }
}
@media screen and (min-width: 590px) {
  .squat .pageHeader {
    background: url(squat/images/pageMainImg.jpg) no-repeat right center/cover;
  }
}
.squat .contactLinkWrap .contactLinkInner {
  background-image: url(squat/images/bgContact.png);
  background-position: left bottom;
}
@media screen and (max-width: 589px) {
  .squat .contactLinkWrap .contactLinkInner {
    background-size: auto 48%;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .squat .contactLinkWrap .contactLinkInner {
    background-size: auto 60%;
  }
}
@media screen and (min-width: 900px) {
  .squat .contactLinkWrap .contactLinkInner {
    background-size: auto 90%;
  }
}

/* 製品詳細 / ダウンステップSERT
---------------------------------------------- */
@media screen and (max-width: 589px) {
  .downStep .pageHeader {
    background: url(downstep/images/pageMainImg.jpg) no-repeat right 30% center/auto 100%;
  }
}
@media screen and (min-width: 590px) {
  .downStep .pageHeader {
    background: url(downstep/images/pageMainImg.jpg) no-repeat right center/cover;
  }
}
.downStep .contactLinkWrap .contactLinkInner {
  background-image: url(downstep/images/bgContact.png);
  background-position: left bottom;
}
@media screen and (max-width: 589px) {
  .downStep .contactLinkWrap .contactLinkInner {
    background-size: auto 48%;
  }
}
@media screen and (min-width: 590px) and (max-width: 899px) {
  .downStep .contactLinkWrap .contactLinkInner {
    background-size: auto 60%;
  }
}
@media screen and (min-width: 900px) {
  .downStep .contactLinkWrap .contactLinkInner {
    background-size: auto 90%;
  }
}/*# sourceMappingURL=productsDetails.css.map */