*,:before,:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

* {
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

::moz-focus-inner {
    border-style: none;
    padding: 0
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

body {
    margin: 0;
    font-family: inherit;
    line-height: inherit
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    line-height: 1.5
}

img {
    border-style: solid;
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

p {
    margin: 0
}

.space-y-34px>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(34px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(34px * var(--tw-space-y-reverse))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.bg-\[\#1a1a1a\] {
    --tw-bg-opacity: 1;
    background-color: rgba(26,26,26,var(--tw-bg-opacity))
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.h-\[781px\] {
    height: 781px
}

.h-124px {
    height: 124px
}

.text-16px {
    font-size: 16px;
    line-height: 1
}

.text-60px {
    font-size: 60px;
    line-height: 1
}

.text-36px {
    font-size: 36px;
    line-height: 1
}

.text-26px {
    font-size: 26px;
    line-height: 1
}

.text-28px {
    font-size: 28px;
    line-height: 1
}

.text-18px {
    font-size: 18px;
    line-height: 1
}

.leading-\[71px\] {
    line-height: 71px
}

.leading-46px {
    line-height: 46px
}

.leading-36px {
    line-height: 36px
}

.leading-33px {
    line-height: 33px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mt-32px {
    margin-top: 32px
}

.mt-36px {
    margin-top: 36px
}

.mt-60px {
    margin-top: 60px
}

.mt-213px {
    margin-top: 213px
}

.mt-489px {
    margin-top: 489px
}

.ml-72px {
    margin-left: 72px
}

.mt-52px {
    margin-top: 52px
}

.mb-22px {
    margin-bottom: 22px
}

.max-w-1240px {
    max-width: 1240px
}

.max-w-1440px {
    max-width: 1440px
}

.pt-138px {
    padding-top: 138px
}

.pt-30px {
    padding-top: 30px
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.top-227px {
    top: 227px
}

.-right-151px {
    right: -151px
}

.text-center {
    text-align: center
}

.text-\[\#787f8c\] {
    --tw-text-opacity: 1;
    color: rgba(120,127,140,var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.w-116px {
    width: 116px
}

.w-355px {
    width: 355px
}

.w-251px {
    width: 251px
}

.w-705px {
    width: 705px
}

.w-41px {
    width: 41px
}

@media (max-width: 639.9px) {
    .\<sm\:text-14px {
        font-size:14px;
        line-height: 1
    }

    .\<sm\:mt-20px {
        margin-top: 20px
    }
}

html,body {
    padding: 0;
    margin: 0;
    color: #222;
    font-family: Roboto,PingFang SC,Arial,sans-serif
}

.banner {
    background-image: url(./bg@2x-y.3295f58c.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover
}

@media (max-width: 639.9px) {
    .banner>div {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center
    }

    .banner>div .title {
        font-size: 40px;
        line-height: 1
    }

    .banner>div .subtitle {
        font-size: 18px;
        line-height: 1;
        margin-top: 16px
    }

    .banner>div .desc {
        font-size: 16px;
        line-height: 1;
        margin-top: 16px
    }

    .banner>div img {
        margin-left: auto;
        margin-right: auto
    }

    .banner .top-banner {
        margin-top: 30px;
        width: 180px
    }

    .section-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        overflow: hidden;
        text-align: center
    }

    .section-2 img:nth-child(2) {
        margin-top: 30px;
        width: 300px
    }

    .section-2 .desc {
        margin-left: 0;
        margin-top: 20px
    }

    .section-2 .desc .text>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(10px * var(--tw-space-y-reverse))
    }

    .section-2 .desc .text {
        font-size: 18px;
        line-height: 1;
        padding-bottom: 40px;
        position: relative
    }

    .section-2 .bz {
        margin-left: auto;
        margin-right: auto
    }
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./Roboto-Regular.850921c4.woff2) format("woff2"),url(./Roboto-Regular.9446053b.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./Roboto-Medium.8394e8ab.woff2) format("woff2"),url(./Roboto-Medium.07351781.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./Roboto-Medium.8394e8ab.woff2) format("woff2"),url(./Roboto-Medium.07351781.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./Roboto-Bold.2db88ee9.woff2) format("woff2"),url(./Roboto-Bold.d2c0982d.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./Roboto-Black.d32df349.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(./Roboto-Black.d32df349.woff2) format("woff2")
}