@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: #ffffff;
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  text-autospace: no-autospace;
  line-break: strict;
}
.sec-mv .mv-photo,
.sec-mv .mv-texture,
.sec-mv .mv-deco {
  position: absolute;
  max-width: none;
}
.mv-photo {
  display: block;
  left: calc(1010 * var(--mv-u));
  top: calc(75 * var(--mv-u));
  width: calc(910 * var(--mv-u));
  height: calc(668 * var(--mv-u));
  object-fit: cover;
  object-position: 50% 50%;
  z-index: 1;
}
.mv-texture--pc {
  display: block;
  left: 0;
  top: calc(75 * var(--mv-u));
  width: calc(1246 * var(--mv-u));
  height: calc(668 * var(--mv-u));
  object-fit: cover;
  clip-path: polygon(0 0, 98.3% 0, 83.5% 100%, 0 100%);
  z-index: 2;
}
.mv-texture--sp { display: none; }
.mv-deco {
  display: block;
  left: calc(1069.5 * var(--mv-u));
  top: calc(305.5 * var(--mv-u));
  width: calc(198.999 * var(--mv-u));
  height: calc(367.875 * var(--mv-u));
  z-index: 4;
  pointer-events: none;
}
.mv-copy {
  position: absolute;
  left: calc(310.996 * var(--mv-u));
  top: calc(233.8 * var(--mv-u));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 3;
}
.mv-title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: calc(48 * var(--mv-u));
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--mv-c-navy-deep);
  white-space: nowrap;
}
.mv-en {
  margin-top: calc(24 * var(--mv-u));
  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 {
  display: block;
  width: calc(573.316 * var(--mv-u));
  height: 1px;
  margin-top: calc(24 * var(--mv-u));
  background: var(--mv-c-gold-pale);
}
.mv-lead {
  margin-top: calc(24 * 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: nowrap;
}
.mv-br-pc { display: inline; }
.mv-nb { white-space: nowrap; }
.mv-breadcrumb {
  position: absolute;
  left: 0;
  top: calc(743 * var(--mv-u));
  width: 100%;
  height: calc(49 * var(--mv-u));
  background: #ffffff;
  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 {
    left: 0;
    top: calc(72 * var(--mv-u))      ;
    width: calc(390 * var(--mv-u));
    height: calc(355 * var(--mv-u))  ;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .mv-texture--pc { display: none; }
  .mv-texture--sp {
    display: block;
    left: 0;
    top: calc(366.7 * var(--mv-u));
    width: calc(390 * var(--mv-u));
    height: calc(343.3 * var(--mv-u));
    object-fit: cover;
    clip-path: polygon(0 0.287%, 100% 17.573%, 100% 100%, 0 100%);
    z-index: 3;
  }
  .mv-deco {
    left: calc(276.316 * var(--mv-u));
    top: calc(354.5 * 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 {
    left: calc(24 * var(--mv-u));
    top: calc(422 * var(--mv-u));
    width: calc(342 * var(--mv-u));
    z-index: 4;
  }
  .mv-title {
    font-size: calc(30 * var(--mv-u));
    line-height: 1.4;
  }
  .mv-en {
    margin-top: calc(8 * var(--mv-u));
    font-size: calc(16 * var(--mv-u));
    line-height: calc(35 * var(--mv-u));
    letter-spacing: calc(1.28 * var(--mv-u));
  }
  .mv-line { width: 100%; margin-top: calc(16 * var(--mv-u)); }
  .mv-lead {
    width: 100%;
    margin-top: calc(16 * var(--mv-u));
    font-size: calc(16 * var(--mv-u));
    letter-spacing: calc(0.64 * var(--mv-u));
    white-space: normal;
    text-align: justify;
    text-align-last: left;
    text-wrap: pretty;
  }
  .mv-br-pc { display: none; }
  .mv-breadcrumb { display: none; }
}
@media (min-width: 1921px) {
  .sec-mv { --mv-u: 0.05208333vw; }
}
@media (max-width: 767px) {
  .mv-title { font-size: min(calc(30 * var(--mv-u)), 34.5px); }
  .mv-en { font-size: min(calc(16 * var(--mv-u)), 18.4px); }
  .mv-lead { font-size: min(calc(16 * var(--mv-u)), 18.4px); }
}
