@charset "UTF-8";
.fv {
  background-image: url(/business/shokunin-spirits/img/top/top-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/top/top-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);
  }
}

#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);
  }
}

.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;
}

@media (max-width: 1000px) {
  .hn--caption.mt-none {
    margin-top: 0;
  }
}

.hn--content-text-wrapper .cta-btn-m.left {
  margin: min(2.855vw, 39px) 0 0 !important;
}
@media (max-width: 1000px) {
  .hn--content-text-wrapper .cta-btn-m.left {
    margin: min(10vw, 43px) auto 0 !important;
  }
}/*# sourceMappingURL=top.css.map */