@charset "UTF-8";
/*color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*box-shadow*/
/*media query break point*/
/*mainBP*/
/*mainBP*/
/*gHeader用*/
/* brand用*/
/* media query */
/* media query */
/* 
title
-------------------------------------------- */
.s_model_ttl {
  font-size: min(6vw, 4rem);
  text-align: center;
  margin: 40px auto 24px;
}
@media only screen and (min-width: 769px) {
  .s_model_ttl {
    margin: 80px auto 40px;
  }
}
.s_model_ttl_hd {
  line-height: 1.3;
  color: #b4995a;
}

/* 
contents
-------------------------------------------- */
.s_model_sld {
  max-width: 1600px;
  margin: 0 auto;
}
.s_model_sld .js-slick-th-btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 4px auto 4px auto 4px auto;
  grid-template-columns: repeat(4, auto);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  margin: 15px auto 0;
  gap: 4px;
}
.s_model_sld .js-slick-th-btn li {
  max-width: 100px;
  cursor: pointer;
  background-color: #000;
}
.s_model_sld .js-slick-th-btn li:not(.current) img {
  opacity: 0.6;
}
.s_model_sld .js-slick-th-btn img {
  vertical-align: bottom;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media only screen and (min-width: 769px) {
  .s_model_sld .js-slick-th-btn {
    -ms-grid-columns: auto 8px auto 8px auto 8px auto 8px auto 8px auto 8px auto 8px auto;
    grid-template-columns: repeat(8, auto);
    margin-top: 25px;
    gap: 8px;
  }
  .s_model_sld .js-slick-th-btn li {
    max-width: 120px;
  }
}
@media only screen and (min-width: 769px) {
  .s_model_sld .item_07 .c_cap {
    color: #000;
    text-shadow: none;
  }
}

.s_cta {
  margin-top: 40px;
}
.s_cta_copy {
  font-size: min(5vw, 2.8rem);
  line-height: 1.4;
  text-align: center;
}
.s_cta_link {
  margin-top: 15px;
}
@media only screen and (min-width: 769px) {
  .s_cta {
    margin-top: 70px;
  }
  .s_cta_link {
    margin-top: 25px;
  }
}
/*# sourceMappingURL=model.css.map */