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

.bg-cover {
    background-size: cover;
    background-position: center;
}

/* 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;
}

@font-face {
    font-family: 'DFHeiStd-W5';
    src: url('../assets/fonts/dfheistd-w5.eot');
    /* IE 9 Compatibility Mode */
    src: url('../fonts/dfheistd-w5.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../assets/fonts/dfheistd-w5.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../assets/fonts/dfheistd-w5.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../assets/fonts/dfheistd-w5.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../assets/fonts/dfheistd-w5.svg#dfheistd-w5') format('svg');
    /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'DFHeiStd-W9';
    src: url('../assets/fonts/dfheistd-w9.eot');
    /* IE 9 Compatibility Mode */
    src: url('../assets/fonts/dfheistd-w9.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../assets/fonts/dfheistd-w9.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../assets/fonts/dfheistd-w9.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../assets/fonts/dfheistd-w9.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../assets/fonts/dfheistd-w9.svg#dfheistd-w9') format('svg');
    /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: "DFPHeiW9-GB";
    src: url("DFPHeiW9-GB.eot");
    src: url("DFPHeiW9-GB.eot?#iefix")format("embedded-opentype"),
        url("DFPHeiW9-GB.woff")format("woff"),
        url("DFPHeiW9-GB.woff2")format("woff2"),
        url("DFPHeiW9-GB.ttf")format("truetype"),
        url("DFPHeiW9-GB.svg#DFPHeiW9-GB")format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: #666464;
}

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

.DFHeiStd-W5 {
    font-family: 'DFHeiStd-W5';
}

.DFHeiStd-W9 {
    font-family: 'DFHeiStd-W9';
}

.DFHeiStd-W9 *.font-weight-bold,
.DFHeiStd-W9 *.fw-bold {
    font-family: 'DFHeiStd-W9';
    font-weight: normal !important;
}


.soho-gothic-pro *.font-weight-bold,
.soho-gothic-pro *.fw-bold {
    font-family: "SohoGothicPro-Medium";
    font-weight: normal !important;
}

.section1,
.section2,
.section3,
.section4,
.section5,
.section6 {
    background-size: cover;
    height: calc(100vw / 414 * 736);
}

@media (min-width: 992px) {

    .section1,
    .section2,
    .section3,
    .section4,
    .section5,
    .section6 {
        height: calc(100vw / 1365 * 768);
    }
}

@media (min-width: 1400px) {

    .section1,
    .section2,
    .section3,
    .section4,
    .section5,
    .section6 {
        height: calc(100vw / 1920 * 800);
    }
}


/* 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 */