@charset "UTF-8";
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* *** variables model *** */
/* color */
/* *** mixins *** */
/* break point */
/* hover */
/* *** common model *** */
/* -----------------------------------------------
  ① clamp関数（function関数改善版2025.11.20）
----------------------------------------------- */
/* 1rem = 10px */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
/* 文字が白の場合の色変更サンプル */
.special_sample {
  background-color: var(--greyK5);
  color: var(--white);
}
.special_sample .hr {
  border-color: var(--greyK80);
}
.special_sample .body-color-list > li {
  color: var(--black);
}
@media (max-width: 768px) {
  .special_sample .cmn-carousel-page.is-active {
    border-color: var(--white);
    background-color: var(--black);
  }
}
@media (max-width: 768px) {
  .special_sample .cmn-carousel-page:not(.is-active) {
    border-color: var(--greyK5);
  }
}

/* ST Black Selection */
.special-eq-section-01 {
  background-color: var(--greyK5);
  padding-top: var(--blockMg);
  padding-bottom: var(--blockMg);
}
.special-eq-section-01 .h2ttl {
  margin-bottom: var(--size16);
}
@media (max-width: 768px) {
  .special-eq-section-01 .cmn-carousel-page:not(.is-active) {
    border-color: var(--greyK5);
  }
}
.special-eq-section-01 .ttl-price-box .ttl-box {
  background-color: #6e7881;
}

/* ST Smart Edition */
.special-eq-section-02 {
  padding: var(--blockMg) 0;
  background-color: #E9F4F4;
}
@media (max-width: 768px) {
  .special-eq-section-02 .cmn-carousel-page:not(.is-active) {
    border-color: #E9F4F4;
  }
}

/* *** animations model *** *//*# sourceMappingURL=style.css.map */