.bg-666464 {
  background-color: #666464;
}

/* margin */
.mx-6 {
  margin-left: 4.5rem !important;
}

.mx-7 {
  margin-left: 6rem !important;
}

.mx-6 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.mx-7 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

@media (min-width: 1200px) {
  .mx-xs-6 {
    margin-left: 4.5rem !important;
  }

  .mx-xs-7 {
    margin-left: 6rem !important;
  }

  .mx-xl-6 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }

  .mx-xl-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

/* padding */
.pt-20p {
  padding-top: 20% !important;
}

.pt-95p {
  padding-top: 95% !important;
}

.pt-100p {
  padding-top: 100% !important;
}

.pt-110p {
  padding-top: 110% !important;
}

.py-32px {
  padding-top: 32px;
  padding-bottom: 32px;
}

.px-36px {
  padding-right: 36px;
  padding-left: 36px;
}

.pb-66px {
  padding-bottom: 66px;
}

.py-66px {
  padding-top: 66px;
  padding-bottom: 66px;
}

@media (min-width: 768px) {

  /* md-padding */
  .pt-md-236px {
    padding-top: 236px;
  }

  .px-md-96px {
    padding-right: 96px;
    padding-left: 96px;
  }

  .ps-md-73vw {
    padding-left: 7.3vw;
  }
}

@media (min-width: 1200px) {

  /* xxl-padding */
  .pt-xxl-196px {
    padding-top: 196px;
  }

  .px-xxl-142px {
    padding-left: 142px;
    padding-right: 142px;
  }
}

/* font-size */
.fs-1d5vw {
  font-size: 1.5vw !important;
}

.fs-1d6vw {
  font-size: 1.6vw !important;
}

.fs-1d65vw {
  font-size: 1.65vw !important;
}

.fs-1d66vw {
  font-size: 1.66vw !important;
}

.fs-1d7vw {
  font-size: 1.7vw !important;
}

.fs-1d75vw {
  font-size: 1.75vw !important;
}

.fs-2vw {
  font-size: 2vw !important;
}

.fs-2d3vw {
  font-size: 2.3vw !important;
}

.fs-2d5vw {
  font-size: 2.5vw !important;
}

.fs-2d6vw {
  font-size: 2.6vw !important;
}

.fs-2d8vw {
  font-size: 2.8vw !important;
}

.fs-2d9vw {
  font-size: 2.9vw !important;
}

.fs-3d2vw {
  font-size: 3.2vw !important;
}

.fs-4vw {
  font-size: 4vw !important;
}

.fs-4d4vw {
  font-size: 4.4vw !important;
}

.fs-4d5vw {
  font-size: 4.5vw !important;
}

.fs-5vw {
  font-size: 5vw !important;
}

.fs-6d4vw {
  font-size: 6.4vw !important;
}

.fs-8d8vw {
  font-size: 8.8vw !important;
}

.fs-18px {
  font-size: 18px !important;
}

.fs-21px {
  font-size: 21px !important;
}

.fs-30px {
  font-size: 30px !important;
}

.fs-36px {
  font-size: 36px !important;
}

.fs-40px {
  font-size: 40px !important;
}

.fs-45px {
  font-size: 45px !important;
}

.fs-48px {
  font-size: 48px !important;
}

.fs-80px {
  font-size: 80px !important;
}

/* md-font-size */
@media (min-width: 768px) {
  .fs-md-21px {
    font-size: 21px !important;
  }

  .fs-md-24px {
    font-size: 24px !important;
  }

  .fs-md-32px {
    font-size: 32px !important;
  }

  .fs-md-35px {
    font-size: 35px !important;
  }

  .fs-md-40px {
    font-size: 40px !important;
  }

  .fs-md-45px {
    font-size: 45px !important;
  }

  .fs-md-48px {
    font-size: 48px !important;
  }
}

/* lg-font-size */
@media (min-width: 992px) {
  .fs-lg-1d5vw {
    font-size: 1.5vw !important;
  }

  .fs-lg-1d6vw {
    font-size: 1.6vw !important;
  }
}

/* xxl-font-size */
@media (min-width: 1200px) {

  .fs-xxl-30px {
    font-size: 30px !important;
  }

  .fs-xxl-40px {
    font-size: 40px !important;
  }

  .fs-xxl-45px {
    font-size: 45px !important;
  }

  .fs-xxl-48px {
    font-size: 48px !important;
  }

  .fs-xxl-55px {
    font-size: 55px !important;
  }

  .fs-xxl-80px {
    font-size: 80px !important;
  }
}

@font-face {
  font-family: "SohoGothicPro";
  src: url("../assets/fonts/SohoGothicPro-Regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "SohoGothicPro";
  src: url("../assets/fonts/SohoGothicPro-Medium.otf") format("opentype");
  font-weight: 500;
}

body {
  background-color: #666464;
}

.soho-gothic-pro {
  font-family: "SohoGothicPro";
}

.section1 {
  height: calc(100vh - 70px);
  background-size: cover;
}

.section2,
.section3,
.section4,
.section5 {
  background-size: cover;
  /*
  min-height: calc(100vh - 70px);
  */
}

@media (min-width: 992px) {

  .section1,
  .section2,
  .section3,
  .section4,
  .section5 {
    /*
    height: calc(100vh - 70px);
    */
    height: calc(100vw / 1366 * 768);
    min-height: calc(100vw / 1366 * 768);
    max-height: calc(100vw / 1366 * 768);
  }
}

@media (min-width: 1400px) {
  .section1 {
    /*
    height: calc(100vh - 130px);
    min-height: calc((100vw / 1920 * 900) - 130px);
    max-height: calc(100vw / 1365 * 768);
    */
    height: calc(100vw / 1920 * 800);
  }

  .section2,
  .section3,
  .section4,
  .section5 {
    height: calc(100vh - 70px);
    min-height: calc(100vw / 1920 * 800);

  }
}

.section1 {
  background-image: url("../assets/images/waxed-bg1-m.webp");
}

@media (min-width: 992px) {
  .section1 {
    background-image: url("../assets/images/waxed-bg1-t.webp");
  }
}

@media (min-width: 1200px) {
  .section1 {
    background-image: url("../assets/images/waxed-bg1.webp");
  }
}

.section2 {
  background-image: url("../assets/images/waxed-bg2-m.webp");
}

@media (min-width: 768px) {
  .section2 {
    background-image: url("../assets/images/waxed-bg2-t.webp");
  }
}

@media (min-width: 1400px) {
  .section2 {
    background-image: url("../assets/images/waxed-bg2.webp");
  }
}

.section3 {
  background-image: url("../assets/images/waxed-bg3-m.webp");
}

@media (min-width: 992px) {
  .section3 {
    background-image: url("../assets/images/waxed-bg3-t.webp");
  }
}

@media (min-width: 1400px) {
  .section3 {
    background-image: url("../assets/images/waxed-bg3.webp");
  }
}

.section4 {
  background-image: url("../assets/images/waxed-bg4-m.webp");
}

@media (min-width: 992px) {
  .section4 {
    background-image: url("../assets/images/waxed-bg4-t.webp");
  }
}

@media (min-width: 1400px) {
  .section4 {
    background-image: url("../assets/images/waxed-bg4.webp");
  }
}

.section5 {
  background-image: url("../assets/images/waxed-bg5-m.webp");
}

@media (min-width: 992px) {
  .section5 {
    background-image: url("../assets/images/waxed-bg5-t.webp");
  }
}

@media (min-width: 1400px) {
  .section5 {
    background-image: url("../assets/images/waxed-bg5.webp");
  }
}

.section1 {
  background-position: center;
}

.section2 {
  background-position: center;
}

.section3 {
  background-position: top left;
}

.section4 {
  background-position: top left;
}

.section5 {
  background-position: top right;
}

/*
@media (max-width: 768px) {
  .product {
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 437px;
  }
}
*/


a.go-btn {
  background-image: url("../assets/images/go-btn-blue.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  display: block;

  transition: background-image 0.5s ease-in-out, transform 0.3s ease-in-out;

}

a.go-btn:hover {
  background-image: url("../assets/images/go-btn-green.webp");
  transform: scale(1.1, 1.1) !important;
}

@media (min-width: 768px) {
  a.go-btn {
    width: 16vw;
    height: 16vw;
  }
}

@media (min-width: 1200px) {
  a.go-btn {
    width: 16vw;
    height: 16vw;
  }
}



/* color */
.text-green {
  color: #8fc31f;
}

/* width */
.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-150px {
  width: 150px;
}

.gap-24px {
  gap: 24px;
}

.w-35vw {
  width: 35vw;
}

.w-38vw {
  width: 38vw;
}

@media (min-width: 768px) {

  /* md-text-align */
  .md-text-end {
    text-align: right !important;
  }

  .md-text-start {
    text-align: left !important;
  }

  /* md-width */
  .w-md-50 {
    width: 50%;
  }

  .w-md-220px {
    width: 220px;
  }

  /* md-gap */
  .gap-md-54px {
    gap: 54px;
  }

  .md\:animate__fadeInRight {
    animation-name: fadeInRight;
  }
}

@media (min-width: 992px) {
  .w-lg-auto {
    width: auto;
  }

  .section6-card {
    width: 33.3333333333%;
  }

  .w-lg-50 {
    width: 50%;
  }
}

@media (min-width: 1200px) {

  /* xxl-width */
  .w-xxl-250px {
    width: 250px;
  }
}

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