@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-photo,
.sec-mv .mv-texture,
.sec-mv .mv-deco,
.sec-mv .mv-circle-photo,
.sec-mv .mv-circle-ring {
  position: absolute;
  max-width: none;
}
.mv-photo--pc {
  display: block;
  left: calc(796.71 * var(--mv-u));
  top: calc(75 * var(--mv-u));
  width: calc(1123.5 * 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.96% 0, 82.09% 100%, 0 100%);
  z-index: 2;
}
.mv-texture--sp { display: none; }
.mv-deco {
  display: block;
  left: calc(841.50 * 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-circle-photo--pc {
  display: block;
  left: calc(826.109 * var(--mv-u));
  top: calc(353.773 * var(--mv-u));
  width: calc(338.891 * var(--mv-u));
  height: calc(338.891 * var(--mv-u));
  border-radius: 50%;
  z-index: 5;
}
.mv-circle-photo--sp { display: none; }
.mv-circle-ring--pc {
  display: block;
  left: calc(826.109 * var(--mv-u));
  top: calc(352.336 * var(--mv-u));
  width: calc(338.891 * var(--mv-u));
  height: calc(338.891 * var(--mv-u));
  z-index: 6;
  pointer-events: none;
}
.mv-circle-ring--sp { display: 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-title-br { display: none; }
.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: 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(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);
  line-break: strict;
  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: 7;
}
.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));
  }
  .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-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.29%, 100% 17.57%, 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-circle-photo--pc { display: none; }
  .mv-circle-photo--sp {
    display: block;
    left: calc(16.672 * var(--mv-u));
    top: calc(196.586 * var(--mv-u));
    width: calc(158.411 * var(--mv-u));
    height: calc(158.411 * var(--mv-u));
    border-radius: 50%;
    z-index: 5;
  }
  .mv-circle-ring--pc { display: none; }
  .mv-circle-ring--sp {
    display: block;
    left: calc(16.672 * var(--mv-u));
    top: calc(195.917 * var(--mv-u));
    width: calc(158.411 * var(--mv-u));
    height: calc(158.411 * var(--mv-u));
    z-index: 6;
    pointer-events: none;
  }
  .mv-copy {
    position: absolute;
    left: calc(25.58 * 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-title-br { display: inline; }
  .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 {
    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(-10 * 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); }
}