@charset "UTF-8";
.sec-mv {
  --mv-u: min(1px, 0.05208333vw);
  --mv-c-navy-deep: #000032;
  --mv-c-gold-pale: #D3B28B;
  position: relative;
  width: 100%;
  height: calc(792 * var(--mv-u));
  overflow: hidden;
  background: #fff;
  font-feature-settings: normal;
}
.sec-mv .mv-brsp { display: none; }
.mv-photo {
  position: absolute;
  top: calc(75 * var(--mv-u));
  right: calc(-18 * var(--mv-u));
  width: calc(1141.29 * var(--mv-u));
  height: calc(668 * var(--mv-u));
  overflow: hidden;
  z-index: 1;
}
.mv-photo img {
  position: absolute;
  left: calc(-74.74 * var(--mv-u));
  top: calc(-6.93 * var(--mv-u));
  width: calc(1235.99 * var(--mv-u));
  height: calc(680.48 * var(--mv-u));
  max-width: none;
}
.mv-texture {
  position: absolute;
  display: block;
  max-width: none;
}
.mv-texture--pc {
  left: 0;
  top: calc(75 * var(--mv-u));
  width: calc(1031.5 * var(--mv-u));
  height: calc(668 * var(--mv-u));
  clip-path: polygon(0 0, 99.9% 0, 82.06% 100%, 0 100%);
  z-index: 2;
}
.mv-texture--sp { display: none; }
.mv-deco {
  position: absolute;
  left: calc(838.51 * var(--mv-u));
  top: calc(409 * var(--mv-u));
  width: calc(198.999 * var(--mv-u));
  height: calc(367.875 * var(--mv-u));
  max-width: none;
  z-index: 4;
  pointer-events: none;
}
.mv-head {
  position: absolute;
  left: calc(311 * var(--mv-u));
  top: calc(324 * var(--mv-u));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(24 * var(--mv-u));
  z-index: 3;
}
.mv-title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: calc(48 * var(--mv-u));
  line-height: calc(35 * var(--mv-u));
  color: var(--mv-c-navy-deep);
  white-space: nowrap;
}
.mv-en {
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-size: calc(24 * var(--mv-u));
  line-height: calc(35 * var(--mv-u));
  letter-spacing: calc(1.92 * var(--mv-u));
  color: var(--mv-c-gold-pale);
  white-space: nowrap;
}
.mv-line {
  position: absolute;
  left: calc(243 * var(--mv-u));
  top: calc(441 * var(--mv-u));
  width: calc(573.316 * var(--mv-u));
  height: 1px;
  background: var(--mv-c-gold-pale);
  z-index: 3;
}
.mv-lead {
  position: absolute;
  left: calc(311 * var(--mv-u));
  top: calc(468 * var(--mv-u));
  width: calc(500 * var(--mv-u));
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: calc(18 * var(--mv-u));
  line-height: 2;
  letter-spacing: calc(0.72 * var(--mv-u));
  color: var(--c-text);
  z-index: 3;
}
.mv-breadcrumb {
  position: absolute;
  left: 0;
  top: calc(743 * var(--mv-u));
  width: 100%;
  height: calc(49 * var(--mv-u));
  background: #fff;
  z-index: 5;
}
.mv-breadcrumb-text {
  position: absolute;
  left: calc(311 * var(--mv-u));
  top: calc(13.48 * var(--mv-u));
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: calc(16 * var(--mv-u));
  line-height: 1;
  letter-spacing: calc(0.48 * var(--mv-u));
  color: var(--c-text);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .sec-mv {
    --mv-u: calc(100vw / 390);
    height: calc(710 * var(--mv-u));
  }
  .sec-mv .mv-brsp { display: inline; }
  .mv-photo {
    left: calc(-6.48 * var(--mv-u));
    right: auto;
    top: calc(72 * var(--mv-u))      ;
    width: calc(396.48 * var(--mv-u));
    height: calc(348 * var(--mv-u))  ;
  }
  .mv-photo img {
    left: calc(-97.5 * var(--mv-u));
    top: calc(-3.5 * var(--mv-u));
    width: calc(646.64 * var(--mv-u));
    height: calc(356 * var(--mv-u));
  }
  .mv-texture--pc { display: none; }
  .mv-texture--sp {
    display: block;
    left: 0;
    top: calc(351 * var(--mv-u));
    width: calc(390 * var(--mv-u));
    height: calc(359 * var(--mv-u));
    clip-path: polygon(0 0.14%, 100% 17.41%, 100% 100%, 0 100%);
    z-index: 3;
  }
  .mv-deco {
    left: calc(276.31 * var(--mv-u));
    top: calc(289.97 * var(--mv-u));
    width: calc(103.556 * var(--mv-u));
    height: calc(191.438 * var(--mv-u));
    transform: rotate(-90deg);
    z-index: 2;
  }
  .mv-copy {
    position: absolute;
    left: calc(25.58 * var(--mv-u));
    top: calc(386 * var(--mv-u));
    width: calc(342 * var(--mv-u));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(16 * var(--mv-u));
    z-index: 4;
  }
  .mv-head {
    position: static;
    gap: calc(8 * var(--mv-u));
  }
  .mv-title {
    font-size: calc(36 * var(--mv-u));
    line-height: 1.2;
  }
  .mv-en {
    font-size: calc(16 * var(--mv-u));
    line-height: calc(35 * var(--mv-u));
    letter-spacing: calc(1.28 * var(--mv-u));
  }
  .mv-line {
    position: static;
    width: 100%;
  }
  .mv-lead {
    position: static;
    width: calc(336 * var(--mv-u));
    font-size: calc(16 * var(--mv-u));
    letter-spacing: calc(0.64 * var(--mv-u));
    margin-top: calc(-11 * var(--mv-u));
  }
  .mv-breadcrumb { display: none; }
}
@media (min-width: 1921px) {
  .sec-mv { --mv-u: 0.05208333vw; }
}
@media (max-width: 767px) {
  .mv-title { font-size: min(calc(36 * var(--mv-u)), 41.4px); }
  .mv-en { font-size: min(calc(16 * var(--mv-u)), 18.4px); }
  .mv-lead { font-size: min(calc(16 * var(--mv-u)), 18.4px); }
}