body:has(.vis-bip) {
  overflow: clip visible;
}

.vis-bip {
  position: relative;
  overflow-x: clip;
  background: #fff;
  color: #000;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  line-height: 1;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.vis-bip *,
.vis-bip *::before,
.vis-bip *::after {
  box-sizing: border-box;
}

.vis-bip :where(h1, h2, p) {
  margin: 0;
  padding: 0;
  font-weight: inherit;
}

.vis-bip img,
.vis-bip video {
  display: block;
}

.vis-bip picture,
.vis-bip picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.vis-bip picture img {
  object-fit: cover;
}

.vis-bip a {
  color: inherit;
  text-decoration: none;
}

.bip-bi {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 0.9em;
  letter-spacing: 0;
  line-height: 0;
}

.bip-cap {
  font-size: 1.4em;
  line-height: 0;
}

.bip-k20 {
  margin-left: 0.02em;
}

.bip-k-20 {
  margin-left: -0.02em;
}

.bip-k-80 {
  margin-left: -0.08em;
}

.bip-k-100 {
  margin-left: -0.1em;
}

@media (max-width: 767px) {
  .vis-bip [data-sp] {
    opacity: 0;
    transition: opacity 2s ease, transform 2s ease;
    transition-delay: var(--bip-delay, 0s);
  }
  .vis-bip [data-sp='b'] {
    transform: translate3d(0, 30px, 0);
  }
  .vis-bip [data-sp='d'] {
    transform: translate3d(-30px, 0, 0);
    transition-duration: 1.25s;
  }
  .vis-bip [data-sp='e'] {
    transform: translate3d(30px, 0, 0);
    transition-duration: 1.25s;
  }
  .vis-bip [data-sp].is-in {
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 768px) {
  .vis-bip [data-pc] {
    opacity: 0;
    transition: opacity 2s ease, transform 2s ease;
    transition-delay: var(--bip-delay, 0s);
  }
  .vis-bip [data-pc='b'] {
    transform: translate3d(0, 30px, 0);
  }
  .vis-bip [data-pc='d'] {
    transform: translate3d(-30px, 0, 0);
    transition-duration: 1.25s;
  }
  .vis-bip [data-pc='e'] {
    transform: translate3d(30px, 0, 0);
    transition-duration: 1.25s;
  }
  .vis-bip [data-pc].is-in {
    opacity: 1;
    transform: none;
  }
}

.vis-bip.is-static [data-sp],
.vis-bip.is-static [data-pc] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.bip-fv {
  position: relative;
  height: 148.66667vw;
}

@media (min-width: 768px) {
  .bip-fv {
    height: 48.8vw;
  }
}

.bip-fv__img {
  position: absolute;
  inset: 0;
}

.bip-fv__title, .bip-fv__logo {
  position: absolute;
}

.bip-fv__title img, .bip-fv__logo img {
  width: 100%;
  height: auto;
}

.bip-fv__title {
  left: 12.13333vw;
  top: 114.26667vw;
  width: 73.46667vw;
}

@media (min-width: 768px) {
  .bip-fv__title {
    left: 13.84vw;
    top: 18vw;
    width: 35.24vw;
    filter: drop-shadow(0 0 1.04vw rgba(0, 0, 0, 0.3));
  }
}

.bip-fv__logo {
  left: 79.86667vw;
  top: 1.46667vw;
  width: 18.53333vw;
}

@media (min-width: 768px) {
  .bip-fv__logo {
    left: 28.12vw;
    top: 13.04vw;
    width: 8.8vw;
    filter: drop-shadow(0 0 1.04vw rgba(0, 0, 0, 0.3));
  }
}

.bip-fv__img, .bip-fv__title, .bip-fv__logo {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity 2s ease, transform 2s ease;
}

.bip-fv.is-in .bip-fv__img {
  opacity: 1;
  transform: none;
}

.bip-fv.is-in .bip-fv__title, .bip-fv.is-in .bip-fv__logo {
  opacity: 1;
  transform: none;
  transition-delay: 0.9s;
}

.is-static .bip-fv__img, .is-static .bip-fv__title, .is-static .bip-fv__logo {
  opacity: 1;
  transform: none;
  transition: none;
}

.bip-movie {
  position: relative;
  height: 178.4vw;
  background: #c6c9cc;
}

@media (min-width: 768px) {
  .bip-movie {
    height: 60.16vw;
    background: none;
  }
}

.bip-movie__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #c6c9cc;
}

@media (min-width: 768px) {
  .bip-movie__video {
    position: absolute;
    left: 34.96vw;
    top: 6.64vw;
    width: 30.08vw;
    height: 53.52vw;
  }
}

.bip-read {
  position: relative;
  height: 177.06667vw;
}

@media (min-width: 768px) {
  .bip-read {
    height: 45.56vw;
  }
}

.bip-read__img {
  position: absolute;
  left: 6.93333vw;
  top: 26.26667vw;
  width: 86.26667vw;
  height: 86.26667vw;
}

@media (min-width: 768px) {
  .bip-read__img {
    left: 16.88vw;
    top: 11.92vw;
    width: 33.64vw;
    height: 33.64vw;
  }
}

.bip-read__txt {
  position: absolute;
  left: 0;
  top: 121.91933vw;
  width: 100%;
  height: 55.14733vw;
}

@media (min-width: 768px) {
  .bip-read__txt {
    top: 19.0184vw;
    height: 19.3816vw;
  }
}

.bip-read__ttl {
  position: absolute;
  left: -0.124vw;
  top: 0vw;
  width: 100vw;
  text-align: center;
  font-family: "goldenbook", serif;
  font-size: 7.33333vw;
  line-height: 7.33333vw;
  font-weight: 400;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bip-read__ttl {
    left: 41.2536vw;
    top: 0vw;
    width: 56vw;
    font-size: 2.88vw;
    line-height: 2.88vw;
  }
}

.bip-read__line {
  position: absolute;
  left: 21.73333vw;
  top: 8.48067vw;
  width: 56.26667vw;
  border-top: 0.13333vw solid #000;
}

@media (min-width: 768px) {
  .bip-read__line {
    left: 58.276vw;
    top: 3.3216vw;
    width: 21.944vw;
    border-top-width: 0.04vw;
  }
}

.bip-read__body {
  position: absolute;
  left: 0.28267vw;
  top: 13.37139vw;
  width: 100vw;
  text-align: center;
  padding-left: 0.05em;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: 3.296vw;
  line-height: 5.33333vw;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bip-read__body {
    left: 41.412vw;
    top: 5.26653vw;
    width: 56vw;
    font-size: max(1.1076vw, 11px);
    line-height: max(1.8vw, 18px);
  }
}

.bip-look {
  position: relative;
}

.bip-stage {
  --vh-s: 100vh;
  --vh-l: 100vh;
  --img-h: min(var(--img-h-base), calc(var(--vh-s) * 0.92));
  --pin-top: calc((var(--vh-s) - var(--img-h)) / 2);
}

@supports (height: 100svh) {
  .bip-stage {
    --vh-s: 100svh;
    --vh-l: 100lvh;
  }
}

@supports (top: round(down, 1.5px, 1px)) {
  .bip-stage {
    --img-h: round(down, min(var(--img-h-base), calc(var(--vh-s) * 0.92)), 1px);
    --pin-top: round(down, calc((var(--vh-s) - var(--img-h)) / 2), 1px);
  }
}

.bip-stage__track {
  position: relative;
}

.bip-stage__pin {
  position: sticky;
  top: var(--pin-top);
  height: var(--img-h);
}

.is-pinjs .bip-stage__pin {
  position: relative;
  top: auto;
}

.is-pinjs .bip-stage__img.is-fix {
  position: fixed;
  top: var(--pin-top);
  left: 0;
  height: var(--img-h);
}

.is-pinjs .bip-stage__img.is-after {
  position: absolute;
  top: var(--after-top);
  left: 0;
}

.bip-stage__img {
  position: relative;
  margin: 0 0 0 calc(50vw - var(--img-h) * var(--img-r) / 2);
  width: calc(var(--img-h) * var(--img-r));
  height: 100%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.bip-stage__alt {
  position: absolute !important;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  will-change: opacity;
}

.bip-stage.is-switched .bip-stage__alt {
  opacity: 1;
}

.bip-stage__img > picture:not(.bip-stage__alt) {
  transition: visibility 0s;
}

.bip-stage.is-switched .bip-stage__img > picture:not(.bip-stage__alt) {
  visibility: hidden;
  transition: visibility 0s 0.6s;
}

.bip-stage__txt {
  position: relative;
  z-index: 1;
  margin-top: calc(var(--vh-l) - var(--pin-top) - var(--img-h));
  color: #fff;
  mix-blend-mode: difference;
  text-align: left;
  font-family: "goldenbook", serif;
  font-weight: 400;
  white-space: nowrap;
  pointer-events: none;
}

.bip-stage__label {
  padding-left: calc(50vw + var(--img-h) * -189.08 / var(--h-d));
  font-size: calc(var(--img-h) * 30 / var(--h-d));
  line-height: calc(var(--img-h) * 30 / var(--h-d));
  letter-spacing: 0.1em;
}

@media (min-width: 768px) {
  .bip-stage__label {
    padding-left: calc(50vw + var(--img-h) * -246.25 / var(--h-d));
    font-size: calc(var(--img-h) * 39 / var(--h-d));
    line-height: calc(var(--img-h) * 39 / var(--h-d));
  }
}

.bip-stage__ttl {
  margin-top: calc(var(--img-h) * 17.7364 / var(--h-d));
  font-size: calc(var(--img-h) * 63.52 / var(--h-d));
  line-height: calc(var(--img-h) * 63.52 / var(--h-d));
}

@media (min-width: 768px) {
  .bip-stage__ttl {
    margin-top: calc(var(--img-h) * 22.72 / var(--h-d));
    font-size: calc(var(--img-h) * 83 / var(--h-d));
    line-height: calc(var(--img-h) * 83 / var(--h-d));
  }
}

.bip-stage__spacer {
  height: calc(var(--vh-s) - var(--pin-top));
}

.is-static .bip-stage {
  --img-h: var(--img-h-base);
}

.is-static .bip-stage__pin {
  position: relative;
  top: auto;
}

.is-static .bip-stage__txt {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--img-h) + var(--txt-top));
  margin-top: 0;
  color: #000;
  mix-blend-mode: normal;
}

.is-static .bip-stage__spacer {
  display: none;
}

.bip-look--01 .bip-stage {
  --img-h-base: 115.06667vw;
  --h-d: 863;
  --img-r: 0.74971;
  --txt-top: 6.77333vw;
  padding-top: 33.2vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-stage {
    --img-h-base: 44.88vw;
    --h-d: 1122;
    --img-r: 0.74955;
    --txt-top: 2.6474vw;
    padding-top: 18.12vw;
  }
}

.bip-look--01 .bip-stage .bip-stage__ttl {
  padding-left: calc(50vw + var(--img-h) * -325.93 / var(--h-d));
}

@media (min-width: 768px) {
  .bip-look--01 .bip-stage .bip-stage__ttl {
    padding-left: calc(50vw + var(--img-h) * -425.16 / var(--h-d));
  }
}

.bip-look--02 .bip-stage {
  --img-h-base: 115.06667vw;
  --h-d: 863;
  --img-r: 0.74971;
  --txt-top: 6.90667vw;
  padding-top: 33.06667vw;
}

@media (min-width: 768px) {
  .bip-look--02 .bip-stage {
    --img-h-base: 44.88vw;
    --h-d: 1122;
    --img-r: 0.74955;
    --txt-top: 2.6994vw;
    padding-top: 12.76vw;
  }
}

.bip-look--02 .bip-stage .bip-stage__ttl {
  padding-left: calc(50vw + var(--img-h) * -315.93 / var(--h-d));
}

@media (min-width: 768px) {
  .bip-look--02 .bip-stage .bip-stage__ttl {
    padding-left: calc(50vw + var(--img-h) * -413.16 / var(--h-d));
  }
}

.bip-look--03 .bip-stage {
  --img-h-base: 114.93333vw;
  --h-d: 862;
  --img-r: 0.75058;
  --txt-top: 7.17333vw;
  padding-top: 33.33333vw;
}

@media (min-width: 768px) {
  .bip-look--03 .bip-stage {
    --img-h-base: 44.88vw;
    --h-d: 1122;
    --img-r: 0.74955;
    --txt-top: 2.7394vw;
    padding-top: 13vw;
  }
}

.bip-look--03 .bip-stage .bip-stage__ttl {
  padding-left: calc(50vw + var(--img-h) * -242.93 / var(--h-d));
}

@media (min-width: 768px) {
  .bip-look--03 .bip-stage .bip-stage__ttl {
    padding-left: calc(50vw + var(--img-h) * -316.26 / var(--h-d));
  }
}

.bip-look--04 .bip-stage {
  --img-h-base: 114.93333vw;
  --h-d: 862;
  --img-r: 0.75058;
  --txt-top: 7.30667vw;
  padding-top: 33.33333vw;
}

@media (min-width: 768px) {
  .bip-look--04 .bip-stage {
    --img-h-base: 44.88vw;
    --h-d: 1122;
    --img-r: 0.74955;
    --txt-top: 2.7954vw;
    padding-top: 12.96vw;
  }
}

.bip-look--04 .bip-stage .bip-stage__ttl {
  padding-left: calc(50vw + var(--img-h) * -341.93 / var(--h-d));
}

@media (min-width: 768px) {
  .bip-look--04 .bip-stage .bip-stage__ttl {
    padding-left: calc(50vw + var(--img-h) * -444.96 / var(--h-d));
  }
}

.bip-look--05 .bip-stage {
  --img-h-base: 114.8vw;
  --h-d: 861;
  --img-r: 0.75029;
  --txt-top: 7.44vw;
  padding-top: 33.6vw;
}

@media (min-width: 768px) {
  .bip-look--05 .bip-stage {
    --img-h-base: 44.88vw;
    --h-d: 1122;
    --img-r: 0.74955;
    --txt-top: 2.8594vw;
    padding-top: 12.96vw;
  }
}

.bip-look--05 .bip-stage .bip-stage__ttl {
  padding-left: calc(50vw + var(--img-h) * -254.93 / var(--h-d));
}

@media (min-width: 768px) {
  .bip-look--05 .bip-stage .bip-stage__ttl {
    padding-left: calc(50vw + var(--img-h) * -333.86 / var(--h-d));
  }
}

.bip-look__body {
  position: relative;
}

.bip-ph {
  position: absolute;
}

.bip-fade__alt {
  position: absolute !important;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.bip-fade.is-alt .bip-fade__alt {
  opacity: 1;
}

.bip-credit {
  position: absolute;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 200;
  font-size: 2.76933vw;
  line-height: 4.66667vw;
}

@media (min-width: 768px) {
  .bip-credit {
    font-size: max(1.068vw, 10px);
    line-height: 1.84vw;
  }
}

.bip-credit__blk {
  white-space: pre;
}

.bip-credit__line {
  display: block;
  border-top: 0.13333vw solid #000;
}

@media (min-width: 768px) {
  .bip-credit__line {
    border-top-width: 0.04vw;
  }
}

.bip-credit a {
  transition: opacity 0.3s;
}

@media (hover: hover) {
  .bip-credit a:hover {
    opacity: 0.6;
  }
}

.bip-look--01 .bip-look__body {
  height: 369.2vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-look__body {
    height: 135.6vw;
  }
}

.bip-look--01 .bip-ph--2 {
  left: 31.2vw;
  top: 33.33333vw;
  width: 54vw;
  height: 72.13333vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-ph--2 {
    left: 56.24vw;
    top: 13.04vw;
    width: 21.04vw;
    height: 28.04vw;
  }
}

.bip-look--01 .bip-ph--3 {
  left: 0vw;
  top: 118.53333vw;
  width: 65.86667vw;
  height: 49.33333vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-ph--3 {
    left: 22.68vw;
    top: 34.72vw;
    width: 25.68vw;
    height: 19.24vw;
  }
}

.bip-look--01 .bip-ph--4 {
  left: 44.66667vw;
  top: 176.93333vw;
  width: 44.13333vw;
  height: 58.93333vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-ph--4 {
    left: 40.12vw;
    top: 57.48vw;
    width: 17.2vw;
    height: 23vw;
  }
}

.bip-look--01 .bip-ph--5 {
  left: 0vw;
  top: 251.06667vw;
  width: 100vw;
  height: 74.8vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-ph--5 {
    left: 30.48vw;
    top: 89.36vw;
    width: 39vw;
    height: 29.24vw;
  }
}

.bip-look--01 .bip-credit {
  left: 3.88267vw;
  top: 328.63667vw;
}

.bip-look--01 .bip-credit .bip-credit__line {
  margin-top: 2.16333vw;
  margin-left: 0.11733vw;
  width: 41.73333vw;
}

.bip-look--01 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
  margin-top: 1.30334vw;
}

@media (min-width: 768px) {
  .bip-look--01 .bip-credit {
    left: 30.476vw;
    top: 119.64942vw;
  }
  .bip-look--01 .bip-credit .bip-credit__line {
    margin-top: 0.80658vw;
    margin-left: 0.044vw;
    width: 16.276vw;
  }
  .bip-look--01 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
    margin-top: 0.51742vw;
  }
}

.bip-look--02 .bip-look__body {
  height: 268.8vw;
}

@media (min-width: 768px) {
  .bip-look--02 .bip-look__body {
    height: 89.88vw;
  }
}

.bip-look--02 .bip-ph--2 {
  left: 17.73333vw;
  top: 33.33333vw;
  width: 64.66667vw;
  height: 86.26667vw;
}

@media (min-width: 768px) {
  .bip-look--02 .bip-ph--2 {
    left: 54.92vw;
    top: 18.08vw;
    width: 25.24vw;
    height: 33.6vw;
  }
}

.bip-look--02 .bip-ph--3 {
  left: 0vw;
  top: 135.46667vw;
  width: 50vw;
  height: 66.53333vw;
}

@media (min-width: 768px) {
  .bip-look--02 .bip-ph--3 {
    left: 22.52vw;
    top: 37.88vw;
    width: 19.52vw;
    height: 26vw;
  }
}

.bip-look--02 .bip-ph--4 {
  left: 50vw;
  top: 202.26667vw;
  width: 50vw;
  height: 66.53333vw;
}

@media (min-width: 768px) {
  .bip-look--02 .bip-ph--4 {
    left: 42.04vw;
    top: 63.88vw;
    width: 19.52vw;
    height: 26vw;
  }
}

.bip-look--02 .bip-credit {
  left: 10.68267vw;
  top: 224.10334vw;
}

.bip-look--02 .bip-credit .bip-credit__line {
  margin-top: 2.02999vw;
  margin-left: 0.11733vw;
  width: 28.4vw;
}

.bip-look--02 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
  margin-top: 1.30334vw;
}

@media (min-width: 768px) {
  .bip-look--02 .bip-credit {
    left: 26.728vw;
    top: 72.44142vw;
  }
  .bip-look--02 .bip-credit .bip-credit__line {
    margin-top: 0.75858vw;
    margin-left: 0.044vw;
    width: 11.076vw;
  }
  .bip-look--02 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
    margin-top: 0.51342vw;
  }
}

.bip-look--03 .bip-look__body {
  height: 290vw;
}

@media (min-width: 768px) {
  .bip-look--03 .bip-look__body {
    height: 89.08vw;
  }
}

.bip-look--03 .bip-ph--2 {
  left: 25.06667vw;
  top: 33.46667vw;
  width: 50vw;
  height: 66.66667vw;
}

@media (min-width: 768px) {
  .bip-look--03 .bip-ph--2 {
    left: 28.12vw;
    top: 13vw;
    width: 19.52vw;
    height: 26vw;
  }
}

.bip-look--03 .bip-ph--3 {
  left: 28vw;
  top: 110.53333vw;
  width: 44.13333vw;
  height: 58.8vw;
}

@media (min-width: 768px) {
  .bip-look--03 .bip-ph--3 {
    left: 54.72vw;
    top: 14.56vw;
    width: 17.2vw;
    height: 22.92vw;
  }
}

.bip-look--03 .bip-ph--4 {
  left: 17.73333vw;
  top: 179.6vw;
  width: 64.66667vw;
  height: 86.26667vw;
}

@media (min-width: 768px) {
  .bip-look--03 .bip-ph--4 {
    left: 37.36vw;
    top: 46vw;
    width: 25.24vw;
    height: 33.64vw;
  }
}

.bip-look--03 .bip-credit {
  left: 17.616vw;
  top: 268.50334vw;
}

.bip-look--03 .bip-credit .bip-credit__line {
  margin-top: 2.02999vw;
  margin-left: 0.11733vw;
  width: 25.86667vw;
}

.bip-look--03 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
  margin-top: 1.30334vw;
}

@media (min-width: 768px) {
  .bip-look--03 .bip-credit {
    left: 37.352vw;
    top: 80.65342vw;
  }
  .bip-look--03 .bip-credit .bip-credit__line {
    margin-top: 0.77458vw;
    margin-left: 0.044vw;
    width: 10.092vw;
  }
  .bip-look--03 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
    margin-top: 0.51742vw;
  }
}

.bip-look--04 .bip-look__body {
  height: 359.73333vw;
}

@media (min-width: 768px) {
  .bip-look--04 .bip-look__body {
    height: 124vw;
  }
}

.bip-look--04 .bip-ph--2 {
  left: 29.2vw;
  top: 33.6vw;
  width: 70.66667vw;
  height: 94.26667vw;
}

@media (min-width: 768px) {
  .bip-look--04 .bip-ph--2 {
    left: 29.88vw;
    top: 15.6vw;
    width: 27.6vw;
    height: 36.8vw;
  }
}

.bip-look--04 .bip-ph--3 {
  left: 0vw;
  top: 121.06667vw;
  width: 44.13333vw;
  height: 58.8vw;
}

@media (min-width: 768px) {
  .bip-look--04 .bip-ph--3 {
    left: 18.48vw;
    top: 49.76vw;
    width: 17.2vw;
    height: 22.92vw;
  }
}

.bip-look--04 .bip-ph--4 {
  left: 0vw;
  top: 202.13333vw;
  width: 100vw;
  height: 133.2vw;
}

@media (min-width: 768px) {
  .bip-look--04 .bip-ph--4 {
    left: 42.52vw;
    top: 62.4vw;
    width: 39vw;
    height: 52vw;
  }
}

.bip-look--04 .bip-credit {
  left: 3.88267vw;
  top: 337.97001vw;
}

.bip-look--04 .bip-credit .bip-credit__line {
  margin-top: 2.01666vw;
  margin-left: 0.11733vw;
  width: 29.34667vw;
}

.bip-look--04 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
  margin-top: 1.31667vw;
}

@media (min-width: 768px) {
  .bip-look--04 .bip-credit {
    left: 42.476vw;
    top: 115.42942vw;
  }
  .bip-look--04 .bip-credit .bip-credit__line {
    margin-top: 0.77458vw;
    margin-left: 0.048vw;
    width: 11.44vw;
  }
  .bip-look--04 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
    margin-top: 0.51742vw;
  }
}

.bip-look--05 .bip-look__body {
  height: 348.66667vw;
}

@media (min-width: 768px) {
  .bip-look--05 .bip-look__body {
    height: 135.96vw;
  }
}

.bip-look--05 .bip-ph--2 {
  left: 14.66667vw;
  top: 32.8vw;
  width: 70.66667vw;
  height: 94.26667vw;
}

@media (min-width: 768px) {
  .bip-look--05 .bip-ph--2 {
    left: 21.56vw;
    top: 12.72vw;
    width: 27.6vw;
    height: 36.8vw;
  }
}

.bip-look--05 .bip-ph--3 {
  left: 0vw;
  top: 143.33333vw;
  width: 100vw;
  height: 75.06667vw;
}

@media (min-width: 768px) {
  .bip-look--05 .bip-ph--3 {
    left: 39.48vw;
    top: 55.84vw;
    width: 39vw;
    height: 29.28vw;
  }
}

.bip-look--05 .bip-ph--4 {
  left: 14.66667vw;
  top: 234.93333vw;
  width: 70.66667vw;
  height: 94.26667vw;
}

@media (min-width: 768px) {
  .bip-look--05 .bip-ph--4 {
    left: 36.2vw;
    top: 91.56vw;
    width: 27.6vw;
    height: 36.8vw;
  }
}

.bip-look--05 .bip-credit {
  left: 14.54933vw;
  top: 331.83667vw;
}

.bip-look--05 .bip-credit .bip-credit__line {
  margin-top: 2.01666vw;
  margin-left: 0.11733vw;
  width: 30.92vw;
}

.bip-look--05 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
  margin-top: 1.31667vw;
}

@media (min-width: 768px) {
  .bip-look--05 .bip-credit {
    left: 36.156vw;
    top: 129.36942vw;
  }
  .bip-look--05 .bip-credit .bip-credit__line {
    margin-top: 0.77058vw;
    margin-left: 0.048vw;
    width: 12.056vw;
  }
  .bip-look--05 .bip-credit .bip-credit__blk + .bip-credit__line + .bip-credit__blk {
    margin-top: 0.52142vw;
  }
}

.bip-lineup {
  position: relative;
  height: 429.73333vw;
}

@media (min-width: 768px) {
  .bip-lineup {
    height: 63.88vw;
  }
}

.bip-lineup__head {
  position: absolute;
  left: 0;
  top: 30.10667vw;
  width: 100%;
  height: 16.02667vw;
}

@media (min-width: 768px) {
  .bip-lineup__head {
    top: 14.1594vw;
    height: 6.2406vw;
  }
}

.bip-lineup__sub, .bip-lineup__ttl {
  font-family: "goldenbook", serif;
  font-weight: 400;
  white-space: nowrap;
}

.bip-lineup__sub {
  position: absolute;
  left: 0.12267vw;
  top: 0vw;
  width: 100vw;
  text-align: center;
  padding-left: 0.1em;
  font-size: 4vw;
  line-height: 4vw;
  letter-spacing: 0.1em;
}

@media (min-width: 768px) {
  .bip-lineup__sub {
    left: 22.03vw;
    top: 0vw;
    width: 56vw;
    font-size: 1.56vw;
    line-height: 1.56vw;
  }
}

.bip-lineup__sub .bip-bi {
  letter-spacing: 0;
}

.bip-lineup__ttl {
  position: absolute;
  left: -0.124vw;
  top: 6.42067vw;
  width: 100vw;
  text-align: center;
  font-size: 8.4vw;
  line-height: 8.4vw;
}

@media (min-width: 768px) {
  .bip-lineup__ttl {
    left: 21.9736vw;
    top: 2.501vw;
    width: 56vw;
    font-size: 3.28vw;
    line-height: 3.28vw;
  }
}

.bip-lineup__line {
  position: absolute;
  left: 34.73333vw;
  top: 15.72vw;
  width: 30.62667vw;
  border-top: 0.13333vw solid #000;
}

@media (min-width: 768px) {
  .bip-lineup__line {
    left: 44.028vw;
    top: 6.1286vw;
    width: 11.944vw;
    border-top-width: 0.04vw;
  }
}

.bip-item {
  position: absolute;
}

.bip-item__img {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}

@media (hover: hover) {
  .bip-item__img:hover {
    opacity: 0.8;
  }
}

.bip-item__name {
  font-family: "goldenbook", serif;
  font-weight: 400;
  font-size: 6.4vw;
  line-height: 6.53333vw;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bip-item__name {
    font-size: 2.48vw;
    line-height: 2.56vw;
  }
}

.bip-item__sub {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 200;
  font-size: 2.76933vw;
  line-height: 4.66667vw;
  white-space: pre;
}

@media (min-width: 768px) {
  .bip-item__sub {
    font-size: max(1.068vw, 10px);
    line-height: 1.84vw;
  }
}

.bip-item__sub a {
  transition: opacity 0.3s;
}

@media (hover: hover) {
  .bip-item__sub a:hover {
    opacity: 0.6;
  }
}

.bip-item--01 {
  left: 16.53333vw;
  top: 56.66667vw;
  width: 66.93333vw;
  height: 89.2vw;
}

.bip-item--01 .bip-item__name {
  position: absolute;
  left: -16.99733vw;
  top: 91.89733vw;
  width: 100vw;
  text-align: center;
}

.bip-item--01 .bip-item__sub {
  position: absolute;
  left: -16.51733vw;
  top: 107.17001vw;
  width: 100vw;
  text-align: center;
}

.bip-item--02 {
  left: 16.53333vw;
  top: 186.53333vw;
  width: 66.93333vw;
  height: 89.2vw;
}

.bip-item--02 .bip-item__name {
  position: absolute;
  left: -16.304vw;
  top: 92.004vw;
  width: 100vw;
  text-align: center;
}

.bip-item--02 .bip-item__sub {
  position: absolute;
  left: -16.51733vw;
  top: 107.17001vw;
  width: 100vw;
  text-align: center;
}

.bip-item--03 {
  left: 16.53333vw;
  top: 315.06667vw;
  width: 66.93333vw;
  height: 89.2vw;
}

.bip-item--03 .bip-item__name {
  position: absolute;
  left: -16.73067vw;
  top: 91.95067vw;
  width: 100vw;
  text-align: center;
}

.bip-item--03 .bip-item__sub {
  position: absolute;
  left: -16.51733vw;
  top: 105.97001vw;
  width: 100vw;
  text-align: center;
}

@media (min-width: 768px) {
  .bip-item--01 {
    left: 10.6vw;
    top: 25.64vw;
    width: 20.88vw;
    height: 27.84vw;
  }
  .bip-item--01 .bip-item__name {
    left: -9.5988vw;
    top: 28.8768vw;
    width: 40vw;
  }
  .bip-item--01 .bip-item__sub {
    left: -9.532vw;
    top: 34.82942vw;
    width: 40vw;
  }
}

@media (min-width: 768px) {
  .bip-item--02 {
    left: 39.56vw;
    top: 25.64vw;
    width: 20.88vw;
    height: 27.84vw;
  }
  .bip-item--02 .bip-item__name {
    left: -9.5684vw;
    top: 28.8864vw;
    width: 40vw;
  }
  .bip-item--02 .bip-item__sub {
    left: -9.612vw;
    top: 34.79742vw;
    width: 40vw;
  }
}

@media (min-width: 768px) {
  .bip-item--03 {
    left: 68.4vw;
    top: 25.64vw;
    width: 20.88vw;
    height: 27.84vw;
  }
  .bip-item--03 .bip-item__name {
    left: -9.6148vw;
    top: 28.9136vw;
    width: 40vw;
  }
  .bip-item--03 .bip-item__sub {
    left: -9.564vw;
    top: 34.37742vw;
    width: 40vw;
  }
}

@media (min-width: 768px) {
  .bip-item--02 {
    --bip-delay: 0.3s;
  }
  .bip-item--03 {
    --bip-delay: 0.6s;
  }
}

.bip-btns {
  position: relative;
  height: 47.73333vw;
}

@media (min-width: 768px) {
  .bip-btns {
    height: 21.56vw;
  }
}

.bip-btn {
  position: absolute;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.bip-btn::before, .bip-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 0 solid #000;
  pointer-events: none;
}

.bip-btn__txt {
  position: absolute;
  padding-left: 0.05em;
  text-align: center;
  transition: opacity 0.3s;
}

@media (hover: hover) {
  .bip-btn:hover .bip-btn__txt {
    opacity: 0.6;
  }
}

.bip-btn--1 {
  left: 15.2vw;
  top: 13.73333vw;
  width: 69.6vw;
  height: 5.46667vw;
  font-size: 4.53333vw;
}

.bip-btn--1::before, .bip-btn--1::after {
  border-right-width: 0.13333vw;
  border-bottom-width: 0.13333vw;
}

.bip-btn--1::after {
  transform: translate(0.66667vw, 0.66667vw);
}

.bip-btn--1 .bip-btn__txt {
  left: -18.564vw;
  top: -0.86267vw;
  width: 106.66667vw;
  line-height: 4.53333vw;
}

@media (min-width: 768px) {
  .bip-btn--1 {
    left: 38.388vw;
    top: 7.928vw;
    width: 22.968vw;
    height: 1.804vw;
    font-size: 1.496vw;
  }
  .bip-btn--1::before, .bip-btn--1::after {
    border-right-width: 0.04vw;
    border-bottom-width: 0.04vw;
  }
  .bip-btn--1::after {
    transform: translate(0.216vw, 0.22vw);
  }
  .bip-btn--1 .bip-btn__txt {
    left: -4.3684vw;
    top: -0.28408vw;
    width: 32vw;
    line-height: 1.496vw;
  }
}

.bip-btn--2 {
  left: 20.4vw;
  top: 26.13333vw;
  width: 59.2vw;
  height: 5.46667vw;
  font-size: 4.53333vw;
}

.bip-btn--2::before, .bip-btn--2::after {
  border-right-width: 0.13333vw;
  border-bottom-width: 0.13333vw;
}

.bip-btn--2::after {
  transform: translate(0.66667vw, 0.66667vw);
}

.bip-btn--2 .bip-btn__txt {
  left: -23.63067vw;
  top: -0.86267vw;
  width: 106.66667vw;
  line-height: 4.53333vw;
}

@media (min-width: 768px) {
  .bip-btn--2 {
    left: 40.104vw;
    top: 12.42vw;
    width: 19.532vw;
    height: 1.804vw;
    font-size: 1.496vw;
  }
  .bip-btn--2::before, .bip-btn--2::after {
    border-right-width: 0.04vw;
    border-bottom-width: 0.04vw;
  }
  .bip-btn--2::after {
    transform: translate(0.22vw, 0.22vw);
  }
  .bip-btn--2 .bip-btn__txt {
    left: -6.2004vw;
    top: -0.28408vw;
    width: 32vw;
    line-height: 1.496vw;
  }
}

.bip-footer {
  position: relative;
  height: 148.53333vw;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  text-shadow: 0 0 5.33333vw rgba(60, 50, 30, 0.35);
}

@media (min-width: 768px) {
  .bip-footer {
    height: 57.92vw;
    text-shadow: 0 0 2.08vw rgba(60, 50, 30, 0.35);
  }
}

.bip-footer__img {
  position: absolute;
  inset: 0;
}

.bip-footer__credit, .bip-footer__thanks {
  font-weight: 300;
  font-size: 3.06667vw;
  line-height: 5.46667vw;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bip-footer__credit, .bip-footer__thanks {
    font-size: max(1.2vw, 10px);
    line-height: max(2.12vw, 17px);
  }
}

.bip-footer__credit {
  position: absolute;
  left: 0vw;
  top: 82.53267vw;
  width: 100vw;
  text-align: center;
}

@media (min-width: 768px) {
  .bip-footer__credit {
    left: 22vw;
    top: 32.118vw;
    width: 56vw;
  }
}

.bip-footer__thanks {
  position: absolute;
  left: -0.66667vw;
  top: 123.79933vw;
  width: 100vw;
  text-align: center;
}

@media (min-width: 768px) {
  .bip-footer__thanks {
    left: 21.74vw;
    top: 48.234vw;
    width: 56vw;
  }
}

.bip-footer .bip-fw {
  font-feature-settings: normal;
  margin-right: -0.04em;
}

.bip-footer .bip-sp9 {
  margin: 0 0.09em;
}

.bip-footer .bip-sp10 {
  margin: 0 0.1em;
}

.bip-footer .bip-sp8r {
  margin-right: 0.08em;
}

.bip-footer__logo {
  position: absolute;
  left: 42vw;
  top: 133.73333vw;
  width: 16vw;
}

@media (min-width: 768px) {
  .bip-footer__logo {
    left: 46.92vw;
    top: 52.2vw;
    width: 6.12vw;
  }
}

.bip-footer__logo img {
  width: 100%;
  height: auto;
}

.bip-footer__copy {
  position: absolute;
  left: 0vw;
  top: 142.20533vw;
  width: 100vw;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 2.13333vw;
  line-height: 2.13333vw;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bip-footer__copy {
    left: 22vw;
    top: 55.42208vw;
    width: 56vw;
    font-size: max(0.832vw, 9px);
    line-height: 0.832vw;
  }
}

.bip-footer__c {
  font-size: 1.25em;
  line-height: 0;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .vis-bip [data-sp],
.vis-bip [data-pc],
.bip-fv__img,
.bip-fv__title,
.bip-fv__logo {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}