@font-face {
  font-family: "Aquawax-Pro";
  font-weight: 400;
  src: url("../../fonts/Aquawax-Pro-Medium.woff") format("woff2"), url("../../fonts/Aquawax-Pro-Medium.woff") format("woff");
}
@font-face {
  font-family: "Aquawax-Pro";
  font-weight: 800;
  src: url("../../fonts/Aquawax-Pro-Bold.woff") format("woff2"), url("../../fonts/Aquawax-Pro-Bold.woff") format("woff");
}
@font-face {
  font-family: "Aquawax-Pro";
  font-weight: 300;
  src: url("../../fonts/Aquawax-Pro-Light.woff") format("woff2"), url("../../fonts/Aquawax-Pro-Bold.woff") format("woff");
}
*.mbe {
  margin: 0;
  padding: 0;
  font-family: "Aquawax-Pro", system-ui, sans-serif;
  text-rendering: geometricPrecision;
  color: #333333;
}

html, body {
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}

section.mbe {
  position: relative;
  overflow: inherit;
}
section.mbe h2.mbe {
  font-weight: 300;
  font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (768 - 320)));
  text-align: center;
  margin: 0 0 calc(13px + (17 - 13) * ((100vw - 320px) / (768 - 320))) 0;
}
section.mbe p {
  width: 80%;
  font-weight: 400;
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (768 - 320)));
  line-height: calc(18px + (22 - 18) * ((100vw - 320px) / (768 - 320)));
  text-align: center;
  margin: 0 auto;
  letter-spacing: -0.3px;
}
section.mbe p br {
  display: none;
}
section.mbe:nth-child(1) {
  height: 70vh;
  background-color: #EFEFEF;
  position: relative;
}
section.mbe:nth-child(1) img.corner {
  display: none;
  width: 46.12%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 530px;
}
section.mbe:nth-child(1) h1.mbe {
  width: calc(131px + (181 - 131) * ((100vw - 320px) / (768 - 320)));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
}
section.mbe:nth-child(1) h1.mbe a {
  display: block;
  transform: translateY(20%);
}
section.mbe:nth-child(1) h1.mbe a img {
  width: 100%;
  height: auto;
}
section.mbe:nth-child(1) .moving-mouse-holder-mbe {
  display: none;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}
section.mbe:nth-child(1) .moving-mouse-holder-mbe .mouse-mbe {
  width: 20px;
  height: 32px;
  position: relative;
  right: 0;
  border-radius: 18px;
  border: 2px solid #333333;
}
section.mbe:nth-child(1) .moving-mouse-holder-mbe .mouse-button-mbe {
  background-color: #333333;
  width: 2px;
  height: 8px;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -1px;
  animation: mouse-scroll 1s infinite alternate;
}
section.mbe:nth-child(2) {
  padding: 17vh 0 17vh 0;
}
section.mbe:nth-child(3) {
  padding: 17vh 0 17vh 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -10px center;
  background-image: url("../../images/my-belle-event/wedding.webp");
}
section.mbe:nth-child(3) h2.mbe, section:nth-child(3) p {
  color: #FFFFFF;
}
section.mbe:nth-child(4) {
  background-color: white;
}
section.mbe:nth-child(4) .wrapper {
  transform: translateY(-20%);
}
section.mbe:nth-child(4) .wrapper img {
  position: relative;
  max-width: 1366px;
  min-width: 607px;
  margin: 0 auto;
  display: block;
  width: calc(607px + (1233 - 607) * ((100vw - 320px) / (768 - 320)));
  transform: translateX(calc((100vw - (607px + (1233 - 607) * ((100vw - 320px) / (768 - 320))))/2));
}
section.mbe:nth-child(4) .wrapper .copy {
  margin-top: 2vh;
}
section.mbe:nth-child(5) {
  padding: 17vh 0 17vh 0;
  background-color: #EFEFEF;
}
section.mbe:nth-child(5) img {
  position: relative;
  max-width: 1366px;
  min-width: 565px;
  margin: 0 auto;
  display: block;
  width: calc(565px + (768 - 565) * ((100vw - 320px) / (768 - 320)));
  left: calc(-9px + (151 - (-9)) * ((100vw - 320px) / (768 - 320)));
}
section.mbe:nth-child(5) .copy {
  margin: 13vh 0 0 0;
}
section.mbe:nth-child(6) {
  padding: 17vh 0 17vh 0;
}
section.mbe:nth-child(6) img {
  position: relative;
  max-width: 1366px;
  min-width: 587px;
  margin: 0 auto;
  display: block;
  width: calc(587px + (768 - 587) * ((100vw - 320px) / (768 - 320)));
  left: calc(-252px + (-154 - (-252)) * ((100vw - 320px) / (768 - 320)));
}
section.mbe:nth-child(6) .copy {
  margin: 13vh 0 0 0;
}
section.mbe:nth-child(7) {
  padding: 17vh 0 17vh 0;
  background-color: #EFEFEF;
}
section.mbe:nth-child(7) img {
  position: relative;
  max-width: 1366px;
  min-width: 607px;
  margin: 0 auto;
  display: block;
  width: calc(569px + (1118 - 569) * ((100vw - 320px) / (768 - 320)));
  transform: translateX(calc((100vw - (569px + (1118 - 569) * ((100vw - 320px) / (768 - 320))))/2));
}
section.mbe:nth-child(7) .copy {
  margin-top: 13vh;
}
section.mbe:nth-child(8) {
  padding: 17vh 0 17vh 0;
}
section.mbe:nth-child(8) img {
  position: relative;
  max-width: 46px;
  min-width: 30px;
  margin: 0 auto;
  display: block;
  width: calc(30px + (46 - 30) * ((100vw - 320px) / (1366 - 320)));
}
section.mbe:nth-child(8) .copy {
  margin-top: 24px;
}

@media only screen and (max-width: 1024px) {
  section.mbe:nth-child(5) p br,section.mbe:nth-child(6) p br {
    display: contents;
  }
}
@media only screen and (min-width: 380px) {
  section.mbe p br {
    display: block;
  }
  section.mbe:nth-child(3) p br, section.mbe:nth-child(4) p br {
    display: none;
  }
}
@media only screen and (min-width: 468px) {
  section.mbe:nth-child(4) p br {
    display: block;
  }
}
@media only screen and (min-width: 674px) {
  section.mbe:nth-child(3) {
    background-position: center;
  }
  section.mbe:nth-child(3) p br {
    display: block;
  }
}
@media only screen and (max-width: 674px) {
  section.mbe:nth-child(1) .moving-mouse-holder-mbe {
    bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1367px) {
  section.mbe:nth-child(1) .moving-mouse-holder-mbe {
    bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  section.mbe h2.mbe {
    font-size: calc(35px + (45 - 35) * ((100vw - 768px) / (1366 - 768)));
    margin: 0 0 calc(17px + (24 - 17) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  section.mbe p {
    width: auto;
    font-size: calc(14px + (17 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(22px + (26 - 22) * ((100vw - 768px) / (1366 - 768)));
  }
  section.mbe:nth-child(1) img.corner {
    display: block;
  }
  section.mbe:nth-child(1) h1.mbe {
    width: 181px;
  }
  section.mbe:nth-child(1) .moving-mouse-holder-mbe .mouse-mbe {
    width: 26px;
    height: 40px;
  }
  section.mbe:nth-child(1) .moving-mouse-holder-mbe .mouse-button-mbe {
    height: 10px;
  }
  section.mbe:nth-child(2) {
    padding: 23.5vh 0 23.5vh 0;
  }
  section.mbe:nth-child(3) {
    padding: 23.5vh 0 23.5vh 0;
  }
  section.mbe:nth-child(4) .wrapper img {
    width: calc(1233px + (1366 - 1233) * ((100vw - 768px) / (1366 - 768)));
    transform: translateX(calc((100vw - (1233px + (1366 - 1233) * ((100vw - 768px) / (1366 - 768))))/2));
  }
  section.mbe:nth-child(5) img {
    width: 100%;
    left: 0;
  }
  section.mbe:nth-child(5) .copy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(10px + (52 - 10) * ((100vw - 768px) / (1366 - 768))), -50%);
    margin: 0;
  }
  section.mbe:nth-child(5) .copy h2.mbe, section.mbe:nth-child(5) .copy p {
    text-align: left;
  }
  section.mbe:nth-child(6) img {
    width: 100%;
    left: 0;
  }
  section.mbe:nth-child(6) .copy {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(calc(-10px + (-52 - (-10)) * ((100vw - 768px) / (1366 - 768))), -50%);
    margin: 0;
  }
  section.mbe:nth-child(6) .copy h2.mbe, section.mbe:nth-child(6) .copy p {
    text-align: right;
  }
  section.mbe:nth-child(7) img {
    width: calc(1118px + (1366 - 1118) * ((100vw - 768px) / (1366 - 768)));
    transform: translateX(calc((100vw - (1118px + (1366 - 1118) * ((100vw - 768px) / (1366 - 768))))/2));
  }
}
@media only screen and (min-width: 1366px) {
  section.mbe h2.mbe {
    font-size: 45px;
    margin: 0 0 24px 0;
  }
  section.mbe p {
    font-size: 17px;
    line-height: 26px;
  }
  section.mbe:nth-child(2) {
    padding: 30vh 0 30vh 0;
  }
  section.mbe:nth-child(3) {
    padding: 30vh 0 30vh 0;
  }
  section.mbe:nth-child(4) .wrapper img {
    width: 1366px;
    transform: translateX(0);
  }
  section.mbe:nth-child(5) .copy {
    transform: translate(52px, -50%);
  }
  section.mbe:nth-child(6) .copy {
    transform: translate(-52px, -50%);
  }
  section.mbe:nth-child(7) img {
    width: 1366px;
    transform: translateX(0);
  }
  section.mbe:nth-child(8) img {
    width: 46px;
  }
}
@media only screen and (min-height: 470px) {
  section.mbe:nth-child(1) .moving-mouse-holder-mbe {
    display: block;
  }
}
@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}

/*# sourceMappingURL=presentation.css.map */