@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;
  text-spacing-trim: space-all;
}
.sec-mv .mv-photo,
.sec-mv .mv-texture,
.sec-mv .mv-deco {
  position: absolute;
  max-width: none;
}
.mv-photo--pc {
  display: block;
  left: calc(796.711 * var(--mv-u));
  top: calc(75 * var(--mv-u));
  width: calc(1123.289 * var(--mv-u));
  height: calc(668 * var(--mv-u));
  z-index: 1;
}
.mv-photo--sp { display: none; }
.mv-texture--pc {
  display: block;
  left: 0;
  top: calc(75 * var(--mv-u));
  width: calc(1032.5 * var(--mv-u));
  height: calc(668 * var(--mv-u));
  clip-path: polygon(0 0, 99.961% 0, 82.092% 100%, 0 100%);
  z-index: 2;
}
.mv-texture--sp { display: none; }
.mv-deco {
  display: block;
  left: calc(838.502 * var(--mv-u));
  top: calc(409 * var(--mv-u));
  width: calc(198.999 * var(--mv-u));
  height: calc(367.875 * var(--mv-u));
  z-index: 4;
  pointer-events: none;
}
.mv-head {
  position: absolute;
  left: calc(310.996 * 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));
  letter-spacing: 0;
  color: var(--mv-c-navy-deep);
  white-space: nowrap;
}
.mv-en {
  font-family: "Times New Roman", var(--font-heading), 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: 0;
  z-index: 3;
}
.mv-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--mv-c-gold-pale);
}
.mv-lead {
  position: absolute;
  left: calc(317.184 * var(--mv-u));
  top: calc(467.675 * 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);
  white-space: normal;
  max-width: calc(499.132 * var(--mv-u));
  z-index: 8;
}
.mv-breadcrumb {
  position: absolute;
  left: 0;
  top: calc(743 * var(--mv-u));
  width: 100%;
  height: calc(49 * var(--mv-u));
  background: #fff;
  z-index: 7;
}
.mv-breadcrumb-text {
  position: absolute;
  left: calc(310.996 * var(--mv-u));
  top: calc(13.475 * var(--mv-u));
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: calc(16 * var(--mv-u));
  line-height: calc(19.6 * var(--mv-u));
  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));
  }
  .mv-photo--pc { display: none; }
  .mv-photo--sp {
    display: block;
    left: 0;
    top: calc(72 * var(--mv-u))      ;
    width: calc(390 * var(--mv-u));
    height: calc(355 * var(--mv-u))  ;
    z-index: 1;
  }
  .mv-deco {
    left: calc(276.316 * var(--mv-u));
    top: calc(289.965 * var(--mv-u));
    width: calc(103.556 * var(--mv-u));
    height: calc(191.4375 * var(--mv-u));
    transform: rotate(-90deg);
    z-index: 2;
  }
  .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.287%, 100% 17.573%, 100% 100%, 0 100%);
    z-index: 3;
  }
  .mv-copy {
    position: absolute;
    left: calc(25.582 * var(--mv-u));
    top: calc(420 * 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: calc(35 * var(--mv-u));
  }
  .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: relative;
    left: 0;
    top: 0;
    width: 100%;
  }
  .mv-lead-br { display: none; }
  .mv-lead {
    left: calc(25.184 * var(--mv-u));
    top: calc(523.649 * var(--mv-u));
    width: calc(342 * var(--mv-u));
    font-size: calc(16 * var(--mv-u));
    letter-spacing: calc(0.64 * var(--mv-u));
    white-space: normal;
    z-index: 6;
  }
  .mv-breadcrumb { display: none; }
}
.mv-lead-nb { white-space: nowrap; }
.mv-lead { text-wrap: pretty; }
@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); }
}