@charset "UTF-8";
.fv {
  background-image: url(/business/shokunin-spirits/img/taidan/taidan-01hero-pc.png);
  background-repeat: no-repeat;
  background-position: 50% 67%;
  background-size: cover;
}
@media (max-width: 640px) {
  .fv {
    background-image: url(/business/shokunin-spirits/img/taidan/taidan-01hero-sp.png);
    background-position: center;
  }
}
.fv--lead, .fv--sub-lead {
  color: #fff !important;
  font-weight: bold;
}
.fv--sub-lead {
  display: block;
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(2.635vw, 36px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .fv--sub-lead {
    font-size: min(6.512vw, 28px);
  }
}

.add-lead {
  color: #fff !important;
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.903vw, 26px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .add-lead {
    font-size: min(5.116vw, 22px);
    line-height: 1.43;
  }
}

.hn--mini-lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.903vw, 26px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
  margin-bottom: 7px;
}
@media screen and (max-width: 1000px) {
  .hn--mini-lead {
    font-size: min(5.116vw, 22px);
    line-height: 1.43;
  }
}

#movie-1 .hn--content-img, #movie-2 .hn--content-img, #movie-3 .hn--content-img {
  margin: 0 auto;
}

#movie-2, #movie-3 {
  background-color: #E6E2E4;
}

#shop {
  background-color: #11184F !important;
}
#shop .lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.903vw, 26px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  #shop .lead {
    font-size: min(5.116vw, 22px);
    line-height: 1.43;
  }
}
#shop .cta-btn {
  width: min(43.924vw, 600px);
}
@media (max-width: 1000px) {
  #shop .cta-btn {
    width: min(86.047vw, 370px);
  }
}

.video {
  height: min(23.06vw, 315px);
  width: min(40.996vw, 560px);
  aspect-ratio: 16/9;
}
@media (max-width: 1000px) {
  .video {
    height: auto;
    width: min(93.023vw, 400px);
  }
}

.color-rvs {
  background-color: #1E0013;
}
.color-rvs .lead {
  color: #fff !important;
}
.color-rvs .content-caption {
  color: #fff !important;
}
.color-rvs .cta-btn-m, .color-rvs .cta-btn {
  color: #1E0013 !important;
  background-color: #fff !important;
}
.color-rvs .cta-btn-m::before, .color-rvs .cta-btn-m::after, .color-rvs .cta-btn::before, .color-rvs .cta-btn::after {
  background-color: #1E0013 !important;
}

#catalog {
  background-color: #fff;
}
#catalog .cmn-inquiry--lead {
  color: #1E0013 !important;
}
#catalog .cmn-inquiry--tel-wrapper > * {
  color: #1E0013 !important;
}
#catalog .cmn-inquiry--dl-btn-dws {
  color: #fff;
  background-color: #1E0013;
}
#catalog .cmn-inquiry--dl-btn-dws::before, #catalog .cmn-inquiry--dl-btn-dws::after {
  background-color: #fff;
}

#dynamic {
  height: min(64.422vw, 880px);
  background-image: url(/business/shokunin-spirits/img/taidan/taidan-01-pc.png);
  background-position: center;
  background-size: contain;
}
@media (max-width: 1000px) {
  #dynamic {
    height: min(383.721vw, 1650px);
    background-image: url(/business/shokunin-spirits/img/taidan/taidan-01-sp.png);
    background-size: min(100%, 768px);
    background-position: center;
    padding-top: min(6.977vw, 30px);
    background-position: 11% 100%;
  }
}
@media (max-width: 1000px) {
  #dynamic {
    display: block;
  }
}
#dynamic .hero-text-link--text-wrapper {
  width: min(43.338vw, 592px);
  padding: min(5.124vw, 70px) 0;
}
@media (max-width: 1000px) {
  #dynamic .hero-text-link--text-wrapper {
    width: auto;
    padding: 0;
  }
}
#dynamic .hero-text-link-row--inner {
  align-items: center;
  height: 100%;
}
@media (max-width: 1000px) {
  #dynamic .hero-text-link-row--inner {
    justify-content: start;
    align-items: start;
  }
}/*# sourceMappingURL=taidan.css.map */