@media print, screen and (min-width: 768px) {
  main {
    padding-top: 11rem;
  }
}

.mv {
  background-color: #d3c9af;
}
.mv__wrapper .wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .mv__wrapper .wrapper {
    width: 80%;
  }
}
.mv__wrapper .mv_img {
  width: 65rem;
  margin: 0 -17rem 0 auto;
}
@media only screen and (max-width: 767px) {
  .mv__wrapper .mv_img {
    width: 28rem;
    margin: 0 -5.5% 0 auto;
  }
}
.mv__wrapper .mv_bg_deco {
  top: -12rem;
}
@media print, screen and (min-width: 768px) {
  .mv__wrapper .mv_bg_deco {
    width: 4.6%;
    max-width: 6.75rem;
  }
}
.mv__wrapper .title-type01 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.mv__wrapper .title-type01 .en {
  color: #000;
}
.mv__wrapper .title-type01 .en::after {
  background-color: #000;
}
@media only screen and (max-width: 767px) {
  .mv__wrapper .title-type01 .ja {
    font-size: 3.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .mv__wrapper::before {
    content: "";
    width: 47.5%;
    height: 100%;
    background-color: #d4e2e5;
    position: absolute;
    top: -11rem;
    right: 0;
    z-index: -1;
  }
}