@charset "UTF-8";
/*----------------------------------------

	equipment CSS

-----------------------------------------*/
.equipment {
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.equipment .l-content .c-row {
  gap: 0 2.0833333333%;
}
.equipment .l-content .c-row *[class*=c-col] {
  --row-gutters-width: 2.0833333333%;
}
.equipment .l-content .c-row figure {
  position: relative;
}
.equipment .l-content .c-row figure figcaption {
  margin-top: 0;
  position: absolute;
  right: min(0.365vw, 7px);
  bottom: min(0.26vw, 5px);
  font-size: min(0.729vw, 14px);
  color: #000;
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-row figure figcaption {
    right: min(0.933vw, 7px);
    bottom: min(0.667vw, 5px);
    font-size: min(1.867vw, 14px);
  }
}
.equipment .l-content .c-row p {
  margin-top: min(1.094vw, 21px);
}
.equipment .l-content .c-row p span.u-text--normal {
  display: block;
  padding-top: min(1.094vw, 21px);
}
@media screen and (max-width: 768px) {
  .equipment .c-title--page {
    font-size: clamp(19px, 5.067vw, 38px);
  }
}
@media screen and (max-width: 768px) {
  .equipment .c-title--contents {
    font-size: clamp(16px, 4.267vw, 32px);
  }
}
@media screen and (max-width: 768px) {
  .equipment .c-tab__item {
    font-size: clamp(13px, 3.467vw, 26px);
    padding: min(2.667vw, 20px) min(1.333vw, 10px);
  }
}
.equipment .l-content .c-grid__row figure {
  position: relative;
}
.equipment .l-content .c-grid__row figure figcaption {
  margin-top: 0;
  position: absolute;
  right: min(0.365vw, 7px);
  bottom: min(0.26vw, 5px);
  font-size: min(0.729vw, 14px);
  color: #000;
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-grid__row figure figcaption {
    right: min(0.933vw, 7px);
    bottom: min(0.667vw, 5px);
    font-size: min(1.867vw, 14px);
  }
}
.equipment .l-content .c-grid__row p {
  margin-top: min(1.094vw, 21px);
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-grid__row p {
    margin-top: min(2.8vw, 21px);
    font-size: clamp(13px, 3.467vw, 26px) !important;
  }
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-grid__row p.u-text--size--s {
    font-size: clamp(11px, 2.933vw, 22px) !important;
  }
}
.equipment .l-content .c-grid__row p span.u-text--normal {
  display: block;
  padding-top: min(1.094vw, 21px);
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-accordion--tra__btn {
    width: min(43.733vw, 196.8px);
    padding-block: min(5.067vw, 22.8px);
    bottom: 0;
    font-size: clamp(10px, 2.667vw, 20px);
    z-index: 3;
  }
}
.equipment .mb30 {
  margin-bottom: min(1.563vw, 30px);
}

@media screen and (max-width: 768px) {
  .c-accordion--tra__btn__text::before, .c-accordion--tra__btn__text--close::before, .c-accordion--tra__btn__text::after, .c-accordion--tra__btn__text--close::after {
    width: clamp(10px, 2.667vw, 20px);
  }
}

@media screen and (max-width: 768px) {
  .c-accordion--tra__btn__text, .c-accordion--tra__btn__text--close {
    padding-left: clamp(15px, 4vw, 30px);
  }
}

.u-text--size--m,
.u-text--size--m a {
  font-size: min(1.094vw, 21px) !important;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .u-text--size--m,
  .u-text--size--m a {
    font-size: clamp(15px, 4vw, 30px) !important;
  }
}

.equipment .l-content .c-row p span.u-text--normal {
  display: block;
  padding-top: min(1.094vw, 21px);
  font-size: min(0.729vw, 14px);
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-row p span.u-text--normal {
    font-size: clamp(13px, 3.467vw, 26px) !important;
  }
}
@media screen and (max-width: 768px) {
  .equipment .l-content .c-row p span.u-text--normal.u-text--size--s {
    font-size: clamp(11px, 2.933vw, 22px) !important;
  }
}

.c-row, .c-grid__row {
  margin-bottom: min(7.292vw, 140px);
}
@media screen and (max-width: 768px) {
  .c-row, .c-grid__row {
    margin-bottom: 0;
  }
  .c-row > div, .c-grid__row > div {
    margin-bottom: min(8vw, 60px) !important;
  }
}

.j-c_end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  .j-c_end .mb30_2 {
    margin-bottom: min(2.667vw, 20px) !important;
  }
}

.equipment--notice {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: min(1.563vw, 30px);
}

@media screen and (max-width: 768px) {
  .c-accordion--tra {
    padding-bottom: clamp(60px, 16vw, 120px);
  }
}

.c-accordion--tra::before {
  bottom: clamp(60px, 16vw, 120px);
  height: min(8vw, 60px);
}
/*# sourceMappingURL=equipment.css.map */