@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
.nishinomiya-model {
  height: 100%;
  position: relative;
}
.nishinomiya-model .sub-area {
  text-align: center;
}
.nishinomiya-model .sub-area .ttl-area-wrap {
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 1360px;
  position: relative;
}
.nishinomiya-model .sub-area .page-ttl-en .spanText {
  font-family: "Bodoni Moda", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  /* font-size: clampVw(60, 170, 170, $vw-xl);*/
  font-size: clamp(6rem, 8.8541666667vw, 8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.03em;
  display: inline-block;
  color: #000;
}
.nishinomiya-model .sub-area .page-ttl-en .spanText span:nth-child(2),
.nishinomiya-model .sub-area .page-ttl-en .spanText span:nth-child(8),
.nishinomiya-model .sub-area .page-ttl-en .spanText span:nth-child(9) {
  color: #FF4E00;
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .page-ttl-en .spanText {
    font-size: clamp(4rem, 10.4166666667vw, 10rem);
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .page-ttl-en {
    text-align: center;
  }
}
.nishinomiya-model .sub-area .page-ttl-ja {
  font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-size: clamp(1.5rem, 1.4583333333vw, 2.8rem);
  font-weight: 400;
  color: #000;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .page-ttl-ja {
    font-size: clamp(1.4rem, 2.34375vw, 2rem);
    text-align: center;
  }
}
.nishinomiya-model .sub-area .page-ttl-ja02 {
  font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-size: clamp(1.5rem, 1.8229166667vw, 5rem);
  font-weight: 400;
  color: #000;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .page-ttl-ja02 {
    font-size: clamp(1.4rem, 2.34375vw, 3rem);
    text-align: center;
  }
}
.nishinomiya-model .sub-area .page-txt {
  font-family: "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
  font-size: clamp(1.3rem, 0.9375vw, 1.8rem);
  font-weight: 500;
  line-height: 1.8;
  color: #000;
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .page-txt {
    font-size: clamp(1.2rem, 1.8229166667vw, 1.5rem);
    text-align: center;
  }
}
.nishinomiya-model .sub-area .borderlessBtnWrap {
  margin-top: clamp(10rem, 10.4166666667vw, 20rem);
  padding-bottom: clamp(4rem, 4.1666666667vw, 8rem);
  padding-right: clamp(4rem, 4.1666666667vw, 8rem);
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.nishinomiya-model .sub-area .borderlessBtnWrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: clamp(15rem, 15.625vw, 35rem);
  background-color: #000;
}
.nishinomiya-model .sub-area .borderlessBtnWrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: clamp(20rem, 23.4375vw, 54rem);
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .borderlessBtnWrap {
    justify-content: center;
    padding-right: 0;
    padding-bottom: 20px;
  }
  .nishinomiya-model .sub-area .borderlessBtnWrap::before {
    display: none;
  }
  .nishinomiya-model .sub-area .borderlessBtnWrap::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .sub-area .modelhouse-ttl {
    margin-top: 40px;
  }
}
.nishinomiya-model .other-modelhouse ul {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .nishinomiya-model .other-modelhouse ul {
    flex-direction: column;
    gap: 20px;
  }
}
.nishinomiya-model .other-modelhouse ul li span {
  display: block;
  font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
  font-weight: 400;
  color: #000;
  letter-spacing: 0.05em;
}

/*# sourceMappingURL=nishinomiya-model.css.map */