@charset "UTF-8";

/* background fixed
-------------------------------------------------- */
.js-fixed:not(.hoge) > .js-fixed_img {
  display: none;
}

.js-fixed > .js-fixed_img {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  /* height: calc(var(--vh, 1vh) * 100); */
  z-index: -1;
  object-fit: cover;
  width: 100%;
}

.bg_wrap {
  background-image: url('/jpn/consumer/products/common/images/bg.jpg');
  background-size: 180% auto;
  background-position: center;
  background-repeat: repeat-y;
  width: 100%;
}

.bg_wrap {
  background-image: url('/jpn/consumer/products/common/images/bg.jpg');
  background-size: 180% auto;
  background-position: top;
  background-repeat: repeat-y;
  width: 100%;
}


@media print,
screen and (min-width:768px) {

}


@media screen and (max-width:767px) {
  .js-fixed > .js-fixed_img {
    height: 120vh;
    height: calc(var(--vh, 1vh) * 120);
  }
  .top-lineup-fixed > .js-fixed_img {
    object-position: 34%;
  }
}