@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%;
  padding-top: calc(76 * var(--mv-u));
  background: #ffffff;
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  text-autospace: no-autospace;
  line-break: strict;
}
.mv-band {
  position: relative;
  min-height: calc(355 * var(--mv-u));
  padding: calc(24 * var(--mv-u)) calc(310.996 * var(--mv-u));
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #F4F0EA;
  background-image: url("../../assets/img/implant-basics/mv-texture-pc.webp");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 120% auto;
}
.mv-deco {
  position: absolute;
  right: calc(240 * var(--mv-u));
  top: calc(48 * var(--mv-u));
  width: calc(140.1 * var(--mv-u));
  height: calc(259 * var(--mv-u));
  max-width: none;
  pointer-events: none;
  z-index: 1;
}
.mv-copy {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.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);
}
.mv-nb { 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-breadcrumb {
  position: relative;
  width: 100%;
  height: calc(49 * var(--mv-u));
  background: #ffffff;
}
.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);
    padding-top: calc(70 * var(--mv-u));
  }
  .mv-band {
    min-height: calc(232 * var(--mv-u));
    padding: calc(28 * var(--mv-u)) calc(24 * var(--mv-u));
    background-image: url("../../assets/img/implant-basics/mv-texture-sp.webp");
    background-position: left bottom;
    background-size: 120% auto;
  }
  .mv-deco { display: none; }
  .mv-title { font-size: calc(30 * var(--mv-u)); }
  .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-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); }
}