.site-main {
    margin: 0 auto;
    max-width: 2560px;
    width: 100%
}

.site-grid {
    grid-gap: var(--grid-gutter-width);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    -webkit-hyphens: auto;
    hyphens: auto
}

.site-grid:empty {
    display: none
}

.site-grid--next-no-margin-top+.site-grid {
    margin-top: 0
}

.site-grid--small {
    margin: var(--grid-margin-small)
}

.site-grid--small-special,
.site-grid--small-top {
    margin: var(--grid-margin-small-special)
}

.site-grid--small-top:first-child {
    margin-top: 0
}

.site-grid--medium {
    margin: var(--grid-margin-medium)
}

.site-grid--medium-special {
    margin: var(--grid-margin-medium-special)
}

.site-grid--medium-first {
    margin: var(--grid-gutter-width)
}

@media screen and (max-width:720px) {
    .site-grid--medium-first>:first-child {
        margin: 0 calc(var(--grid-gutter-width)*-1);
        width: calc(100% + var(--grid-gutter-width)*2)
    }
}

.site-grid--large {
    margin: var(--grid-margin-large)
}

.site-grid--large-special {
    margin: var(--grid-margin-large-special)
}

.site-grid--vertical-100 {
    margin: var(--margin-vertical) auto;
    max-width: var(--max-width-1400);
    padding: 0 var(--site-horizontal-padding)
}

@media screen and (max-width:720px) {
    .site-grid--vertical-100 {
       
        --margin-vertical: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--vertical-100 {
         
        --margin-vertical: 64px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--vertical-100 {
       
       
        --margin-vertical: 80px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--vertical-100 {
       
        --margin-vertical: 100px
    }
}

@media screen and (min-width:1921px) {
    .site-grid--vertical-100 {
        
        --margin-vertical: 100px
    }
}

@media screen and (max-width:720px) {
    .site-grid--vertical-100 {
        background-color: #fff;
        background-color: var(--background-white);
        padding: 52px 0 14px
    }
}

.site-grid--store-small {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-small {
        margin: var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-small {
        margin: 1.17188vw 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-small {
        margin: 12px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-small {
        margin: 18px auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-small {
        margin: 24px auto
    }
}

.site-grid--store-small-title {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-small-title {
        margin: var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-small-title {
        margin: 2.34375vw 3.90625vw 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-small-title {
        margin: 24px auto 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-small-title {
        margin: 36px auto 18px
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-small-title {
        margin: 48px auto 24px
    }
}

.site-grid--store-small-special {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-small-special {
        margin: var(--grid-gutter-width) 0;
        padding: 0 var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-small-special {
        margin: var(--grid-gutter-width) 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-small-special {
        margin: var(--grid-gutter-width) auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-small-special {
        margin: var(--grid-gutter-width) auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-small-special {
        margin: var(--grid-gutter-width) auto
    }
}

.site-grid--store-medium {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-medium {
        margin: 4.44444vw var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-medium {
        margin: 2.34375vw 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-medium {
        margin: 24px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-medium {
        margin: 30px auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-medium {
        margin: 40px auto
    }
}

.site-grid--store-medium-special {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-medium-special {
        margin: 5.55556vw var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-medium-special {
        margin: 4.6875vw 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-medium-special {
        margin: 48px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-medium-special {
        margin: 60px auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-medium-special {
        margin: 80px auto
    }
}

.site-grid--store-large {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-large {
        margin: 5.55556vw var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-large {
        margin: 2.34375vw 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-large {
        margin: 24px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-large {
        margin: 36px auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-large {
        margin: 48px auto
    }
}

@media screen and (max-width:720px) {
    .site-grid--store-large-special {
        margin: var(--grid-gutter-width) 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-large-special {
        margin: 2.34375vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-large-special {
        margin: 24px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-large-special {
        margin: 36px 0
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-large-special {
        margin: 48px 0
    }
}

.site-grid--store-large-special [role=main] {
    box-sizing: border-box
}

@media screen and (max-width:720px) {
    .site-grid--store-large-special [role=main] {
        padding: 5.55556vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-large-special [role=main] {
        padding: 2.34375vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-large-special [role=main] {
        padding: 24px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-large-special [role=main] {
        padding: 36px 0
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-large-special [role=main] {
        padding: 48px 0
    }
}

.site-grid--store-large-special [role=heading] {
    box-sizing: border-box;
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-large-special [role=heading] {
        margin: 0 0 5.55556vw;
        padding: 3.33333vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-large-special [role=heading] {
        margin: 0 3.90625vw 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-large-special [role=heading] {
        margin: 0 auto 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-large-special [role=heading] {
        margin: 0 auto 18px
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-large-special [role=heading] {
        margin: 0 auto 24px
    }
}

.site-grid--store-large-special [role=grid] {
    max-width: var(--store-max-width)
}

@media screen and (max-width:720px) {
    .site-grid--store-large-special [role=grid] {
        margin: 0 var(--grid-gutter-width)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--store-large-special [role=grid] {
        margin: 0 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--store-large-special [role=grid] {
        margin: 0 auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--store-large-special [role=grid] {
        margin: 0 auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid--store-large-special [role=grid] {
        margin: 0 auto
    }
}

.site-grid--adjacent-top-collapse+.site-grid--adjacent-top-collapse .adjacent-top-collapse,
.site-grid--adjacent-top-collapse+.site-grid .rich-text__body .site-rich-text__content {
    padding-top: 0
}

.site-grid--search-special {
    margin: var(--margin-vertical) 0
}

@media screen and (max-width:720px) {
    .site-grid--search-special {
        --margin-vertical: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--search-special {
        --margin-vertical: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--search-special {
        --margin-vertical: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--search-special {
        --margin-vertical: 36px
    }
}

@media screen and (min-width:1921px) {
    .site-grid--search-special {
        --margin-vertical: 48px
    }
}

.site-grid--support {
    background-color: #fff;
    background-color: var(--background-white);
    padding: var(--padding-vertical) 0
}

@media screen and (max-width:720px) {
    .site-grid--support {
        --padding-vertical: 52px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--support {
        --padding-vertical: 80px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--support {
        --padding-vertical: 68px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--support {
        --padding-vertical: 90px
    }
}

@media screen and (min-width:1921px) {
    .site-grid--support {
        --padding-vertical: 120px
    }
}

.site-grid--support+.site-grid--support {
    padding-top: 0
}

.site-grid--bubble-switcher {
    margin: var(--margin-vertical) 0
}

@media screen and (max-width:720px) {
    .site-grid--bubble-switcher {
        --margin-vertical: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid--bubble-switcher {
        --margin-vertical: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid--bubble-switcher {
        --margin-vertical: 23px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid--bubble-switcher {
        --margin-vertical: 30px
    }
}

@media screen and (min-width:1921px) {
    .site-grid--bubble-switcher {
        --margin-vertical: 40px
    }
}

.site-grid.site-grid--support-none {
    background-color: #fff;
    background-color: var(--background-white)
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-none {
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-none {
        padding: 0 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-none {
        padding: 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-none {
        padding: 0
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-none {
        padding: 0
    }
}

.site-grid.site-grid--support-none>* {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--support-max-width);
    width: 100%
}

.site-grid.site-grid--support-none-special {
    background-color: #fff;
    background-color: var(--background-white)
}

.site-grid.site-grid--support-none-special [role=paragraph] {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--support-max-width);
    width: 100%
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-none-special [role=paragraph] {
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-none-special [role=paragraph] {
        padding: 0 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-none-special [role=paragraph] {
        padding: 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-none-special [role=paragraph] {
        padding: 0
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-none-special [role=paragraph] {
        padding: 0
    }
}

.site-grid.site-grid--support-small {
    background-color: #fff;
    background-color: var(--background-white)
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-small {
        padding: 27px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-small {
        padding: 30px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-small {
        padding: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-small {
        padding: 30px
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-small {
        padding: 40px
    }
}

.site-grid.site-grid--support-small>* {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--support-max-width);
    width: 100%
}

.site-grid.site-grid--support-medium,
.site-grid.site-grid--support-medium-special {
    background-color: #fff;
    background-color: var(--background-white);
    margin: 0 auto
}

@media screen and (max-width:720px) {

    .site-grid.site-grid--support-medium,
    .site-grid.site-grid--support-medium-special {
        padding: 40px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-grid.site-grid--support-medium,
    .site-grid.site-grid--support-medium-special {
        padding: 48px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-grid.site-grid--support-medium,
    .site-grid.site-grid--support-medium-special {
        padding: 45px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-grid.site-grid--support-medium,
    .site-grid.site-grid--support-medium-special {
        padding: 60px
    }
}

@media screen and (min-width:1921px) {

    .site-grid.site-grid--support-medium,
    .site-grid.site-grid--support-medium-special {
        padding: 80px
    }
}

.site-grid.site-grid--support-medium>:first-child,
.site-grid.site-grid--support-medium>:last-child {
    max-width: calc(var(--support-max-width)/2 - var(--grid-gutter-width)/2);
    width: 100%
}

@media screen and (max-width:720px) {

    .site-grid.site-grid--support-medium>:first-child,
    .site-grid.site-grid--support-medium>:last-child {
        max-width: none
    }
}

.site-grid.site-grid--support-medium>:first-child {
    justify-self: end
}

.site-grid.site-grid--support-medium>:last-child {
    justify-self: start
}

.site-grid.site-grid--support-medium>:only-child {
    justify-self: center
}

.site-grid.site-grid--support-medium-special [role=main],
.site-grid.site-grid--support-medium>:only-child {
    box-sizing: border-box;
    max-width: var(--support-max-width)
}

.site-grid.site-grid--support-large {
    background-color: #fff;
    background-color: var(--background-white)
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-large {
        padding: 52px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-large {
        padding: 64px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-large {
        padding: 67px 45px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-large {
        padding: 90px 60px
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-large {
        padding: 120px 80px
    }
}

.site-grid.site-grid--support-large>* {
    margin: 0 auto;
    width: 100%
}

.site-grid.site-grid--support-large>*,
.site-grid.site-grid--support-transparent,
.site-grid.site-grid--support-transparent-small,
.site-grid.site-grid--support-transparent-special {
    box-sizing: border-box;
    max-width: var(--support-max-width)
}

@media screen and (max-width:720px) {

    .site-grid.site-grid--support-transparent,
    .site-grid.site-grid--support-transparent-small,
    .site-grid.site-grid--support-transparent-special {
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-grid.site-grid--support-transparent,
    .site-grid.site-grid--support-transparent-small,
    .site-grid.site-grid--support-transparent-special {
        padding: 0 32px
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-transparent {
        margin: 40px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-transparent {
        margin: 48px auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-transparent {
        margin: 56px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-transparent {
        margin: 75px auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-transparent {
        margin: 100px auto
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-transparent-small {
        margin: 28px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-transparent-small {
        margin: 32px auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-transparent-small {
        margin: 28px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-transparent-small {
        margin: 36px auto
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-transparent-small {
        margin: 48px auto
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-transparent-special {
        margin: 20px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-transparent-special {
        margin: 0 auto 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-transparent-special {
        margin: 0 auto 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-transparent-special {
        margin: 6px auto 30px
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-transparent-special {
        margin: 8px auto 40px
    }
}

.site-grid.site-grid--support-small+.site-grid.site-grid--support-small {
    padding-top: 0
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-small+.site-grid.site-grid--support-medium {
        padding-top: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-small+.site-grid.site-grid--support-medium {
        padding-top: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-small+.site-grid.site-grid--support-medium {
        padding-top: 21px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-small+.site-grid.site-grid--support-medium {
        padding-top: 30px
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-small+.site-grid.site-grid--support-medium {
        padding-top: 40px
    }
}

.site-grid.site-grid--support-medium+.site-grid.site-grid--support-medium,
.site-grid.site-grid--support-medium+.site-grid.site-grid--support-small {
    padding-top: 0
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--support-medium+.site-grid.site-grid--support-large {
        padding-top: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--support-medium+.site-grid.site-grid--support-large {
        padding-top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--support-medium+.site-grid.site-grid--support-large {
        padding-top: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--support-medium+.site-grid.site-grid--support-large {
        padding-top: 30px
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--support-medium+.site-grid.site-grid--support-large {
        padding-top: 40px
    }
}

.site-grid.site-grid--support-large+.site-grid.site-grid--support-large,
.site-grid.site-grid--support-large+.site-grid.site-grid--support-medium,
.site-grid.site-grid--support-large+.site-grid.site-grid--support-small {
    padding-top: 0
}

.site-grid.site-grid--none-sticky-bottom,
.site-grid.site-grid--none-sticky-top {
    position: sticky;
    z-index: 1
}

.site-grid.site-grid--none-sticky-top {
    top: var(--header-height)
}

.site-grid.site-grid--none-sticky-bottom {
    bottom: 0
}

.site-grid.site-grid--empty {
    background-color: #e1f5fe4d
}

.site-grid.site-grid--empty>* {
    grid-column: span 12
}

.site-grid.site-grid--empty>:not(:first-child) {
    display: none
}

.site-grid.site-grid--full>* {
    grid-column: span 12
}

.site-grid.site-grid--half>* {
    grid-column: span 6
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--half-quarter>* {
        grid-column: span 3
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--half-quarter>* {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--half-quarter>* {
        grid-column: span 3
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--half-quarter>* {
        grid-column: span 3
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--half-quarter>* {
        grid-column: span 3
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--half-quarter>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--half-quarter>:first-child {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--half-quarter>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--half-quarter>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--half-quarter>:first-child {
        grid-column: span 6
    }
}

.site-grid.site-grid--half-quarter>:not(:nth-child(-n+3)) {
    display: none
}

.site-grid.site-grid--quarter-half {
    grid-auto-flow: dense
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--quarter-half>* {
        grid-column: span 3
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--quarter-half>* {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--quarter-half>* {
        grid-column: span 3
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--quarter-half>* {
        grid-column: span 3
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--quarter-half>* {
        grid-column: span 3
    }
}

.site-grid.site-grid--quarter-half>:first-child {
    grid-column-end: -1
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--quarter-half>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--quarter-half>:first-child {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--quarter-half>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--quarter-half>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--quarter-half>:first-child {
        grid-column: span 6
    }
}

.site-grid.site-grid--quarter-half>:not(:nth-child(-n+3)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--quarter>* {
        grid-column: span 3
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--quarter>* {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--quarter>* {
        grid-column: span 3
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--quarter>* {
        grid-column: span 3
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--quarter>* {
        grid-column: span 3
    }
}

.site-grid.site-grid--half-mezzanine>:first-child {
    grid-column: span 6
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--half-mezzanine>:first-child {
        grid-row: span 2
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--half-mezzanine>:first-child {
        grid-row: span 2
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--half-mezzanine>:first-child {
        grid-row: span 2
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--half-mezzanine>:first-child {
        grid-row: span 2
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--half-mezzanine>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--half-mezzanine>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--half-mezzanine>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--half-mezzanine>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--half-mezzanine>:not(:first-child) {
        grid-column: span 6
    }
}

.site-grid.site-grid--half-mezzanine>:not(:nth-child(-n+3)) {
    display: none
}

.site-grid.site-grid--mezzanine-half {
    grid-auto-flow: dense
}

.site-grid.site-grid--mezzanine-half>:first-child {
    grid-column: span 6;
    grid-column-end: -1
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--mezzanine-half>:first-child {
        grid-row: span 2
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--mezzanine-half>:first-child {
        grid-row: span 2
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--mezzanine-half>:first-child {
        grid-row: span 2
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--mezzanine-half>:first-child {
        grid-row: span 2
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--mezzanine-half>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--mezzanine-half>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--mezzanine-half>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--mezzanine-half>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--mezzanine-half>:not(:first-child) {
        grid-column: span 6
    }
}

.site-grid.site-grid--mezzanine-half>:not(:nth-child(-n+3)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--trisection>* {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--trisection>* {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--trisection>* {
        grid-column: span 4
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--trisection>* {
        grid-column: span 4
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--trisection>* {
        grid-column: span 4
    }
}

.site-grid.site-grid--trisection>:not(:nth-child(-n+3)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--trisection-remainder>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--trisection-remainder>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--trisection-remainder>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--trisection-remainder>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--trisection-remainder>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--trisection-remainder>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--trisection-remainder>:first-child {
        grid-column: span 8;
        order: 2
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--trisection-remainder>:first-child {
        grid-column: span 8;
        order: 2
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--trisection-remainder>:first-child {
        grid-column: span 8;
        order: 2
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--trisection-remainder>:first-child {
        grid-column: span 8;
        order: 2
    }
}

.site-grid.site-grid--trisection-remainder>:not(:nth-child(-n+2)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--remainder-trisection>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--remainder-trisection>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--remainder-trisection>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--remainder-trisection>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--remainder-trisection>:not(:first-child) {
        grid-column: span 4
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--remainder-trisection>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--remainder-trisection>:first-child {
        grid-column: span 8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--remainder-trisection>:first-child {
        grid-column: span 8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--remainder-trisection>:first-child {
        grid-column: span 8
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--remainder-trisection>:first-child {
        grid-column: span 8
    }
}

.site-grid.site-grid--remainder-trisection>:not(:nth-child(-n+2)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--quarter-remainder>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--quarter-remainder>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--quarter-remainder>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--quarter-remainder>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--quarter-remainder>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--quarter-remainder>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--quarter-remainder>:first-child {
        grid-column: span 9;
        order: 2
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--quarter-remainder>:first-child {
        grid-column: span 9;
        order: 2
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--quarter-remainder>:first-child {
        grid-column: span 9;
        order: 2
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--quarter-remainder>:first-child {
        grid-column: span 9;
        order: 2
    }
}

.site-grid.site-grid--quarter-remainder>:not(:nth-child(-n+2)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--remainder-quarter>:not(:first-child) {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--remainder-quarter>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--remainder-quarter>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--remainder-quarter>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--remainder-quarter>:not(:first-child) {
        grid-column: span 3
    }
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--remainder-quarter>:first-child {
        grid-column: span 6
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--remainder-quarter>:first-child {
        grid-column: span 9
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--remainder-quarter>:first-child {
        grid-column: span 9
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--remainder-quarter>:first-child {
        grid-column: span 9
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--remainder-quarter>:first-child {
        grid-column: span 9
    }
}

.site-grid.site-grid--remainder-quarter>:not(:nth-child(-n+2)) {
    display: none
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--keep-half {
        --column-count: 3
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-grid.site-grid--keep-half {
        --column-count: 6
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-grid.site-grid--keep-half {
        --column-count: 6
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-grid.site-grid--keep-half {
        --column-count: 6
    }
}

@media screen and (min-width:1921px) {
    .site-grid.site-grid--keep-half {
        --column-count: 6
    }
}

.site-grid.site-grid--keep-half>* {
    grid-column: span var(--column-count)
}

.site-grid.site-grid--keep-half>:not(:nth-child(-n+2)) {
    display: none
}

.site-grid.site-grid--special-half-quarter>* {
    grid-column: span 3
}

.site-grid.site-grid--special-half-quarter>:first-child {
    grid-column: span 6
}

.site-grid.site-grid--special-half-quarter>:not(:nth-child(-n+3)) {
    display: none
}

.site-grid.site-grid--special-quarter-half {
    grid-auto-flow: dense
}

.site-grid.site-grid--special-quarter-half>* {
    grid-column: span 3
}

.site-grid.site-grid--special-quarter-half>:first-child {
    grid-column: span 6;
    grid-column-end: -1
}

.site-grid.site-grid--special-quarter-half>:not(:nth-child(-n+3)) {
    display: none
}

.site-grid.site-grid--special-quarter>* {
    grid-column: span 3
}

.site-grid.site-grid--special-quarter>:not(:nth-child(-n+4)) {
    display: none
}

.site-grid.site-grid--unlimited-type-one>* {
    grid-column: span 3
}

.site-grid.site-grid--unlimited-type-one>:nth-child(-n+2) {
    grid-column: span 6
}

@media screen and (max-width:720px) {
    .site-grid.site-grid--unlimited-type-one>:nth-child(-n+2) {
        grid-column: span 3
    }
}

.site-grid.site-grid--unlimited-type-two>* {
    grid-column: span 3
}

.site-grid.site-grid--unlimited-type-two>:nth-child(6),
.site-grid.site-grid--unlimited-type-two>:nth-child(-n+3) {
    grid-column: span 6
}

@media screen and (max-width:720px) {

    .site-grid.site-grid--unlimited-type-two>:nth-child(6),
    .site-grid.site-grid--unlimited-type-two>:nth-child(-n+3) {
        grid-column: span 3
    }

    .site-banner .site-banner__info .site-banner__tips {
        font-size: 16px;
        margin-bottom: 8px
    }

    .site-banner .site-banner__info .site-banner__price {
        font-size: 16px;
        margin-top: 16px
    }
}

.responsive-image {
    display: block
}

.banner-text {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .banner-text.banner-text {
        min-height: 25.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-text.banner-text {
        min-height: 7.61719vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-text.banner-text {
        min-height: 7.5vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-text.banner-text {
        min-height: 7.5vw
    }
}

@media screen and (min-width:1921px) {
    .banner-text.banner-text {
        min-height: 192px
    }
}

.banner-text__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 2
}

@media screen and (max-width:720px) {
    .banner-text__info {
        margin: 9.44444vw 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-text__info {
        margin: 2.34375vw 32.42188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-text__info {
        margin: 2.5vw 8.59375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-text__info {
        margin: 2.5vw 8.59375vw
    }
}

@media screen and (min-width:1921px) {
    .banner-text__info {
        margin: 64px 220px
    }
}

.banner-text__info .banner-text__title {
    color: #191919;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .banner-text__info .banner-text__title {
        font-size: 5.55556vw;
        font-size: max(5.55556vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-text__info .banner-text__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-text__info .banner-text__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-text__info .banner-text__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .banner-text__info .banner-text__title {
        font-size: 48px
    }
}

.banner-text__info .banner-text__subtitle {
    color: #000;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .banner-text__info .banner-text__subtitle {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        margin-top: 1.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-text__info .banner-text__subtitle {
        font-size: max(1.5625vw, 12px);
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-text__info .banner-text__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-text__info .banner-text__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1921px) {
    .banner-text__info .banner-text__subtitle {
        font-size: 24px;
        margin-top: 10px
    }
}

@media screen and (max-width:720px) {
    .banner-text__info .banner-text__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-text__info .banner-text__link {
        font-size: max(1.5625vw, 12px);
        margin-top: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-text__info .banner-text__link {
        font-size: max(.9375vw, 12px);
        margin-top: 1.5625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-text__info .banner-text__link {
        font-size: max(.9375vw, 12px);
        margin-top: 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .banner-text__info .banner-text__link {
        font-size: 24px;
        margin-top: 40px
    }
}

@media screen and (max-width:720px) {
    .banner-text__info .banner-text__link.mi-btn--primary {
        padding: 1.94444vw 5.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-text__info .banner-text__link.mi-btn--primary {
        padding: .78125vw 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-text__info .banner-text__link.mi-btn--primary {
        padding: .46875vw 1.5625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-text__info .banner-text__link.mi-btn--primary {
        padding: .46875vw 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .banner-text__info .banner-text__link.mi-btn--primary {
        padding: 12px 40px
    }
}

.banner-text__info .banner-text__link.mi-btn--link {
    padding: 0
}

.site-grid--store-large .banner-text {
    min-height: unset
}

.site-grid--store-large .banner-text .banner-text__info {
    margin: unset
}

.banner-select-site {
    text-align: center;
    width: 100%
}

@media screen and (max-width:720px) {
    .banner-select-site {
        padding: 9.44444vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site {
        padding: 3.125vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site {
        padding: 1.875vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site {
        padding: 1.875vw 0
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site {
        padding: 48px 0
    }
}

.banner-select-site .banner-select__series {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center
}

.banner-select-site .banner-select__series .banner-select--hover-pc {
    display: none
}

.banner-select-site .banner-select__series:hover .banner-select--hover-pc {
    display: block
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-up {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series:hover .banner-select__title-arrow-down {
        display: none
    }
}

.banner-select-site .banner-select__series .banner-select__title {
    font-weight: 700;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select__title {
        font-size: 6.11111vw;
        font-size: max(6.11111vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select__title {
        font-size: 48px
    }
}

.banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
.banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
.banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
.banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
    color: #191919;
    font-weight: 700;
    position: relative
}

@media screen and (max-width:720px) {

    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        height: 4.44444vw;
        width: 4.44444vw
    }

    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-left: 2.77778vw
    }

    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-right: 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        font-size: max(1.36719vw, 12px);
        height: 1.36719vw;
        width: 1.36719vw
    }

    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-left: 1.17188vw
    }

    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-right: 1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        font-size: max(1.25vw, 12px);
        height: 1.25vw;
        width: 1.25vw
    }

    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-left: .625vw
    }

    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-right: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        font-size: max(1.25vw, 12px);
        height: 1.25vw;
        width: 1.25vw
    }

    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-left: .625vw
    }

    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-right: .625vw
    }
}

@media screen and (min-width:1921px) {

    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        font-size: 32px;
        height: 32px;
        width: 32px
    }

    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=ltr] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-left: 16px
    }

    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up,
    [dir=rtl] .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        margin-right: 16px
    }
}

.banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up {
    display: none
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select__title .banner-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-up {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select__title:hover .banner-select__title-arrow-down {
        display: none
    }
}

.banner-select-site .banner-select__series .banner-select--hover {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 6px 18px 0 #1919191a;
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select--hover {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 2.22222vw;
        padding: 4.44444vw 3.33333vw;
        width: 52.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select--hover {
        font-size: max(1.5625vw, 12px);
        margin-top: 1.17188vw;
        padding: .78125vw;
        width: 32.22656vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select--hover {
        font-size: max(.9375vw, 12px);
        margin-top: .78125vw;
        padding: .46875vw;
        width: 15.625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select--hover {
        font-size: max(.9375vw, 12px);
        margin-top: .78125vw;
        padding: .46875vw;
        width: 15.625vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select--hover {
        font-size: 24px;
        margin-top: 20px;
        padding: 12px;
        width: 400px
    }
}

.banner-select-site .banner-select__series .banner-select--hover:before {
    background: #0000;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select--hover:before {
        height: 2.22222vw;
        top: -2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select--hover:before {
        height: 1.17188vw;
        top: -1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select--hover:before {
        height: .78125vw;
        top: -.78125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select--hover:before {
        height: .78125vw;
        top: -.78125vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select--hover:before {
        height: 20px;
        top: -20px
    }
}

.banner-select-site .banner-select__series .banner-select--hover .banner-select--li {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #898989;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__series .banner-select--hover .banner-select--li {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        height: 3.88889vw;
        line-height: 3.88889vw;
        margin-bottom: 4.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__series .banner-select--hover .banner-select--li {
        font-size: max(1.5625vw, 12px);
        height: 3.90625vw;
        line-height: 3.90625vw;
        margin-bottom: 1.36719vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__series .banner-select--hover .banner-select--li {
        font-size: max(.9375vw, 12px);
        height: 1.875vw;
        line-height: 1.875vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__series .banner-select--hover .banner-select--li {
        font-size: max(.9375vw, 12px);
        height: 1.875vw;
        line-height: 1.875vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__series .banner-select--hover .banner-select--li {
        font-size: 24px;
        height: 48px;
        line-height: 48px;
        margin-bottom: 16px
    }
}

.banner-select-site .banner-select__series .banner-select--hover .banner-select--li:last-child {
    margin-bottom: 0
}

.banner-select-site .banner-select__series .banner-select--hover .banner-select--li:hover {
    background: #f3f3f3;
    color: #191919
}

.banner-select-site .banner-select__series .banner-select--hover .li--active {
    color: #191919;
    font-weight: 700
}

.banner-select-site .banner-select__series .banner-select--hover-mobile {
    border: 0 solid #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 #19191914;
    display: none
}

.banner-select-site .banner-select__series .banner-select--hover-mobile .li--active {
    background: none;
    color: #ff6900;
    font-weight: 400
}

.banner-select-site .banner-select__tags {
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__tags {
        margin-top: 6.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__tags {
        margin-top: 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__tags {
        margin-top: 1.48438vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__tags {
        margin-top: 1.48438vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__tags {
        margin-top: 38px
    }
}

.banner-select-site .banner-select__tags .banner-select__tags__box {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__tags .banner-select__tags__box {
        display: block;
        width: 60.35156vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__tags .banner-select__tags__box {
        display: block;
        width: 42.96875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__tags .banner-select__tags__box {
        display: block;
        width: 42.96875vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__tags .banner-select__tags__box {
        display: block;
        width: 1100px
    }
}

.banner-select-site .banner-select__tags .tags__left-icon,
.banner-select-site .banner-select__tags .tags__right-icon {
    cursor: pointer;
    position: absolute;
    top: 0
}

@media screen and (max-width:720px) {

    .banner-select-site .banner-select__tags .tags__left-icon,
    .banner-select-site .banner-select__tags .tags__right-icon {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .banner-select-site .banner-select__tags .tags__left-icon,
    .banner-select-site .banner-select__tags .tags__right-icon {
        display: inline-block;
        height: 1.95312vw;
        width: 1.95312vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .banner-select-site .banner-select__tags .tags__left-icon,
    .banner-select-site .banner-select__tags .tags__right-icon {
        display: inline-block;
        height: .9375vw;
        width: .9375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .banner-select-site .banner-select__tags .tags__left-icon,
    .banner-select-site .banner-select__tags .tags__right-icon {
        display: inline-block;
        height: .9375vw;
        width: .9375vw
    }
}

@media screen and (min-width:1921px) {

    .banner-select-site .banner-select__tags .tags__left-icon,
    .banner-select-site .banner-select__tags .tags__right-icon {
        display: inline-block;
        height: 24px;
        width: 24px
    }
}

.banner-select-site .banner-select__tags .tags__left-icon {
    left: 0
}

.banner-select-site .banner-select__tags .tags__right-icon {
    right: 0
}

.banner-select-site .banner-select__tags .tags__left-icon--disabled,
.banner-select-site .banner-select__tags .tags__right-icon--disabled {
    color: #898989
}

.banner-select-site .banner-select__tags .banner-select__tags-ul {
    left: 50%;
    overflow: hidden;
    overflow-x: scroll;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        width: 52.53906vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        width: 39.0625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        width: 39.0625vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        width: 1000px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul::-webkit-scrollbar {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul::-webkit-scrollbar {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul::-webkit-scrollbar {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul::-webkit-scrollbar {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__tags .banner-select__tags-ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.banner-select-site .banner-select__tags .banner-select__tags-ul--mobile {
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%
}

.banner-select-site .banner-select__tags li {
    border-right: 1px solid #d0d0d0;
    color: #191919;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1
}

@media screen and (max-width:720px) {
    .banner-select-site .banner-select__tags li {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        padding: 0 5.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .banner-select-site .banner-select__tags li {
        font-size: max(1.5625vw, 12px);
        padding: 0 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .banner-select-site .banner-select__tags li {
        font-size: max(.78125vw, 12px);
        padding: 0 1.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .banner-select-site .banner-select__tags li {
        font-size: max(.78125vw, 12px);
        padding: 0 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .banner-select-site .banner-select__tags li {
        font-size: 20px;
        padding: 0 32px
    }
}

@media screen and (max-width:720px) {
    [dir=ltr] .banner-select-site .banner-select__tags li:last-child {
        border-right: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=ltr] .banner-select-site .banner-select__tags li:last-child {
        border-right: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .banner-select-site .banner-select__tags li:last-child {
        border-right: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .banner-select-site .banner-select__tags li:last-child {
        border-right: none
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .banner-select-site .banner-select__tags li:last-child {
        border-right: none
    }
}

@media screen and (max-width:720px) {
    [dir=rtl] .banner-select-site .banner-select__tags li:first-child {
        border-right: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=rtl] .banner-select-site .banner-select__tags li:first-child {
        border-right: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=rtl] .banner-select-site .banner-select__tags li:first-child {
        border-right: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=rtl] .banner-select-site .banner-select__tags li:first-child {
        border-right: none
    }
}

@media screen and (min-width:1921px) {
    [dir=rtl] .banner-select-site .banner-select__tags li:first-child {
        border-right: none
    }
}

.banner-select-site .banner-select__tags .tags--actived,
.banner-select-site .banner-select__tags .tags--normal:hover {
    color: #ff6900
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-breadcrumbs {
        padding: 1.5625vw 3.125vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-breadcrumbs {
        padding: 24px 48px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-breadcrumbs {
        padding: 30px 32px 0
    }
}

@media screen and (min-width:1921px) {
    .site-breadcrumbs {
        padding: 40px 32px 0
    }
}

.site-breadcrumbs__container {
    background-color: initial !important;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-breadcrumbs__container {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-breadcrumbs__container {
        margin: 1.5625vw auto 0;
        padding: 0 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-breadcrumbs__container {
        margin: 24px auto 0;
        padding: 0 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-breadcrumbs__container {
        margin: 30px auto 0;
        padding: 0 32px
    }
}

@media screen and (min-width:1921px) {
    .site-breadcrumbs__container {
        margin: 40px auto 0;
        padding: 0 32px
    }
}

.site-breadcrumbs__container .mi-breadcrumbs {
    background-color: unset;
    padding-left: 0;
    padding-top: 0
}

.site-breadcrumbs__container .mi-breadcrumbs a {
    color: #d0d0d0
}

.mi-breadcrumbs {
    background: #fff;
    background: var(--background-white);
    color: #191919;
    color: var(--text-base)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-breadcrumbs {
        font-size: 12px;
        height: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-breadcrumbs {
        font-size: 16px;
        height: 24px;
        line-height: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-breadcrumbs {
        font-size: 16px;
        height: 24px;
        line-height: 24px
    }
}

@media screen and (min-width:1921px) {
    .mi-breadcrumbs {
        font-size: 16px;
        height: 24px;
        line-height: 24px
    }
}

.mi-breadcrumbs-link a {
    color: #898989;
    color: var(--text-secondary);
    cursor: pointer
}

.mi-breadcrumbs-link a:hover {
    color: var(--link-active)
}

.mi-breadcrumbs-link h1,
.mi-breadcrumbs-link h2 {
    display: inline-block;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .mi-breadcrumbs-link h1,
    .mi-breadcrumbs-link h2 {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .mi-breadcrumbs-link h1,
    .mi-breadcrumbs-link h2 {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .mi-breadcrumbs-link h1,
    .mi-breadcrumbs-link h2 {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {

    .mi-breadcrumbs-link h1,
    .mi-breadcrumbs-link h2 {
        font-size: 16px
    }
}

.mi-breadcrumbs-separator {
    color: #898989;
    color: var(--text-secondary)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-breadcrumbs-separator {
        margin: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-breadcrumbs-separator {
        margin: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-breadcrumbs-separator {
        margin: 16px
    }
}

@media screen and (min-width:1921px) {
    .mi-breadcrumbs-separator {
        margin: 16px
    }
}

.mi-breadcrumbs .container>span:last-child .mi-breadcrumbs-separator {
    display: none
}

.site-goods {
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-goods:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .site-goods {
        height: 111.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods {
        height: 31.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods {
        height: 30.83333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods {
        height: 31.04167vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods {
        height: 800px
    }
}

.site-goods.site-goods--light {
    background-color: #fff;
    background-color: var(--background-white);
    color: #191919
}

.site-goods.site-goods--dark {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    color: #fff
}

.site-goods__image {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.site-goods__image>img {
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    width: 100%
}

.site-goods__info {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
    z-index: 2
}

@media screen and (max-width:720px) {
    .site-goods__info {
        margin: 11.11111vw 0;
        min-height: 30.55556vw;
        width: 90%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info {
        margin: 1.5625vw 0;
        min-height: 11.32812vw;
        width: 41.99219vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info {
        margin: 2.77778vw 0;
        min-height: 9.44444vw;
        width: 34.16667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info {
        margin: 2.08333vw 0;
        min-height: 10.9375vw;
        width: 41.875vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info {
        margin: 64px 0;
        min-height: 210px;
        width: 804px
    }
}

.site-goods__info .site-goods__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: box;
    display: -webkit-box;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__title {
        font-size: 8.05556vw;
        font-size: max(8.05556vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__title {
        font-size: max(2.22222vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__title {
        font-size: max(2.5vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__title {
        font-size: 48px
    }
}

.site-goods__info .site-goods__title--svg {
    box-sizing: border-box
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__title--svg {
        height: 6.11111vw;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__title--svg {
        height: 2.34375vw;
        padding: .39062vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__title--svg {
        height: 2.22222vw;
        padding: .34722vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__title--svg {
        height: 2.5vw;
        padding: .3125vw 0
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__title--svg {
        height: 48px;
        padding: 6px 0
    }
}

.site-goods__info .site-goods__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: box;
    display: -webkit-box;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__subtitle {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        line-height: 5.55556vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__subtitle {
        font-size: max(1.5625vw, 12px);
        line-height: 1.95312vw;
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__subtitle {
        font-size: max(1.11111vw, 12px);
        line-height: 1.38889vw;
        margin-top: .55556vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__subtitle {
        font-size: max(1.25vw, 12px);
        line-height: 1.5625vw;
        margin-top: .41667vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__subtitle {
        font-size: 24px;
        line-height: 30px;
        margin-top: 8px
    }
}

.site-goods__info .site-goods__actions {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: row-reverse;
    justify-content: center
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__actions {
        margin-top: 6.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__actions {
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__actions {
        margin-top: .55556vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__actions {
        margin-top: .83333vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__actions {
        margin-top: 24px
    }
}

.site-goods__info .site-goods__actions .site-goods__link {
    text-decoration: none
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__actions .site-goods__link {
        --link-font-size: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__actions .site-goods__link {
        --link-font-size: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__actions .site-goods__link {
        --link-font-size: 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__actions .site-goods__link {
        --link-font-size: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__actions .site-goods__link {
        --link-font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__actions .site-goods__link:last-child:not(:only-child) {
        margin-inline-end: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__actions .site-goods__link:last-child:not(:only-child) {
        margin-inline-end: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__actions .site-goods__link:last-child:not(:only-child) {
        margin-inline-end: 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__actions .site-goods__link:last-child:not(:only-child) {
        margin-inline-end: 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__actions .site-goods__link:last-child:not(:only-child) {
        margin-inline-end: 40px
    }
}

@media screen and (max-width:720px) {
    .site-goods__info .site-goods__actions .site-goods__link.mi-btn--primary {
        padding: 1.94444vw 5.83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods__info .site-goods__actions .site-goods__link.mi-btn--primary {
        padding: .68359vw 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods__info .site-goods__actions .site-goods__link.mi-btn--primary {
        padding: .48611vw 1.66667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods__info .site-goods__actions .site-goods__link.mi-btn--primary {
        padding: .46875vw 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods__info .site-goods__actions .site-goods__link.mi-btn--primary {
        padding: 12px 40px
    }
}

.site-goods__info .site-goods__actions .site-goods__link.mi-btn--link {
    padding: 0
}

.site-goods__energy {
    --label-distance: 10px;
    bottom: 10px;
    left: var(--label-distance);
    position: absolute;
    right: unset;
    z-index: 2
}

[dir=rtl] .site-goods__energy {
    left: unset;
    right: var(--label-distance)
}

.site-goods-sku {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku {
        padding: 3.88889vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku {
        padding: 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku {
        padding: 1.875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku {
        padding: 1.875vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku {
        padding: 48px
    }
}

.site-goods-sku__tag-list {
    left: var(--tag-position);
    top: var(--tag-position)
}

@media screen and (max-width:720px) {
    .site-goods-sku__tag-list {
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__tag-list {
        --tag-position: .97656vw;
        position: absolute
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__tag-list {
        --tag-position: .9375vw;
        position: absolute
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__tag-list {
        --tag-position: .9375vw;
        position: absolute
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__tag-list {
        --tag-position: 24px;
        position: absolute
    }
}

[dir=rtl] .site-goods-sku__tag-list {
    right: var(--tag-position)
}

.site-goods-sku__info {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:720px) {
    .site-goods-sku__info {
        justify-content: flex-start;
        margin-bottom: 5.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info {
        justify-content: center;
        margin-bottom: 0;
        min-height: 13.28125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info {
        justify-content: center;
        margin-bottom: .625vw;
        min-height: 9.0625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info {
        justify-content: center;
        margin-bottom: .625vw;
        min-height: 9.0625vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info {
        justify-content: center;
        margin-bottom: 16px;
        min-height: 232px
    }
}

.site-goods-sku__info .site-goods-sku__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: box;
    display: -webkit-box;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__title {
        font-size: 8.33333vw;
        font-size: max(8.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__title {
        font-size: 48px
    }
}

.site-goods-sku__info .site-goods-sku__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: box;
    display: -webkit-box;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__subtitle {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__subtitle {
        font-size: max(1.5625vw, 12px);
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .3125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .3125vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__subtitle {
        font-size: 24px;
        margin-top: 8px
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__energy {
        --group-margin-top: 2.22222vw;
        --image-width: 54px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__energy {
        --group-margin-top: .78125vw;
        --image-width: 54px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__energy {
        --group-margin-top: .625vw;
        --image-width: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__energy {
        --group-margin-top: .625vw;
        --image-width: 54px
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__energy {
        --group-margin-top: 16px;
        --image-width: 64px
    }
}

.site-goods-sku__info .site-goods-sku__price {
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__price {
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__price {
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__price {
        margin-top: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__price {
        margin-top: .625vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__price {
        margin-top: 16px
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__price span {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__price span {
        font-size: max(1.95312vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__price span {
        font-size: max(1.09375vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__price span {
        font-size: max(1.09375vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__price span {
        font-size: 28px
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__price strong {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__price strong {
        font-size: max(1.95312vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__price strong {
        font-size: max(1.09375vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__price strong {
        font-size: max(1.09375vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__price strong {
        font-size: 28px
    }
}

.site-goods-sku__info .site-goods-sku__price del {
    color: #999
}

@media screen and (max-width:720px) {
    .site-goods-sku__info .site-goods-sku__price del {
        font-size: 2.77778vw;
        font-size: max(2.77778vw, 12px);
        margin-inline-start: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__info .site-goods-sku__price del {
        font-size: max(1.36719vw, 12px);
        margin-inline-start: .39062vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__info .site-goods-sku__price del {
        font-size: max(.78125vw, 12px);
        margin-inline-start: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__info .site-goods-sku__price del {
        font-size: max(.78125vw, 12px);
        margin-inline-start: .625vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__info .site-goods-sku__price del {
        font-size: 20px;
        margin-inline-start: 16px
    }
}

.site-goods-sku__actions {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: row-reverse;
    justify-content: center
}

@media screen and (max-width:720px) {
    .site-goods-sku__actions {
        margin: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__actions {
        margin: 1.5625vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__actions {
        margin: .625vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__actions {
        margin: .625vw 0
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__actions {
        margin: 16px 0
    }
}

.site-goods-sku__actions .site-goods-sku__link {
    text-decoration: none
}

@media screen and (max-width:720px) {
    .site-goods-sku__actions .site-goods-sku__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        padding: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__actions .site-goods-sku__link {
        font-size: max(1.5625vw, 12px);
        padding: .78125vw 1.5625vw;
        white-space: nowrap
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__actions .site-goods-sku__link {
        font-size: max(.9375vw, 12px);
        padding: .46875vw 1.5625vw;
        white-space: nowrap
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__actions .site-goods-sku__link {
        font-size: max(.9375vw, 12px);
        padding: .46875vw 1.5625vw;
        white-space: nowrap
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__actions .site-goods-sku__link {
        font-size: 24px;
        padding: 12px 40px;
        white-space: nowrap
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku__actions .site-goods-sku__link:last-child {
        margin-inline-end: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__actions .site-goods-sku__link:last-child {
        margin-inline-end: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__actions .site-goods-sku__link:last-child {
        margin-inline-end: .9375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__actions .site-goods-sku__link:last-child {
        margin-inline-end: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__actions .site-goods-sku__link:last-child {
        margin-inline-end: 24px
    }
}

.site-goods-sku__image {
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .site-goods-sku__image {
        height: 52.22222vw;
        margin-top: 5.55556vw;
        width: 52.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku__image {
        height: 20.50781vw;
        margin-top: .78125vw;
        width: 20.50781vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku__image {
        height: 15.625vw;
        margin-top: .625vw;
        width: 15.625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku__image {
        height: 15.625vw;
        margin-top: .625vw;
        width: 15.625vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku__image {
        height: 400px;
        margin-top: 16px;
        width: 400px
    }
}

.site-goods-sku__image .site-goods-sku__picture {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.site-goods-sku__image .site-goods-sku__picture>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-goods-sku--half .site-goods-sku__info {
        margin-top: 7.22222vw;
        max-width: 83.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku--half .site-goods-sku__info {
        margin-top: 2.73438vw;
        max-width: 32.22656vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku--half .site-goods-sku__info {
        margin-top: 2.8125vw;
        max-width: 32.26562vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku--half .site-goods-sku__info {
        margin-top: 2.8125vw;
        max-width: 32.26562vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku--half .site-goods-sku__info {
        margin-top: 72px;
        max-width: 826px
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku--quarter .site-goods-sku__info {
        margin-top: 1.38889vw;
        max-width: 83.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku--quarter .site-goods-sku__info {
        margin-top: 2.73438vw;
        max-width: 21.09375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku--quarter .site-goods-sku__info {
        margin-top: 2.8125vw;
        max-width: 21.09375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku--quarter .site-goods-sku__info {
        margin-top: 2.8125vw;
        max-width: 21.09375vw
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku--quarter .site-goods-sku__info {
        margin-top: 72px;
        max-width: 540px
    }
}

@media screen and (max-width:720px) {
    .site-goods-sku--quarter .site-goods-sku__info .site-goods-sku__title {
        font-size: 4.44444vw
    }

    .site-goods-sku--quarter .site-goods-sku__info .site-goods-sku__price span,
    .site-goods-sku--quarter .site-goods-sku__info .site-goods-sku__price strong,
    .site-goods-sku--quarter .site-goods-sku__info .site-goods-sku__subtitle {
        font-size: 3.33333vw
    }

    .site-goods-sku--quarter .site-goods-sku__image {
        height: 33.33333vw;
        margin-top: 0;
        width: 33.33333vw
    }
}

.site-goods-sku--quarter .site-goods-sku__energy {
    --info-margin-left: 10px
}

@media screen and (max-width:720px) {
    .site-goods-sku--quarter .site-goods-sku__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-goods-sku--quarter .site-goods-sku__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-goods-sku--quarter .site-goods-sku__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-goods-sku--quarter .site-goods-sku__energy {
        --image-width: 54px
    }
}

@media screen and (min-width:1921px) {
    .site-goods-sku--quarter .site-goods-sku__energy {
        --image-width: 64px
    }
}

.site-event {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-event:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

.site-event.site-event--light {
    background-color: #fff;
    background-color: var(--background-white);
    color: #191919
}

.site-event.site-event--dark {
    --text-primary: #fff;
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    color: #fff
}

.site-event__image {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.site-event__image>img {
    object-fit: cover;
    object-position: bottom;
    width: 100%
}

.site-event__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    text-align: center;
    z-index: 2
}

.site-event__info .site-event__title {
    font-weight: 700;
    line-height: 1.2
}

.site-event__info .site-event__subtitle,
.site-event__info .site-event__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

.site-event__info .site-event__link {
    padding: 0
}

@media screen and (max-width:720px) {
    .site-event--half {
        height: 111.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--half {
        height: 31.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--half {
        height: 30.83333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--half {
        height: 31.04167vw
    }
}

@media screen and (min-width:1921px) {
    .site-event--half {
        height: 800px
    }
}

@media screen and (max-width:720px) {
    .site-event--half .site-event__info {
        padding: 11.11111vw 11.11111vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--half .site-event__info {
        padding: 2.34375vw 2.92969vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--half .site-event__info {
        padding: 2.77778vw 6.94444vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--half .site-event__info {
        padding: 2.08333vw 3.125vw 0
    }
}

@media screen and (min-width:1921px) {
    .site-event--half .site-event__info {
        padding: 64px 220px 0
    }
}

@media screen and (max-width:720px) {
    .site-event--half .site-event__info .site-event__title {
        font-size: 8.33333vw;
        font-size: max(8.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--half .site-event__info .site-event__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--half .site-event__info .site-event__title {
        font-size: max(2.22222vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--half .site-event__info .site-event__title {
        font-size: max(2.5vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-event--half .site-event__info .site-event__title {
        font-size: 48px
    }
}

.site-event--half .site-event__info .site-event__subtitle {
    margin-top: 6px
}

@media screen and (max-width:720px) {
    .site-event--half .site-event__info .site-event__subtitle {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--half .site-event__info .site-event__subtitle {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--half .site-event__info .site-event__subtitle {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--half .site-event__info .site-event__subtitle {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-event--half .site-event__info .site-event__subtitle {
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .site-event--half .site-event__info .site-event__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--half .site-event__info .site-event__link {
        font-size: max(1.5625vw, 12px);
        margin-top: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--half .site-event__info .site-event__link {
        font-size: max(1.11111vw, 12px);
        margin-top: 1.66667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--half .site-event__info .site-event__link {
        font-size: max(1.25vw, 12px);
        margin-top: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-event--half .site-event__info .site-event__link {
        font-size: 24px;
        margin-top: 24px
    }
}

@media screen and (max-width:720px) {
    .site-event--quarter {
        height: 77.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--quarter {
        height: 31.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--quarter {
        height: 30.83333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--quarter {
        height: 31.04167vw
    }
}

@media screen and (min-width:1921px) {
    .site-event--quarter {
        height: 800px
    }
}

@media screen and (max-width:720px) {
    .site-event--quarter .site-event__info {
        padding: 7.22222vw 3.33333vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--quarter .site-event__info {
        padding: 2.34375vw 1.95312vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--quarter .site-event__info {
        padding: 2.77778vw 1.04167vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--quarter .site-event__info {
        padding: 2.08333vw .78125vw 0
    }
}

@media screen and (min-width:1921px) {
    .site-event--quarter .site-event__info {
        padding: 64px 40px 0
    }
}

@media screen and (max-width:720px) {
    .site-event--quarter .site-event__info .site-event__title {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--quarter .site-event__info .site-event__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--quarter .site-event__info .site-event__title {
        font-size: max(2.22222vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--quarter .site-event__info .site-event__title {
        font-size: max(2.5vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-event--quarter .site-event__info .site-event__title {
        font-size: 48px
    }
}

@media screen and (max-width:720px) {
    .site-event--quarter .site-event__info .site-event__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin: 1.11111vw 0 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--quarter .site-event__info .site-event__subtitle {
        font-size: max(1.5625vw, 12px);
        margin: .58594vw 0 .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--quarter .site-event__info .site-event__subtitle {
        font-size: max(1.11111vw, 12px);
        margin: .41667vw 0 1.66667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--quarter .site-event__info .site-event__subtitle {
        font-size: max(1.25vw, 12px);
        margin: .3125vw 0 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-event--quarter .site-event__info .site-event__subtitle {
        font-size: 24px;
        margin: 6px 0 24px
    }
}

@media screen and (max-width:720px) {
    .site-event--quarter .site-event__info .site-event__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-event--quarter .site-event__info .site-event__link {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-event--quarter .site-event__info .site-event__link {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-event--quarter .site-event__info .site-event__link {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-event--quarter .site-event__info .site-event__link {
        font-size: 24px
    }
}

.daily-pick {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .daily-pick:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .daily-pick {
        height: 77.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick {
        height: 31.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick {
        height: 30.83333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick {
        height: 31.04167vw
    }
}

@media screen and (min-width:1921px) {
    .daily-pick {
        height: 800px
    }
}

.daily-pick__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media screen and (max-width:720px) {
    .daily-pick__info {
        padding: 7.22222vw 3.33333vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__info {
        padding: 2.34375vw 1.95312vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__info {
        padding: 2.77778vw 1.04167vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__info {
        padding: 2.08333vw .78125vw 0
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__info {
        padding: 64px 40px 0
    }
}

.daily-pick__info .daily-pick__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .daily-pick__info .daily-pick__title {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        margin-bottom: 1.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__info .daily-pick__title {
        font-size: max(2.34375vw, 12px);
        margin-bottom: .58594vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__info .daily-pick__title {
        font-size: max(2.22222vw, 12px);
        margin-bottom: .41667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__info .daily-pick__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: .3125vw
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__info .daily-pick__title {
        font-size: 48px;
        margin-bottom: 6px
    }
}

.daily-pick__info .daily-pick__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .daily-pick__info .daily-pick__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-bottom: 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__info .daily-pick__subtitle {
        font-size: max(1.5625vw, 12px);
        margin-bottom: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__info .daily-pick__subtitle {
        font-size: max(1.11111vw, 12px);
        margin-bottom: 1.66667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__info .daily-pick__subtitle {
        font-size: max(1.25vw, 12px);
        margin-bottom: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__info .daily-pick__subtitle {
        font-size: 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width:720px) {
    .daily-pick__info .daily-pick__count {
        margin-bottom: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__info .daily-pick__count {
        margin-bottom: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__info .daily-pick__count {
        margin-bottom: 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__info .daily-pick__count {
        margin-bottom: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__info .daily-pick__count {
        margin-bottom: 24px
    }
}

.daily-pick__info .daily-pick__link {
    padding: 0
}

@media screen and (max-width:720px) {
    .daily-pick__info .daily-pick__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__info .daily-pick__link {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__info .daily-pick__link {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__info .daily-pick__link {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__info .daily-pick__link {
        font-size: 24px
    }
}

.daily-pick__product {
    position: absolute
}

@media screen and (max-width:720px) {
    .daily-pick__product {
        bottom: 5vw;
        height: 35.55556vw;
        width: 35.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__product {
        bottom: .97656vw;
        height: 18.06641vw;
        width: 18.06641vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__product {
        bottom: 1.94444vw;
        height: 17.77778vw;
        width: 17.77778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__product {
        bottom: 1.82292vw;
        height: 18.125vw;
        width: 18.125vw
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__product {
        bottom: 48px;
        height: 466px;
        width: 466px
    }
}

.daily-pick__product .daily-pick__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%
}

.daily-pick__product .daily-pick__tag {
    position: absolute;
    right: 0
}

@media screen and (max-width:720px) {
    .daily-pick__product .daily-pick__tag {
        bottom: 3.88889vw;
        height: 11.11111vw;
        width: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .daily-pick__product .daily-pick__tag {
        bottom: .97656vw;
        height: 4.88281vw;
        width: 4.88281vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .daily-pick__product .daily-pick__tag {
        bottom: 1.11111vw;
        height: 5.83333vw;
        width: 5.83333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .daily-pick__product .daily-pick__tag {
        bottom: 1.14583vw;
        height: 5.83333vw;
        width: 5.83333vw
    }
}

@media screen and (min-width:1921px) {
    .daily-pick__product .daily-pick__tag {
        bottom: 28px;
        height: 150px;
        width: 150px
    }
}

.daily-pick__product .daily-pick__tag>img {
    background: #f5f5f5;
    height: 100%;
    width: 100%
}

.clip-image {
    display: inline-block;
    position: relative
}

.clip-image--shadow {
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, .5))
}

.clip-image>img {
    -webkit-clip-path: url(#svgClipPath);
    clip-path: url(#svgClipPath);
    object-fit: cover
}

.clip-image__border {
    left: 0;
    position: absolute;
    top: 0
}

.clip-image__border--shadow {
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, .5))
}

.site-text-a {
    background: #fff;
    box-sizing: border-box;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-a:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-a:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-a:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-text-a:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .site-text-a {
        padding: 11.11111vw 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-a {
        padding: 5.27344vw .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-a {
        padding: 5.13889vw 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-a {
        padding: 5.05208vw 16px
    }
}

@media screen and (min-width:1921px) {
    .site-text-a {
        padding: 148px 16px
    }
}

.site-text-a__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    box-sizing: border-box;
    color: #191919;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-text-a__title {
        font-size: 5.83333vw;
        font-size: max(5.83333vw, 12px);
        margin-bottom: 7.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-a__title {
        font-size: max(2.34375vw, 12px);
        margin-bottom: 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-a__title {
        font-size: max(2.22222vw, 12px);
        margin-bottom: 4.86111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-a__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 3.90625vw
    }
}

@media screen and (min-width:1921px) {
    .site-text-a__title {
        font-size: 48px;
        margin-bottom: 124px
    }
}

.site-text-a__link {
    color: #191919;
    display: flex
}

@media screen and (max-width:720px) {
    .site-text-a__link {
        margin-top: 7.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-a__link {
        margin-top: 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-a__link {
        margin-top: 4.86111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-a__link {
        margin-top: 3.90625vw
    }
}

@media screen and (min-width:1921px) {
    .site-text-a__link {
        margin-top: 124px
    }
}

.site-text-a__link .site-text-a__item {
    flex: 1 1;
    text-align: center;
    vertical-align: middle
}

.site-text-a__link .site-text-a__item .site-text-a__image {
    display: block;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .site-text-a__link .site-text-a__item .site-text-a__image {
        height: 11.11111vw;
        margin-bottom: 3.05556vw;
        width: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-a__link .site-text-a__item .site-text-a__image {
        height: 5.46875vw;
        margin-bottom: 1.5625vw;
        width: 5.46875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-a__link .site-text-a__item .site-text-a__image {
        height: 3.88889vw;
        margin-bottom: 1.66667vw;
        width: 3.88889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-a__link .site-text-a__item .site-text-a__image {
        height: 5vw;
        margin-bottom: 2.08333vw;
        width: 5vw
    }
}

@media screen and (min-width:1921px) {
    .site-text-a__link .site-text-a__item .site-text-a__image {
        height: 96px;
        margin-bottom: 40px;
        width: 96px
    }
}

.site-text-a__link .site-text-a__item .site-text-a__button {
    color: #191919;
    padding: 0;
    text-decoration: none
}

@media screen and (max-width:720px) {
    .site-text-a__link .site-text-a__item .site-text-a__button {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-a__link .site-text-a__item .site-text-a__button {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-a__link .site-text-a__item .site-text-a__button {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-a__link .site-text-a__item .site-text-a__button {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-text-a__link .site-text-a__item .site-text-a__button {
        font-size: 24px
    }
}

.site-text {
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-text:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .site-text {
        padding: 12.5vw 3.88889vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text {
        padding: 5.27344vw 1.36719vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text {
        padding: 5.34722vw .97222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text {
        padding: 5.10417vw .72917vw
    }
}

@media screen and (min-width:1921px) {
    .site-text {
        padding: 148px 14px
    }
}

.site-text .site-text__title {
    word-wrap: break-word;
    color: #191919;
    font-weight: 700;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .site-text .site-text__title {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        margin-bottom: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text .site-text__title {
        font-size: max(2.34375vw, 12px);
        margin-bottom: 1.95312vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text .site-text__title {
        font-size: max(2.22222vw, 12px);
        margin-bottom: 1.80556vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text .site-text__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-text .site-text__title {
        font-size: 48px;
        margin-bottom: 24px
    }
}

.site-text .site-text__subtitle {
    color: #191919
}

@media screen and (max-width:720px) {
    .site-text .site-text__subtitle {
        display: block;
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        line-height: 3.88889vw;
        margin-bottom: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text .site-text__subtitle {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text .site-text__subtitle {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text .site-text__subtitle {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .site-text .site-text__subtitle {
        display: none
    }
}

.site-text .site-text__link {
    color: #191919;
    line-height: 1.25;
    padding: 0
}

@media screen and (max-width:720px) {
    .site-text .site-text__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text .site-text__link {
        font-size: max(1.85547vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text .site-text__link {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text .site-text__link {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-text .site-text__link {
        font-size: 24px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000)
}

.swiper-container-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.site-text-c {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    transition: box-shadow .25s ease
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-c:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-c:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-c:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-text-c:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .site-text-c {
        min-height: 66.66667vw;
        padding: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-c {
        min-height: 43.94531vw;
        padding: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-c {
        min-height: 31.25vw;
        padding: 1.5625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-c {
        min-height: 31.25vw;
        padding: 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .site-text-c {
        min-height: 800px;
        padding: 40px
    }
}

.site-text-c .site-text-c__title {
    color: #191919;
    font-weight: 700;
    line-height: 1.25;
    text-align: center
}

@media screen and (max-width:720px) {
    .site-text-c .site-text-c__title {
        font-size: 5.55556vw;
        font-size: max(5.55556vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-c .site-text-c__title {
        font-size: max(3.125vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-c .site-text-c__title {
        font-size: max(2.10938vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-c .site-text-c__title {
        font-size: max(2.10938vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-text-c .site-text-c__title {
        font-size: 54px
    }
}

.site-text-c .site-text-c__link {
    color: #ff6900;
    display: inline-block;
    padding: 0;
    transition: color .2s ease
}

@media screen and (max-width:720px) {
    .site-text-c .site-text-c__link {
        margin-top: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-c .site-text-c__link {
        margin-top: 1.95312vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-c .site-text-c__link {
        margin-top: 1.5625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-c .site-text-c__link {
        margin-top: 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .site-text-c .site-text-c__link {
        margin-top: 40px
    }
}

.site-text-c .site-text-c__link .site-text-c__icon {
    display: inline-block;
    line-height: 1.25
}

[dir=rtl] .site-text-c .site-text-c__link .site-text-c__icon {
    transform: rotate(180deg)
}

@media screen and (max-width:720px) {
    .site-text-c .site-text-c__link .site-text-c__icon {
        font-size: 10vw;
        font-size: max(10vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-text-c .site-text-c__link .site-text-c__icon {
        font-size: max(4.10156vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-text-c .site-text-c__link .site-text-c__icon {
        font-size: max(3.35938vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-text-c .site-text-c__link .site-text-c__icon {
        font-size: max(3.35938vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-text-c .site-text-c__link .site-text-c__icon {
        font-size: 86px
    }
}

.site-text-c:hover .site-text-c__link {
    color: #ff9348
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
    text-transform: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.site-swiper {
    background: #fff;
    box-sizing: border-box;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-swiper {
        height: 133.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper {
        height: 31.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper {
        height: 31.04167vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper {
        height: 31.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper {
        height: 800px
    }
}

.site-swiper .swiper,
.site-swiper .swiper-container {
    height: 100%
}

.site-swiper .swiper-slide {
    margin-right: 0 !important;
    width: 100% !important
}

.site-swiper .site-swiper__slide {
    box-sizing: border-box;
    cursor: pointer;
    height: 100%
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide {
        display: block;
        justify-content: unset;
        padding: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide {
        display: flex;
        justify-content: space-between;
        padding: .78125vw .78125vw .78125vw 1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide {
        display: flex;
        justify-content: space-between;
        padding: 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide {
        display: flex;
        justify-content: space-between;
        padding: .83333vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide {
        display: flex;
        justify-content: space-between;
        padding: 16px
    }
}

@media screen and (max-width:720px) {

    .site-swiper .site-swiper__slide-left,
    .site-swiper .site-swiper__slide-right {
        display: block;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-swiper .site-swiper__slide-left,
    .site-swiper .site-swiper__slide-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-swiper .site-swiper__slide-left,
    .site-swiper .site-swiper__slide-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-swiper .site-swiper__slide-left,
    .site-swiper .site-swiper__slide-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1921px) {

    .site-swiper .site-swiper__slide-left,
    .site-swiper .site-swiper__slide-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

.site-swiper .site-swiper__slide-left {
    position: relative
}

.site-swiper .site-swiper__slide-left .site-swiper__slide-left-img {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    display: inline-block;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-img {
        height: 60.83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-img {
        height: 29.6875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-img {
        height: 28.81944vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-img {
        height: 29.58333vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-img {
        height: 768px
    }
}

.site-swiper .site-swiper__slide-left .site-swiper__slide-left-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-icon {
        height: 15vw;
        width: 15vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-icon {
        height: 5.46875vw;
        width: 5.46875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-icon {
        height: 4.44444vw;
        width: 4.44444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-icon {
        height: 4.16667vw;
        width: 4.16667vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-left .site-swiper__slide-left-icon {
        height: 120px;
        width: 120px
    }
}

.site-swiper .site-swiper__slide-right {
    opacity: 0;
    text-align: center;
    transform: translateX(30%);
    vertical-align: top
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-right {
        height: 50%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-right {
        height: 100%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-right {
        height: 100%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-right {
        height: 100%
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-right {
        height: 100%
    }
}

.site-swiper .site-swiper__slide-right .site-swiper__tag {
    color: #ff6900;
    font-weight: 700;
    margin-bottom: 16px
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-right .site-swiper__tag {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        line-height: 3.33333vw;
        margin-bottom: 5.55556vw;
        padding-top: 5.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-right .site-swiper__tag {
        font-size: max(1.17188vw, 12px);
        line-height: 1.5625vw;
        margin-bottom: 1.5625vw;
        padding-top: 5.66406vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-right .site-swiper__tag {
        font-size: max(1.11111vw, 12px);
        line-height: 1.31944vw;
        margin-bottom: 1.11111vw;
        padding-top: 5.13889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-right .site-swiper__tag {
        font-size: max(1.25vw, 12px);
        line-height: 1.51042vw;
        margin-bottom: 1.25vw;
        padding-top: 4.89583vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-right .site-swiper__tag {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 24px;
        padding-top: 184px
    }
}

.site-swiper .site-swiper__slide-right .site-swiper__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-right .site-swiper__title {
        font-size: 5.55556vw;
        font-size: max(5.55556vw, 12px);
        margin-bottom: 1.66667vw;
        padding: 0 10vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-right .site-swiper__title {
        font-size: max(2.34375vw, 12px);
        margin-bottom: .78125vw;
        padding: 0 4.6875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-right .site-swiper__title {
        font-size: max(2.22222vw, 12px);
        margin-bottom: 1.11111vw;
        padding: 0 8.61111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-right .site-swiper__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 2.5vw;
        padding: 0 3.54167vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-right .site-swiper__title {
        font-size: 48px;
        margin-bottom: 24px;
        padding: 0 214px
    }
}

.site-swiper .site-swiper__slide-right .site-swiper__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: box;
    display: -webkit-box;
    line-height: 1.25;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-right .site-swiper__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-bottom: 5.55556vw;
        padding: 0 10vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-right .site-swiper__subtitle {
        font-size: max(1.5625vw, 12px);
        margin-bottom: 1.5625vw;
        padding: 0 4.6875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-right .site-swiper__subtitle {
        font-size: max(1.11111vw, 12px);
        margin-bottom: 1.11111vw;
        padding: 0 8.61111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-right .site-swiper__subtitle {
        font-size: max(1.25vw, 12px);
        margin-bottom: 1.25vw;
        padding: 0 3.54167vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-right .site-swiper__subtitle {
        font-size: 24px;
        margin-bottom: 24px;
        padding: 0 214px
    }
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__slide-right .site-swiper__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__slide-right .site-swiper__link {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__slide-right .site-swiper__link {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__slide-right .site-swiper__link {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__slide-right .site-swiper__link {
        font-size: 24px
    }
}

.site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
    background: #f3f3f3;
    border-radius: 2px;
    display: flex;
    min-height: 0;
    opacity: .49;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0;
        width: 0
    }

    [dir=rtl] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: .78125vw;
        width: 11.71875vw
    }

    [dir=rtl] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 16.99219vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 1.11111vw;
        width: 8.75vw
    }

    [dir=rtl] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 18.47222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: .83333vw;
        width: 11.66667vw
    }

    [dir=rtl] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 17.1875vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 16px;
        width: 224px
    }

    [dir=rtl] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 478px
    }
}

@media screen and (max-width:720px) {
    [dir=ltr] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=ltr] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 75%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 75%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 75%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 75%;
        transform: translateX(-50%)
    }
}

.site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    cursor: pointer;
    flex: 1 1;
    margin: 0
}

@media screen and (max-width:720px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px
    }
}

.site-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #898989
}

.site-swiper .site-swiper__buttons {
    box-sizing: border-box;
    position: absolute;
    text-align: center;
    z-index: 1
}

.site-swiper .site-swiper__buttons .site-swiper__button {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:720px) {
    .site-swiper .site-swiper__buttons {
        bottom: 5.55556vw;
        width: 100%
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        right: 0
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        left: 0
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        padding-right: 0
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        padding-left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-swiper .site-swiper__buttons {
        bottom: 2.53906vw;
        width: calc(50% - var(--grid-gutter-width)/2)
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        right: 0
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        left: 0
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        padding-right: .78125vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        padding-left: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-swiper .site-swiper__buttons {
        bottom: 4.86111vw;
        width: calc(50% - var(--grid-gutter-width)/2)
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        right: 0
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        left: 0
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        padding-right: 1.11111vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        padding-left: 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-swiper .site-swiper__buttons {
        bottom: 4.16667vw;
        width: calc(50% - var(--grid-gutter-width)/2)
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        right: 0
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        left: 0
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        padding-right: .83333vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        padding-left: .83333vw
    }
}

@media screen and (min-width:1921px) {
    .site-swiper .site-swiper__buttons {
        bottom: 100px;
        width: calc(50% - var(--grid-gutter-width)/2)
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        right: 0
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        left: 0
    }

    [dir=ltr] .site-swiper .site-swiper__buttons {
        padding-right: 16px
    }

    [dir=rtl] .site-swiper .site-swiper__buttons {
        padding-left: 16px
    }
}

.site-swiper .site-swiper__buttons .site-swiper-left-icon,
.site-swiper .site-swiper__buttons .site-swiper-right-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:720px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        font-size: 8.05556vw;
        font-size: max(8.05556vw, 12px);
        height: 8.05556vw;
        width: 8.05556vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        transform: rotate(180deg)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        font-size: max(3.125vw, 12px);
        height: 3.125vw;
        width: 3.125vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        transform: rotate(180deg)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        font-size: max(2.5vw, 12px);
        height: 2.5vw;
        width: 2.5vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        transform: rotate(180deg)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        font-size: max(3.33333vw, 12px);
        height: 3.33333vw;
        width: 3.33333vw
    }

    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        transform: rotate(180deg)
    }
}

@media screen and (min-width:1921px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        font-size: 48px;
        height: 48px;
        width: 48px
    }

    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon,
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        transform: rotate(180deg)
    }
}

@media screen and (max-width:720px) {
    [dir=ltr] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        margin-left: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=ltr] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        margin-left: 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        margin-left: 2.08333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        margin-left: 2.70833vw
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .site-swiper .site-swiper__buttons .site-swiper-right-icon {
        margin-left: 40px
    }
}

@media screen and (max-width:720px) {
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon {
        margin-left: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon {
        margin-left: 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon {
        margin-left: 2.08333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon {
        margin-left: 2.70833vw
    }
}

@media screen and (min-width:1921px) {
    [dir=rtl] .site-swiper .site-swiper__buttons .site-swiper-left-icon {
        margin-left: 40px
    }
}

.site-swiper .site-swiper__buttons .swiper-button-disabled {
    color: #d0d0d0
}

.site-swiper .site-swiper__buttons .site-swiper-left-icon:before,
.site-swiper .site-swiper__buttons .site-swiper-right-icon:before {
    left: 0;
    position: relative
}

@media screen and (max-width:720px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon:before,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon:before {
        top: -7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon:before,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon:before {
        top: -9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon:before,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon:before {
        top: -8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon:before,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon:before {
        top: -10px
    }
}

@media screen and (min-width:1921px) {

    .site-swiper .site-swiper__buttons .site-swiper-left-icon:before,
    .site-swiper .site-swiper__buttons .site-swiper-right-icon:before {
        top: -10px
    }
}

.site-swiper .swiper-slide-active .site-swiper__slide-right {
    opacity: 1;
    transform: translateX(0);
    transition: all .6s ease
}

.site-video {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-video {
        height: 111.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-video {
        height: 31.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-video {
        height: 31.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-video {
        height: 31.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-video {
        height: 800px
    }
}

.site-video__image {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.site-video__image>img {
    object-fit: cover;
    object-position: center;
    width: 100%
}

.site-video__wrapper {
    align-items: center;
    background: #0006;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.site-video__info,
.site-video__wrapper {
    display: flex;
    flex-direction: column;
    z-index: 2
}

.site-video__info {
    box-sizing: border-box;
    text-align: center
}

@media screen and (max-width:720px) {
    .site-video__info {
        margin: 0 10.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-video__info {
        margin: 0 9.76562vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-video__info {
        margin: 0 200px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-video__info {
        margin: 0 200px
    }
}

@media screen and (min-width:1921px) {
    .site-video__info {
        margin: 0 200px
    }
}

@media screen and (max-width:720px) {

    .site-video__info .site-video__link,
    .site-video__info .site-video__title {
        text-shadow: 0 0 .27778vw #00000052
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-video__info .site-video__link,
    .site-video__info .site-video__title {
        text-shadow: 0 .03906vw .11719vw #00000030
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-video__info .site-video__link,
    .site-video__info .site-video__title {
        text-shadow: 0 .03906vw .11719vw #00000030
    }
}

@media screen and (min-width:1921px) {

    .site-video__info .site-video__link,
    .site-video__info .site-video__title {
        text-shadow: 0 .03906vw .11719vw #00000030
    }
}

.site-video__info .site-video__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-video__info .site-video__title {
        font-size: 8.33333vw;
        font-size: max(8.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-video__info .site-video__title {
        font-size: max(2.34375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-video__info .site-video__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-video__info .site-video__title {
        font-size: max(1.875vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-video__info .site-video__title {
        font-size: 48px
    }
}

.site-video__info .site-video__link {
    color: #fff;
    line-height: 1.2;
    padding: 0
}

@media screen and (max-width:720px) {
    .site-video__info .site-video__link {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-video__info .site-video__link {
        font-size: max(1.5625vw, 12px);
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-video__info .site-video__link {
        font-size: max(.9375vw, 12px);
        margin-top: .46875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-video__info .site-video__link {
        font-size: max(.9375vw, 12px);
        margin-top: .46875vw
    }
}

@media screen and (min-width:1921px) {
    .site-video__info .site-video__link {
        font-size: 24px;
        margin-top: 12px
    }
}

.site-video__info .site-video__icon {
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .site-video__info .site-video__icon {
        height: 13.88889vw;
        margin-top: 8.88889vw;
        width: 12.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-video__info .site-video__icon {
        height: 4.29688vw;
        margin-top: 2.53906vw;
        width: 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-video__info .site-video__icon {
        height: 2.85156vw;
        margin-top: 2.34375vw;
        width: 2.53906vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-video__info .site-video__icon {
        height: 2.85156vw;
        margin-top: 2.34375vw;
        width: 2.53906vw
    }
}

@media screen and (min-width:1921px) {
    .site-video__info .site-video__icon {
        height: 73px;
        margin-top: 60px;
        width: 65px
    }
}

.responsive-video {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.responsive-video>video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.responsive-video__button {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

.site-service {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .site-service:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .site-service {
        height: 27.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service {
        height: 27.53906vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service {
        height: 23.4375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service {
        height: 23.4375vw
    }
}

@media screen and (min-width:1921px) {
    .site-service {
        height: 600px
    }
}

.site-service__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 2
}

@media screen and (max-width:720px) {
    .site-service__info {
        margin-bottom: 5.55556vw;
        margin-inline-end: 11.11111vw;
        margin-inline-start: 4.44444vw;
        margin-top: 5.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service__info {
        margin-bottom: 0;
        margin-inline-end: 4.88281vw;
        margin-inline-start: 4.88281vw;
        margin-top: 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service__info {
        margin-bottom: 0;
        margin-inline-end: 8.59375vw;
        margin-inline-start: 8.59375vw;
        margin-top: 3.125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service__info {
        margin-bottom: 0;
        margin-inline-end: 8.59375vw;
        margin-inline-start: 8.59375vw;
        margin-top: 3.125vw
    }
}

@media screen and (min-width:1921px) {
    .site-service__info {
        margin-bottom: 0;
        margin-inline-end: 220px;
        margin-inline-start: 220px;
        margin-top: 80px
    }
}

.site-service__info:hover .site-service__link,
.site-service__info:hover .site-service__subtitle {
    --btn-text-base: #ff6900;
    color: #ff6900;
    transition: color 30ms linear
}

.site-service__info .site-service__title {
    font-weight: 700
}

.site-service__info .site-service__title .site-service__link {
    --link-text-decoration: none;
    line-height: 1.3
}

@media screen and (max-width:720px) {
    .site-service__info .site-service__title .site-service__link {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service__info .site-service__title .site-service__link {
        font-size: max(1.95312vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service__info .site-service__title .site-service__link {
        font-size: max(1.40625vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service__info .site-service__title .site-service__link {
        font-size: max(1.40625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-service__info .site-service__title .site-service__link {
        font-size: 36px
    }
}

@media screen and (max-width:720px) {
    .site-service__info .site-service__title .micon {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service__info .site-service__title .micon {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service__info .site-service__title .micon {
        font-size: max(.85938vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service__info .site-service__title .micon {
        font-size: max(.85938vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-service__info .site-service__title .micon {
        font-size: 22px
    }
}

.site-service__info .site-service__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-service__info .site-service__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service__info .site-service__subtitle {
        font-size: max(1.5625vw, 12px);
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service__info .site-service__subtitle {
        font-size: max(1.09375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service__info .site-service__subtitle {
        font-size: max(1.09375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1921px) {
    .site-service__info .site-service__subtitle {
        font-size: 28px;
        margin-top: 10px
    }
}

.site-service .site-service__image {
    object-fit: cover
}

@media screen and (max-width:720px) {
    .site-service .site-service__image {
        height: 18.88889vw;
        width: 18.88889vw
    }

    [dir=ltr] .site-service .site-service__image {
        margin-right: 4.44444vw
    }

    [dir=rtl] .site-service .site-service__image {
        margin-left: 4.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service .site-service__image {
        height: 11.71875vw;
        width: 11.71875vw
    }

    [dir=ltr] .site-service .site-service__image {
        margin-right: 0
    }

    [dir=rtl] .site-service .site-service__image {
        margin-left: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service .site-service__image {
        height: 10.15625vw;
        width: 10.15625vw
    }

    [dir=ltr] .site-service .site-service__image {
        margin-right: 0
    }

    [dir=rtl] .site-service .site-service__image {
        margin-left: 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service .site-service__image {
        height: 10.15625vw;
        width: 10.15625vw
    }

    [dir=ltr] .site-service .site-service__image {
        margin-right: 0
    }

    [dir=rtl] .site-service .site-service__image {
        margin-left: 0
    }
}

@media screen and (min-width:1921px) {
    .site-service .site-service__image {
        height: 260px;
        width: 260px
    }

    [dir=ltr] .site-service .site-service__image {
        margin-right: 0
    }

    [dir=rtl] .site-service .site-service__image {
        margin-left: 0
    }
}

.site-service.site-service--widescreen {
    flex-direction: column
}

.site-service.site-service--widescreen .site-service__info {
    text-align: center
}

.site-service.site-service--widescreen .site-service__info .site-service__title {
    justify-content: center
}

.site-service.site-service--widescreen .site-service__image {
    position: absolute
}

@media screen and (max-width:720px) {
    .site-service.site-service--widescreen .site-service__image {
        bottom: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service.site-service--widescreen .site-service__image {
        bottom: 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service.site-service--widescreen .site-service__image {
        bottom: 2.5vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service.site-service--widescreen .site-service__image {
        bottom: 2.5vw
    }
}

@media screen and (min-width:1921px) {
    .site-service.site-service--widescreen .site-service__image {
        bottom: 64px
    }
}

.site-entrance {
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    color: var(--text-base);
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-entrance {
        height: 27.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-entrance {
        height: 11.71875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-entrance {
        height: 11.71875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-entrance {
        height: 11.71875vw
    }
}

@media screen and (min-width:1921px) {
    .site-entrance {
        height: 11.71875vw
    }
}

.site-entrance__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 2
}

@media screen and (max-width:720px) {
    .site-entrance__info {
        margin: 5.55556vw 4.72222vw 5.55556vw 4.44444vw;
        width: 72.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-entrance__info {
        margin: 3.90625vw .97656vw 0 6.25vw;
        width: 23.4375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-entrance__info {
        margin: 3.90625vw .97656vw 0 6.25vw;
        width: 23.4375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-entrance__info {
        margin: 3.90625vw .97656vw 0 6.25vw;
        width: 23.4375vw
    }
}

@media screen and (min-width:1921px) {
    .site-entrance__info {
        margin: 3.90625vw .97656vw 0 6.25vw;
        width: 23.4375vw
    }
}

.site-entrance__info .site-entrance__title {
    align-items: center;
    display: flex;
    font-weight: 700;
    position: relative
}

.site-entrance__info .site-entrance__title .site-entrance__link {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-entrance__info .site-entrance__title .site-entrance__link {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-entrance__info .site-entrance__title .site-entrance__link {
        font-size: max(1.40625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-entrance__info .site-entrance__title .site-entrance__link {
        font-size: max(1.40625vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-entrance__info .site-entrance__title .site-entrance__link {
        font-size: max(1.40625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-entrance__info .site-entrance__title .site-entrance__link {
        font-size: max(1.40625vw, 12px)
    }
}

.site-entrance__info .site-entrance__title .micon {
    transform: rotate(0)
}

[dir=rtl] .site-entrance__info .site-entrance__title .micon {
    transform: rotate(180deg)
}

@media screen and (max-width:720px) {
    .site-entrance__info .site-entrance__title .micon {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-left: .27778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-entrance__info .site-entrance__title .micon {
        font-size: max(.85938vw, 12px);
        margin-left: .46875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-entrance__info .site-entrance__title .micon {
        font-size: max(.85938vw, 12px);
        margin-left: .46875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-entrance__info .site-entrance__title .micon {
        font-size: max(.85938vw, 12px);
        margin-left: .46875vw
    }
}

@media screen and (min-width:1921px) {
    .site-entrance__info .site-entrance__title .micon {
        font-size: max(.85938vw, 12px);
        margin-left: .46875vw
    }
}

.site-entrance__info .site-entrance__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-entrance__info .site-entrance__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 2.22222vw;
        width: 61.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-entrance__info .site-entrance__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .66406vw;
        width: 22.10938vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-entrance__info .site-entrance__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .66406vw;
        width: 22.10938vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-entrance__info .site-entrance__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .66406vw;
        width: 22.10938vw
    }
}

@media screen and (min-width:1921px) {
    .site-entrance__info .site-entrance__subtitle {
        font-size: max(.9375vw, 12px);
        margin-top: .66406vw;
        width: 22.10938vw
    }
}

.site-entrance .site-entrance__image {
    object-fit: cover
}

@media screen and (max-width:720px) {
    .site-entrance .site-entrance__image {
        height: 11.11111vw;
        margin-top: 5.55556vw;
        width: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-entrance .site-entrance__image {
        height: 7.73438vw;
        margin-top: 1.95312vw;
        width: 7.73438vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-entrance .site-entrance__image {
        height: 7.73438vw;
        margin-top: 1.95312vw;
        width: 7.73438vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-entrance .site-entrance__image {
        height: 7.73438vw;
        margin-top: 1.95312vw;
        width: 7.73438vw
    }
}

@media screen and (min-width:1921px) {
    .site-entrance .site-entrance__image {
        height: 7.73438vw;
        margin-top: 1.95312vw;
        width: 7.73438vw
    }
}

.site-store-link-bar {
    background: #fff;
    box-sizing: border-box;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-store-link-bar {
        height: 41.66667vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar {
        height: 8.59375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar {
        height: 8.59375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar {
        height: 8.59375vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar {
        height: 8.59375vw
    }
}

.site-store-link-bar__link {
    color: #191919;
    color: var(--text-base);
    font-weight: 700;
    text-align: center
}

@media screen and (max-width:720px) {
    .site-store-link-bar__link {
        margin-bottom: 9.16667vw;
        margin-top: 5.83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__link {
        margin-bottom: 1.40625vw;
        margin-top: 1.875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__link {
        margin-bottom: 1.40625vw;
        margin-top: 1.875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__link {
        margin-bottom: 1.40625vw;
        margin-top: 1.875vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__link {
        margin-bottom: 1.40625vw;
        margin-top: 1.875vw
    }
}

.site-store-link-bar__link .site-store-link-bar__item {
    overflow-wrap: break-word;
    vertical-align: middle
}

.site-store-link-bar__link .site-store-link-bar__item .site-store-link-bar__button {
    color: #191919;
    color: var(--text-base);
    justify-content: center;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 50%
}

@media screen and (max-width:720px) {
    .site-store-link-bar__link .site-store-link-bar__item .site-store-link-bar__button {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__link .site-store-link-bar__item .site-store-link-bar__button {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__link .site-store-link-bar__item .site-store-link-bar__button {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__link .site-store-link-bar__item .site-store-link-bar__button {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__link .site-store-link-bar__item .site-store-link-bar__button {
        font-size: max(.9375vw, 12px)
    }
}

.site-store-link-bar__infos {
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .site-store-link-bar__infos {
        width: 83.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__infos {
        width: 56.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__infos {
        width: 56.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__infos {
        width: 56.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__infos {
        width: 56.25vw
    }
}

.site-store-link-bar__info {
    display: flex;
    text-align: left
}

@media screen and (max-width:720px) {
    .site-store-link-bar__info {
        height: auto;
        padding-right: 0;
        width: 25.83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__info {
        height: 2.5vw;
        padding-right: .78125vw;
        width: 18.75vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__info {
        height: 2.5vw;
        padding-right: .78125vw;
        width: 18.75vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__info {
        height: 2.5vw;
        padding-right: .78125vw;
        width: 18.75vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__info {
        height: 2.5vw;
        padding-right: .78125vw;
        width: 18.75vw
    }
}

.site-store-link-bar__info__image {
    margin: 0
}

@media screen and (max-width:720px) {
    .site-store-link-bar__info__image {
        height: 7.5vw;
        width: 7.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__info__image {
        height: 2.5vw;
        width: 2.5vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__info__image {
        height: 2.5vw;
        width: 2.5vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__info__image {
        height: 2.5vw;
        width: 2.5vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__info__image {
        height: 2.5vw;
        width: 2.5vw
    }
}

.site-store-link-bar__info__text {
    color: #898989;
    color: var(--text-secondary);
    display: flex;
    flex-direction: column;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .site-store-link-bar__info__text {
        font-size: 3.05556vw;
        font-size: max(3.05556vw, 12px);
        margin-top: .83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__info__text {
        font-size: max(.78125vw, 12px);
        margin-left: .46875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__info__text {
        font-size: max(.78125vw, 12px);
        margin-left: .46875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__info__text {
        font-size: max(.78125vw, 12px);
        margin-left: .46875vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__info__text {
        font-size: max(.78125vw, 12px);
        margin-left: .46875vw
    }
}

.site-store-link-bar__info__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    word-break: break-word
}

.site-store-link-bar__info__title.hasLink {
    cursor: pointer
}

.site-store-link-bar__info__subTitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-store-link-bar__info__subTitle {
        font-size: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-link-bar__info__subTitle {
        font-size: max(.70312vw, 12px);
        margin-top: .3125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-link-bar__info__subTitle {
        font-size: max(.70312vw, 12px);
        margin-top: .3125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-link-bar__info__subTitle {
        font-size: max(.70312vw, 12px);
        margin-top: .3125vw
    }
}

@media screen and (min-width:1921px) {
    .site-store-link-bar__info__subTitle {
        font-size: max(.70312vw, 12px);
        margin-top: .3125vw
    }
}

@media screen and (max-width:720px) {
    .site-store-link-bar .site-store-link-bar__info {
        flex-direction: column;
        text-align: center
    }

    .site-store-link-bar .site-store-link-bar__info__text {
        color: #d0d0d0;
        color: var(--brand-grey-40)
    }

    .site-store-link-bar .site-store-link-bar__info__image {
        margin: 0 auto
    }

    .site-store-link-bar .site-store-link-bar__info__title {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: box;
        display: -webkit-box;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }
}

.site-more-operator {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-more-operator {
        height: 41.66667vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-more-operator {
        height: 11.71875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-more-operator {
        height: 11.71875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-more-operator {
        height: 11.71875vw
    }
}

@media screen and (min-width:1921px) {
    .site-more-operator {
        height: 11.71875vw
    }
}

.site-more-operator__title {
    box-sizing: border-box;
    flex: 1 1;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .site-more-operator__title {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        margin-bottom: 5.55556vw;
        margin-top: 9.16667vw;
        width: 55.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-more-operator__title {
        font-size: max(1.40625vw, 12px);
        margin-left: 6.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-more-operator__title {
        font-size: max(1.40625vw, 12px);
        margin-left: 6.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-more-operator__title {
        font-size: max(1.40625vw, 12px);
        margin-left: 6.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-more-operator__title {
        font-size: max(1.40625vw, 12px);
        margin-left: 6.25vw
    }
}

.site-more-operator__container {
    display: flex;
    justify-content: center
}

@media screen and (max-width:720px) {
    .site-more-operator__container {
        margin-right: 2.77778vw;
        width: 88.88889vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-more-operator__container {
        margin-right: 3.51562vw;
        width: 58.59375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-more-operator__container {
        margin-right: 3.51562vw;
        width: 58.59375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-more-operator__container {
        margin-right: 3.51562vw;
        width: 58.59375vw
    }
}

@media screen and (min-width:1921px) {
    .site-more-operator__container {
        margin-right: 3.51562vw;
        width: 58.59375vw
    }
}

.site-more-operator__image {
    box-sizing: border-box;
    cursor: pointer
}

@media screen and (max-width:720px) {
    .site-more-operator__image {
        height: 11.11111vw;
        margin-left: 3.88889vw;
        margin-right: 3.88889vw;
        width: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-more-operator__image {
        height: 4.6875vw;
        margin-left: 3.51562vw;
        margin-right: 3.51562vw;
        width: 4.6875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-more-operator__image {
        height: 4.6875vw;
        margin-left: 3.51562vw;
        margin-right: 3.51562vw;
        width: 4.6875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-more-operator__image {
        height: 4.6875vw;
        margin-left: 3.51562vw;
        margin-right: 3.51562vw;
        width: 4.6875vw
    }
}

@media screen and (min-width:1921px) {
    .site-more-operator__image {
        height: 4.6875vw;
        margin-left: 3.51562vw;
        margin-right: 3.51562vw;
        width: 4.6875vw
    }
}

@media screen and (max-width:720px) {
    .site-more-operator {
        flex-direction: column;
        justify-content: start
    }

    .site-more-operator .site-more-operator__title {
        flex: initial;
        text-align: center
    }
}

.site-carrier-product {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-carrier-product {
        height: 118.05556vw;
        margin-bottom: 5.83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product {
        height: 16.17188vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product {
        height: 16.17188vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product {
        height: 16.17188vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product {
        height: 16.17188vw;
        margin-bottom: .625vw
    }
}

.site-carrier-product__carrier {
    cursor: pointer;
    object-fit: contain
}

@media screen and (max-width:720px) {
    .site-carrier-product__carrier {
        height: 11.11111vw;
        margin: 5.83333vw auto;
        width: 25.83333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__carrier {
        height: 6.01562vw;
        margin-left: 10.54688vw;
        margin-right: 5.70312vw;
        width: 8.59375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__carrier {
        height: 6.01562vw;
        margin-left: 10.54688vw;
        margin-right: 5.70312vw;
        width: 8.59375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__carrier {
        height: 6.01562vw;
        margin-left: 10.54688vw;
        margin-right: 5.70312vw;
        width: 8.59375vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__carrier {
        height: 6.01562vw;
        margin-left: 10.54688vw;
        margin-right: 5.70312vw;
        width: 8.59375vw
    }
}

.site-carrier-product__product {
    align-items: center;
    border-left: 1px solid #d0d0d0;
    border-top: 0;
    box-sizing: border-box;
    color: #191919;
    color: var(--text-base);
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:720px) {
    .site-carrier-product__product {
        height: 47.5vw;
        margin-left: 4.44444vw;
        margin-right: 2.22222vw;
        padding-bottom: 6.11111vw;
        padding-top: 6.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__product {
        height: 14.29688vw;
        margin-bottom: .58594vw;
        padding: 1.95312vw 2.8125vw 2.1875vw 4.29688vw;
        width: 35.07812vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__product {
        height: 14.29688vw;
        margin-bottom: .58594vw;
        padding: 1.95312vw 2.8125vw 2.1875vw 4.29688vw;
        width: 35.07812vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__product {
        height: 14.29688vw;
        margin-bottom: .58594vw;
        padding: 1.95312vw 2.8125vw 2.1875vw 4.29688vw;
        width: 35.07812vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__product {
        height: 14.29688vw;
        margin-bottom: .58594vw;
        padding: 1.95312vw 2.8125vw 2.1875vw 4.29688vw;
        width: 35.07812vw
    }
}

.site-carrier-product__product__info {
    display: flex;
    flex-direction: column;
    position: relative
}

@media screen and (max-width:720px) {
    .site-carrier-product__product__info {
        height: 35.27778vw;
        width: 51.94444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__product__info {
        height: 11.71875vw;
        width: 15.23438vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__product__info {
        height: 11.71875vw;
        width: 15.23438vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__product__info {
        height: 11.71875vw;
        width: 15.23438vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__product__info {
        height: 11.71875vw;
        width: 15.23438vw
    }
}

.site-carrier-product__product__name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-carrier-product__product__name {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        margin-bottom: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__product__name {
        font-size: max(1.40625vw, 12px);
        margin-bottom: .74219vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__product__name {
        font-size: max(1.40625vw, 12px);
        margin-bottom: .74219vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__product__name {
        font-size: max(1.40625vw, 12px);
        margin-bottom: .74219vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__product__name {
        font-size: max(1.40625vw, 12px);
        margin-bottom: .74219vw
    }
}

.site-carrier-product__product__desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #ff6900;
    color: var(--text-primary);
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-carrier-product__product__desc {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__product__desc {
        font-size: max(.9375vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__product__desc {
        font-size: max(.9375vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__product__desc {
        font-size: max(.9375vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__product__desc {
        font-size: max(.9375vw, 12px)
    }
}

.site-carrier-product__product__button {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: flex-end;
    border: 1px solid #191919;
    border: 1px solid var(--text-base);
    bottom: 0;
    cursor: pointer;
    display: box;
    display: -webkit-box;
    justify-self: end;
    left: 0;
    line-height: 2;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-carrier-product__product__button {
        border-radius: 2.22222vw;
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        padding: 0 8.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__product__button {
        border-radius: .54688vw;
        font-size: max(.9375vw, 12px);
        padding: 0 1.48438vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__product__button {
        border-radius: .54688vw;
        font-size: max(.9375vw, 12px);
        padding: 0 1.48438vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__product__button {
        border-radius: .54688vw;
        font-size: max(.9375vw, 12px);
        padding: 0 1.48438vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__product__button {
        border-radius: .54688vw;
        font-size: max(.9375vw, 12px);
        padding: 0 1.48438vw
    }
}

.site-carrier-product__product__image {
    object-fit: contain
}

@media screen and (max-width:720px) {
    .site-carrier-product__product__image {
        height: 35.27778vw;
        width: 35.27778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-carrier-product__product__image {
        height: 11.71875vw;
        width: 11.71875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-carrier-product__product__image {
        height: 11.71875vw;
        width: 11.71875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-carrier-product__product__image {
        height: 11.71875vw;
        width: 11.71875vw
    }
}

@media screen and (min-width:1921px) {
    .site-carrier-product__product__image {
        height: 11.71875vw;
        width: 11.71875vw
    }
}

@media screen and (max-width:720px) {
    .site-carrier-product {
        align-items: flex-start;
        flex-direction: column
    }

    .site-carrier-product .site-carrier-product__product {
        border-left: 0;
        border-top: 1px solid #f3f3f3;
        border-top: 1px solid var(--brand-grey-10)
    }
}

.store-partner {
    box-sizing: border-box;
    margin-top: calc(var(--grid-margin-large-special)*-1);
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner {
        --fit--largin-magin: 21.95312vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner {
        --fit--largin-magin: 21.95312vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner {
        --fit--largin-magin: 21.95312vw
    }
}

@media screen and (min-width:1921px) {
    .store-partner {
        --fit--largin-magin: 21.95312vw
    }
}

.store-partner .site-breadcrumbs__container {
    margin-left: calc(var(--grid-margin-large-special)*-1);
    margin-right: calc(var(--grid-margin-large-special)*-1)
}

.store-partner-item {
    color: #191919;
    color: var(--text-base);
    text-align: center
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner-item {
        --grid-columns: 5
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner-item {
        --grid-columns: 5
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner-item {
        --grid-columns: 5
    }
}

@media screen and (min-width:1921px) {
    .store-partner-item {
        --grid-columns: 5
    }
}

.store-partner-item__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-partner-item__title {
        font-size: 5.83333vw;
        font-size: max(5.83333vw, 12px);
        margin-top: 7.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner-item__title {
        font-size: max(1.875vw, 12px);
        margin-top: 2.1875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner-item__title {
        font-size: max(1.875vw, 12px);
        margin-top: 2.1875vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner-item__title {
        font-size: max(1.875vw, 12px);
        margin-top: 2.1875vw
    }
}

@media screen and (min-width:1921px) {
    .store-partner-item__title {
        font-size: max(1.875vw, 12px);
        margin-top: 2.1875vw
    }
}

.store-partner-item__desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-partner-item__desc {
        font-size: 3.61111vw;
        font-size: max(3.61111vw, 12px);
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner-item__desc {
        font-size: max(.9375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner-item__desc {
        font-size: max(.9375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner-item__desc {
        font-size: max(.9375vw, 12px);
        margin-top: .39062vw
    }
}

@media screen and (min-width:1921px) {
    .store-partner-item__desc {
        font-size: max(.9375vw, 12px);
        margin-top: .39062vw
    }
}

.store-partner-item__container {
    background-color: #fff;
    background-color: var(--background-white);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: auto
}

@media screen and (max-width:720px) {
    .store-partner-item__container {
        grid-gap: 24.72222vw;
        margin-top: 7.5vw;
        padding: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner-item__container {
        grid-gap: 3.51562vw 6.60156vw;
        margin-top: 3.125vw;
        padding: 3.90625vw 8.51562vw 5.85938vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner-item__container {
        grid-gap: 3.51562vw 6.60156vw;
        margin-top: 3.125vw;
        padding: 3.90625vw 8.51562vw 5.85938vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner-item__container {
        grid-gap: 3.51562vw 6.60156vw;
        margin-top: 3.125vw;
        padding: 3.90625vw 8.51562vw 5.85938vw
    }
}

@media screen and (min-width:1921px) {
    .store-partner-item__container {
        grid-gap: 3.51562vw 6.60156vw;
        margin-top: 3.125vw;
        padding: 3.90625vw 8.51562vw 5.85938vw
    }
}

.store-partner-item__image {
    object-fit: contain
}

@media screen and (max-width:720px) {
    .store-partner-item__image {
        height: 14.72222vw;
        margin-top: 7.5vw;
        width: 23.61111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner-item__image {
        height: 5.46875vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner-item__image {
        height: 5.46875vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner-item__image {
        height: 5.46875vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1921px) {
    .store-partner-item__image {
        height: 5.46875vw;
        width: 9.375vw
    }
}

.store-partner-item__name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-partner-item__name {
        font-size: 3.05556vw;
        font-size: max(3.05556vw, 12px);
        margin-top: 3.61111vw;
        width: 23.61111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-partner-item__name {
        font-size: max(.9375vw, 12px);
        margin-top: .89844vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-partner-item__name {
        font-size: max(.9375vw, 12px);
        margin-top: .89844vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-partner-item__name {
        font-size: max(.9375vw, 12px);
        margin-top: .89844vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1921px) {
    .store-partner-item__name {
        font-size: max(.9375vw, 12px);
        margin-top: .89844vw;
        width: 9.375vw
    }
}

@media screen and (max-width:720px) {
    .store-partner-item .store-partner-item__container {
        grid-gap: 0;
        display: flex;
        flex-wrap: wrap
    }

    .store-partner-item .store-partner-item__item {
        border-bottom: 1px solid #f3f3f3;
        border-bottom: 1px solid var(--brand-grey-10);
        flex: 0 0 50%;
        margin-top: -1px;
        padding-bottom: 3.88889vw
    }

    .store-partner-item .store-partner-item__item:nth-child(odd) {
        border-right: 1px solid #f3f3f3;
        border-right: 1px solid var(--brand-grey-10);
        margin-left: -1px
    }

    .store-partner-item .store-partner-item__item:last-child,
    .store-partner-item .store-partner-item__item:nth-last-child(2) {
        border-bottom: 0
    }
}

.store-breadcrumbs {
    box-sizing: border-box;
    width: 100%
}

.store-breadcrumbs__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    margin: auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-breadcrumbs__title {
        font-size: 5.83333vw;
        font-size: max(5.83333vw, 12px);
        margin-bottom: 7.22222vw;
        margin-top: 7.5vw;
        width: 92.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-breadcrumbs__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 4.6875vw;
        margin-top: 3.75vw;
        width: 49.02344vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-breadcrumbs__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 4.6875vw;
        margin-top: 3.75vw;
        width: 49.02344vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-breadcrumbs__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 4.6875vw;
        margin-top: 3.75vw;
        width: 49.02344vw
    }
}

@media screen and (min-width:1921px) {
    .store-breadcrumbs__title {
        font-size: max(2.5vw, 12px);
        margin-bottom: 4.6875vw;
        margin-top: 3.75vw;
        width: 49.02344vw
    }
}

.store-carrier {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    transition: box-shadow .25s ease
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .store-carrier:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .store-carrier {
        height: 25vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier {
        height: 12.5vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier {
        height: 128px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier {
        height: 170px
    }
}

@media screen and (min-width:1921px) {
    .store-carrier {
        height: 226px
    }
}

.store-carrier__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:720px) {
    .store-carrier__wrapper {
        margin: 5.55556vw 3.88889vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier__wrapper {
        margin: 3.71094vw 5.85938vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier__wrapper {
        margin: 38px 60px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier__wrapper {
        margin: 50px 80px 0
    }
}

@media screen and (min-width:1921px) {
    .store-carrier__wrapper {
        margin: 68px 105px 0
    }
}

.store-carrier .store-carrier__info {
    color: #191919;
    display: flex;
    flex: auto;
    flex-direction: column
}

@media screen and (max-width:720px) {
    .store-carrier .store-carrier__info {
        margin-left: 0
    }

    [dir=ltr] .store-carrier .store-carrier__info {
        margin-right: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier .store-carrier__info {
        margin-left: 3.71094vw
    }

    [dir=ltr] .store-carrier .store-carrier__info {
        margin-right: 3.71094vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier .store-carrier__info {
        margin-left: 38px
    }

    [dir=ltr] .store-carrier .store-carrier__info {
        margin-right: 38px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier .store-carrier__info {
        margin-left: 60px 80px
    }

    [dir=ltr] .store-carrier .store-carrier__info {
        margin-right: 60px
    }
}

@media screen and (min-width:1921px) {
    .store-carrier .store-carrier__info {
        margin-left: "rtl"
    }

    [dir=ltr] .store-carrier .store-carrier__info {
        margin-right: 80px
    }
}

.store-carrier .store-carrier__info .store-carrier__link {
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .store-carrier .store-carrier__info .store-carrier__link {
        font-size: 3.61111vw;
        font-size: max(3.61111vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier .store-carrier__info .store-carrier__link {
        font-size: max(1.95312vw, 12px);
        margin-top: .19531vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier .store-carrier__info .store-carrier__link {
        font-size: 20px;
        margin-top: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier .store-carrier__info .store-carrier__link {
        font-size: 27px;
        margin-top: 2px
    }
}

@media screen and (min-width:1921px) {
    .store-carrier .store-carrier__info .store-carrier__link {
        font-size: 36px;
        margin-top: 4px
    }
}

.store-carrier .store-carrier__info .store-carrier__subtitle {
    line-height: 1.2;
    white-space: pre-line
}

@media screen and (max-width:720px) {
    .store-carrier .store-carrier__info .store-carrier__subtitle {
        font-size: 3.05556vw;
        font-size: max(3.05556vw, 12px);
        margin-top: 1.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier .store-carrier__info .store-carrier__subtitle {
        font-size: max(1.36719vw, 12px);
        margin-top: .48828vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier .store-carrier__info .store-carrier__subtitle {
        font-size: 14px;
        margin-top: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier .store-carrier__info .store-carrier__subtitle {
        font-size: 18px;
        margin-top: 6px
    }
}

@media screen and (min-width:1921px) {
    .store-carrier .store-carrier__info .store-carrier__subtitle {
        font-size: 24px;
        margin-top: 8px
    }
}

.store-carrier__image {
    object-fit: contain
}

@media screen and (max-width:720px) {
    .store-carrier__image {
        display: none;
        height: 5.55556vw;
        width: 5.55556vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-carrier__image {
        height: 4.98047vw;
        width: 4.98047vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-carrier__image {
        height: 51px;
        width: 51px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-carrier__image {
        height: 68px;
        width: 68px
    }
}

@media screen and (min-width:1921px) {
    .store-carrier__image {
        height: 90px;
        width: 90px
    }
}

.store-carrier.store-carrier--mobile {
    border-radius: 2.22222vw;
    text-align: center
}

.store-carrier.store-carrier--mobile .store-carrier__subtitle {
    color: #898989
}

.store-goods {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .store-goods:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .store-goods {
        --label-margin-bottom: 1.66667vw;
        border-radius: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods {
        --label-margin-bottom: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods {
        --label-margin-bottom: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods {
        --label-margin-bottom: 16px
    }
}

@media screen and (min-width:1921px) {
    .store-goods {
        --label-margin-bottom: 24px
    }
}

.store-goods:focus-visible {
    outline: 4px solid var(--outline-color)
}

.store-goods.store-goods--light {
    background-color: #fff;
    background-color: var(--background-white);
    color: #191919
}

.store-goods.store-goods--dark {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    color: #fff
}

.store-goods .store-goods__full-image {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.store-goods .store-goods__full-image>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.store-goods .store-goods__info {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.store-goods .store-goods__info .store-goods__title {
    font-weight: 700
}

.store-goods .store-goods__info .store-goods__subtitle,
.store-goods .store-goods__info .store-goods__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

.store-goods .store-goods__energy {
    --group-margin-bottom: var(--label-margin-bottom)
}

@media screen and (max-width:720px) {
    .store-goods .store-goods__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods .store-goods__energy {
        --image-width: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods .store-goods__energy {
        --image-width: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods .store-goods__energy {
        --image-width: 74px
    }
}

@media screen and (min-width:1921px) {
    .store-goods .store-goods__energy {
        --image-width: 98px
    }
}

.store-goods .store-goods__energy:last-child {
    --group-margin-bottom: 0
}

@media screen and (max-width:720px) {
    .store-goods .store-goods__energy .mi-energy-label__link {
        font-size: 2.77778vw;
        font-size: max(2.77778vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods .store-goods__energy .mi-energy-label__link {
        font-size: max(1.36719vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods .store-goods__energy .mi-energy-label__link {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods .store-goods__energy .mi-energy-label__link {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .store-goods .store-goods__energy .mi-energy-label__link {
        font-size: 16px
    }
}

.store-goods .store-goods__tag-list {
    --group-margin-bottom: var(--label-margin-bottom);
    margin-top: 10px
}

.store-goods .store-goods__tag-list:last-child {
    --group-margin-bottom: 0
}

@media screen and (max-width:720px) {
    .store-goods .store-goods__tag-list {
        font-size: 2.77778vw
    }
}

.store-goods .store-goods__price span,
.store-goods .store-goods__price strong {
    font-weight: 700
}

@media screen and (max-width:720px) {

    .store-goods .store-goods__price span,
    .store-goods .store-goods__price strong {
        font-weight: 500
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .store-goods .store-goods__price span,
    .store-goods .store-goods__price strong {
        font-weight: 700
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .store-goods .store-goods__price span,
    .store-goods .store-goods__price strong {
        font-weight: 700
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .store-goods .store-goods__price span,
    .store-goods .store-goods__price strong {
        font-weight: 700
    }
}

@media screen and (min-width:1921px) {

    .store-goods .store-goods__price span,
    .store-goods .store-goods__price strong {
        font-weight: 700
    }
}

.store-goods .store-goods__price del {
    color: #d0d0d0
}

.store-goods .store-goods__installment {
    margin-left: 1px
}

@media screen and (max-width:720px) {
    .store-goods .store-goods__installment {
        --installment-margin-top: 3px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods .store-goods__installment {
        --installment-margin-top: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods .store-goods__installment {
        --installment-margin-top: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods .store-goods__installment {
        --installment-margin-top: 6px
    }
}

@media screen and (min-width:1921px) {
    .store-goods .store-goods__installment {
        --installment-margin-top: 8px
    }
}

@media screen and (max-width:720px) {
    .store-goods .store-goods__installment {
        font-size: 2.77778vw
    }
}

.store-goods .store-goods__product {
    position: relative
}

.store-goods .store-goods__product .store-goods__image {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.store-goods .store-goods__gift {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 0
}

[dir=rtl] .store-goods .store-goods__gift {
    left: 0;
    right: auto
}

.store-goods.store-goods--half {
    display: flex
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half {
        min-height: 46.66667vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half {
        min-height: 21.48438vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half {
        min-height: 220px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half {
        min-height: 294px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half {
        min-height: 392px
    }
}

.store-goods.store-goods--half .store-goods__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__wrapper {
        margin: 6.66667vw 0;
        margin-inline-end: 4.44444vw;
        margin-inline-start: 6.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__wrapper {
        margin: 3.125vw 0;
        margin-inline-end: 2.14844vw;
        margin-inline-start: 4.88281vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__wrapper {
        margin: 32px 0;
        margin-inline-end: 22px;
        margin-inline-start: 50px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__wrapper {
        margin: 42px 0;
        margin-inline-end: 30px;
        margin-inline-start: 68px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__wrapper {
        margin: 56px 0;
        margin-inline-end: 40px;
        margin-inline-start: 92px
    }
}

.store-goods.store-goods--half .store-goods__info {
    flex-grow: 1;
    flex-shrink: 1
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__info {
        flex-basis: 48.33333vw
    }

    [dir=ltr] .store-goods.store-goods--half .store-goods__info {
        margin-right: 3.33333vw
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__info {
        margin-left: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__info {
        flex-basis: 20.89844vw;
        margin-top: .39062vw
    }

    [dir=ltr] .store-goods.store-goods--half .store-goods__info {
        margin-right: 1.95312vw
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__info {
        margin-left: 1.95312vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__info {
        flex-basis: 214px;
        margin-top: 4px
    }

    [dir=ltr] .store-goods.store-goods--half .store-goods__info {
        margin-right: 20px
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__info {
        margin-left: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__info {
        flex-basis: 285px;
        margin-top: 6px
    }

    [dir=ltr] .store-goods.store-goods--half .store-goods__info {
        margin-right: 15px
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__info {
        margin-left: 15px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__info {
        flex-basis: 400px;
        margin-top: 8px
    }

    [dir=ltr] .store-goods.store-goods--half .store-goods__info {
        margin-right: 20px
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__info {
        margin-left: 20px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__title {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__title {
        font-size: max(1.95312vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__title {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__title {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__title {
        font-size: 36px
    }
}

.store-goods.store-goods--half .store-goods__subtitle {
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin: 1.66667vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__subtitle {
        font-size: max(1.36719vw, 12px);
        margin: .39062vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__subtitle {
        font-size: 14px;
        margin: 4px 0 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__subtitle {
        font-size: 18px;
        margin: 6px 0 10px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__subtitle {
        font-size: 24px;
        margin: 8px 0 18px
    }
}

.store-goods.store-goods--half .store-goods__price {
    align-items: baseline
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__price {
        margin-top: 1.66667vw;
        min-height: 5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__price {
        margin-top: .39062vw;
        min-height: 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__price {
        margin-top: 8px;
        min-height: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__price {
        margin-top: 16px;
        min-height: 32px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__price {
        margin-top: 24px;
        min-height: 42px
    }
}

@media screen and (max-width:720px) {

    .store-goods.store-goods--half .store-goods__price del,
    .store-goods.store-goods--half .store-goods__price span {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .store-goods.store-goods--half .store-goods__price del,
    .store-goods.store-goods--half .store-goods__price span {
        font-size: max(1.36719vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .store-goods.store-goods--half .store-goods__price del,
    .store-goods.store-goods--half .store-goods__price span {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .store-goods.store-goods--half .store-goods__price del,
    .store-goods.store-goods--half .store-goods__price span {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {

    .store-goods.store-goods--half .store-goods__price del,
    .store-goods.store-goods--half .store-goods__price span {
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__price strong {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__price strong {
        font-size: max(1.95312vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__price strong {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__price strong {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__price strong {
        font-size: 36px
    }
}

@media screen and (max-width:720px) {
    [dir=ltr] .store-goods.store-goods--half .store-goods__price del {
        margin-left: 2.22222vw
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__price del {
        margin-right: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=ltr] .store-goods.store-goods--half .store-goods__price del {
        margin-left: .29297vw
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__price del {
        margin-right: .29297vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .store-goods.store-goods--half .store-goods__price del {
        margin-left: 3px
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__price del {
        margin-right: 3px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .store-goods.store-goods--half .store-goods__price del {
        margin-left: 12px
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__price del {
        margin-right: 12px
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .store-goods.store-goods--half .store-goods__price del {
        margin-left: 16px
    }

    [dir=rtl] .store-goods.store-goods--half .store-goods__price del {
        margin-right: 16px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__product {
        height: 33.33333vw;
        width: 33.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__product {
        height: 15.42969vw;
        width: 15.42969vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__product {
        height: 158px;
        width: 158px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__product {
        height: 210px;
        width: 210px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__product {
        height: 280px;
        width: 280px
    }
}

.store-goods.store-goods--half .store-goods__product .store-goods__icon {
    bottom: 0;
    position: absolute;
    right: 0
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__product .store-goods__icon {
        height: 11.11111vw;
        width: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__product .store-goods__icon {
        height: 4.58984vw;
        width: 4.58984vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__product .store-goods__icon {
        height: 47px;
        width: 47px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__product .store-goods__icon {
        height: 63px;
        width: 63px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__product .store-goods__icon {
        height: 100px;
        width: 100px
    }
}

.store-goods.store-goods--half .store-goods__product .store-goods__icon>img {
    background: #f7f7f7;
    height: 100%;
    width: 100%
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__energy {
        --group-margin-top: 8px;
        --image-width: 46px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__energy {
        --group-margin-top: 8px;
        --image-width: 39px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__energy {
        --group-margin-top: 10px;
        --image-width: 55px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__energy {
        --group-margin-top: 12px;
        --image-width: 73px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__energy {
        --group-margin-top: 24px;
        --image-width: 97px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--half .store-goods__gift {
        --gift-size: 11.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--half .store-goods__gift {
        --gift-size: 5.46875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--half .store-goods__gift {
        --gift-size: 56px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--half .store-goods__gift {
        --gift-size: 75px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--half .store-goods__gift {
        --gift-size: 100px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter {
        --lower-min-height: 19.44444vw;
        min-height: 45vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter {
        --lower-min-height: 9.27734vw;
        min-height: 21.48438vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter {
        --lower-min-height: 100px;
        min-height: 220px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter {
        --lower-min-height: 132px;
        min-height: 294px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter {
        --lower-min-height: 150px;
        min-height: 392px
    }
}

.store-goods.store-goods--quarter .store-goods__wrapper {
    width: 100%
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__wrapper {
        margin-bottom: 5.55556vw;
        margin-inline-end: 3.88889vw;
        margin-inline-start: 5.55556vw;
        margin-top: 6.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__wrapper {
        margin-bottom: 3.125vw;
        margin-inline-end: 2.73438vw;
        margin-inline-start: 2.34375vw;
        margin-top: 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__wrapper {
        margin-bottom: 32px;
        margin-inline-end: 28px;
        margin-inline-start: 24px;
        margin-top: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__wrapper {
        margin-bottom: 42px;
        margin-inline-end: 40px;
        margin-inline-start: 30px;
        margin-top: 42px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__wrapper {
        margin-bottom: 56px;
        margin-inline-end: 50px;
        margin-inline-start: 40px;
        margin-top: 56px
    }
}

.store-goods.store-goods--quarter .store-goods__info {
    height: 100%;
    width: 100%
}

.store-goods.store-goods--quarter .store-goods__info--lower {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: var(--lower-min-height)
}

.store-goods.store-goods--quarter .store-goods__installment {
    display: none
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__title {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-bottom: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__title {
        font-size: max(.97656vw, 12px);
        margin-bottom: .58594vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__title {
        font-size: 14px;
        margin-bottom: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__title {
        font-size: 18px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__title {
        font-size: 24px;
        margin-bottom: 16px
    }
}

.store-goods.store-goods--quarter .store-goods__price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 1.25
}

@media screen and (max-width:720px) {

    .store-goods.store-goods--quarter .store-goods__price del,
    .store-goods.store-goods--quarter .store-goods__price span {
        font-size: 2.77778vw;
        font-size: max(2.77778vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .store-goods.store-goods--quarter .store-goods__price del,
    .store-goods.store-goods--quarter .store-goods__price span {
        font-size: max(1.17188vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .store-goods.store-goods--quarter .store-goods__price del,
    .store-goods.store-goods--quarter .store-goods__price span {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .store-goods.store-goods--quarter .store-goods__price del,
    .store-goods.store-goods--quarter .store-goods__price span {
        font-size: 15px
    }
}

@media screen and (min-width:1921px) {

    .store-goods.store-goods--quarter .store-goods__price del,
    .store-goods.store-goods--quarter .store-goods__price span {
        font-size: 20px
    }
}

.store-goods.store-goods--quarter .store-goods__price strong {
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__price strong {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__price strong {
        font-size: max(1.5625vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__price strong {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__price strong {
        font-size: 21px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__price strong {
        font-size: 28px
    }
}

.store-goods.store-goods--quarter .store-goods__price del {
    line-height: 1
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__price del {
        margin-top: .27778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__price del {
        margin-top: .19531vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__price del {
        margin-top: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__price del {
        margin-top: 4px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__price del {
        margin-top: 4px
    }
}

.store-goods.store-goods--quarter .store-goods__product {
    position: absolute
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__product {
        bottom: 3.05556vw;
        height: 22.22222vw;
        width: 22.22222vw
    }

    [dir=ltr] .store-goods.store-goods--quarter .store-goods__product {
        right: .27778vw
    }

    [dir=rtl] .store-goods.store-goods--quarter .store-goods__product {
        left: .27778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__product {
        bottom: 2.14844vw;
        height: 10.9375vw;
        width: 10.9375vw
    }

    [dir=ltr] .store-goods.store-goods--quarter .store-goods__product {
        right: 1.75781vw
    }

    [dir=rtl] .store-goods.store-goods--quarter .store-goods__product {
        left: 1.75781vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__product {
        bottom: 22px;
        height: 112px;
        width: 112px
    }

    [dir=ltr] .store-goods.store-goods--quarter .store-goods__product {
        right: 18px
    }

    [dir=rtl] .store-goods.store-goods--quarter .store-goods__product {
        left: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__product {
        bottom: 32px;
        height: 150px;
        width: 150px
    }

    [dir=ltr] .store-goods.store-goods--quarter .store-goods__product {
        right: 24px
    }

    [dir=rtl] .store-goods.store-goods--quarter .store-goods__product {
        left: 24px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__product {
        bottom: 40px;
        height: 200px;
        width: 200px
    }

    [dir=ltr] .store-goods.store-goods--quarter .store-goods__product {
        right: 32px
    }

    [dir=rtl] .store-goods.store-goods--quarter .store-goods__product {
        left: 32px
    }
}

.store-goods.store-goods--quarter .store-goods__energy {
    --group-margin-top: 8px
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__energy {
        --image-width: 44px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__energy {
        --image-width: 60px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__energy {
        --image-width: 76px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__gift {
        --gift-size: 7.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-goods.store-goods--quarter .store-goods__gift {
        --gift-size: 3.90625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-goods.store-goods--quarter .store-goods__gift {
        --gift-size: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-goods.store-goods--quarter .store-goods__gift {
        --gift-size: 54px
    }
}

@media screen and (min-width:1921px) {
    .store-goods.store-goods--quarter .store-goods__gift {
        --gift-size: 72px
    }
}

@media screen and (max-width:720px) {
    .store-goods.store-goods--quarter .store-goods__gift {
        left: auto;
        right: 5px
    }

    [dir=rtl] .store-goods.store-goods--quarter .store-goods__gift {
        left: 5px;
        right: auto
    }
}

.inner-chain:hover {
    color: unset
}

.mi-marketing-label__comment {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--comment-font-size);
    margin-bottom: 0;
    margin-bottom: var(--comment-margin-bottom, 0);
    margin-top: 0;
    margin-top: var(--comment-margin-top, 0)
}

@media screen and (max-width:720px) {
    .mi-marketing-label__comment {
        --comment-gap: 5px;
        --comment-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-marketing-label__comment {
        --comment-gap: 4px;
        --comment-font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-marketing-label__comment {
        --comment-gap: 4px;
        --comment-font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-marketing-label__comment {
        --comment-gap: 4px;
        --comment-font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .mi-marketing-label__comment {
        --comment-gap: 5px;
        --comment-font-size: 18px
    }
}

.mi-marketing-label__comment>:nth-child(2) {
    margin-inline-start: var(--comment-gap)
}

.mi-stars {
    --grid-column-count: 5;
    --light-up-color: var(--text-primary)
}

@media screen and (max-width:720px) {
    .mi-stars {
        --star-size: 12px;
        --grid-column-gap: 1px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-stars {
        --star-size: 14px;
        --grid-column-gap: 1px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-stars {
        --star-size: 14px;
        --grid-column-gap: 1px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-stars {
        --star-size: 14px;
        --grid-column-gap: 2px
    }
}

@media screen and (min-width:1921px) {
    .mi-stars {
        --star-size: 18px;
        --grid-column-gap: 2px
    }
}

.mi-stars .mi-stars__list {
    column-gap: var(--grid-column-gap);
    display: grid;
    grid-template-columns: repeat(var(--grid-column-count), var(--star-size))
}

.mi-stars .mi-stars__item {
    height: var(--star-size);
    position: relative;
    width: var(--star-size)
}

.mi-stars .mi-stars__star {
    color: var(--light-up-color);
    font-size: var(--star-size);
    left: 0;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    top: 0
}

.mi-stars .mi-stars__star.mi-stars__star--top {
    overflow: hidden;
    z-index: 2
}

.mi-stars .mi-stars__star.mi-stars__star--bottom {
    color: #f3f3f3
}

.mi-stars .mi-stars__star.mi-stars__star--interactive {
    pointer-events: all
}

.mi-stars .mi-stars__star.mi-stars__star--interactive:hover {
    color: var(--light-up-color);
    cursor: pointer
}

.mi-marketing-label__gift {
    --gift-shadow-color: #0000001a;
    height: var(--gift-size);
    width: var(--gift-size)
}

@media screen and (max-width:720px) {
    .mi-marketing-label__gift {
        --gift-size: 40px;
        filter: drop-shadow(0 2px 4px var(--gift-shadow-color))
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-marketing-label__gift {
        --gift-size: 56px;
        filter: drop-shadow(0 2px 9px var(--gift-shadow-color))
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-marketing-label__gift {
        --gift-size: 56px;
        filter: drop-shadow(0 2px 9px var(--gift-shadow-color))
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-marketing-label__gift {
        --gift-size: 75px;
        filter: drop-shadow(0 3px 12px var(--gift-shadow-color))
    }
}

@media screen and (min-width:1921px) {
    .mi-marketing-label__gift {
        --gift-size: 100px;
        filter: drop-shadow(0 4px 16px var(--gift-shadow-color))
    }
}

.mi-marketing-label__gift img {
    background-color: #f7f7f7;
    background-color: var(--background-base);
    height: var(--gift-size);
    width: var(--gift-size)
}

.mi-marketing-label__tags {
    margin-bottom: 0;
    margin-bottom: var(--group-margin-bottom, 0);
    margin-top: 0;
    margin-top: var(--group-margin-top, 0)
}

@media screen and (max-width:720px) {
    .mi-marketing-label__tags {
        --group-gap: 2.22222vw;
        --tag-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-marketing-label__tags {
        --group-gap: .78125vw;
        --tag-font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-marketing-label__tags {
        --group-gap: 8px;
        --tag-font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-marketing-label__tags {
        --group-gap: 6px;
        --tag-font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .mi-marketing-label__tags {
        --group-gap: 8px;
        --tag-font-size: 18px
    }
}

.mi-marketing-label__tags .tag__list {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: calc(var(--group-gap)/-2)
}

.mi-marketing-label__tags .tag__item {
    font-size: var(--tag-font-size)
}

.mi-marketing-label__tags .tag__item:first-child,
.mi-marketing-label__tags .tag__item:last-child {
    --margin-base: initial
}

.mi-marketing-label__tags .tag__item.mi-tag {
    margin: calc(var(--group-gap)/2) !important
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-marketing-label__tags .tag__item.tag__item--mobile-only {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-marketing-label__tags .tag__item.tag__item--mobile-only {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-marketing-label__tags .tag__item.tag__item--mobile-only {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .mi-marketing-label__tags .tag__item.tag__item--mobile-only {
        display: none
    }
}

.mi-marketing-label__installment {
    color: #191919;
    color: var(--text-base);
    font-size: var(--installment-font-size);
    margin-bottom: 0;
    margin-bottom: var(--installment-margin-bottom, 0);
    margin-top: 0;
    margin-top: var(--installment-margin-top, 0)
}

@media screen and (max-width:720px) {
    .mi-marketing-label__installment {
        --installment-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-marketing-label__installment {
        --installment-font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-marketing-label__installment {
        --installment-font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-marketing-label__installment {
        --installment-font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .mi-marketing-label__installment {
        --installment-font-size: 18px
    }
}

.store-shop {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:720px) {
    .store-shop__action {
        margin: 0 2.22222vw 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop__action {
        margin: 0 0 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop__action {
        margin: 0 0 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop__action {
        margin: 0 0 18px
    }
}

@media screen and (min-width:1921px) {
    .store-shop__action {
        margin: 0 0 24px
    }
}

.store-shop__action .store-shop__link {
    color: #191919;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .store-shop__action .store-shop__link {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        font-weight: 500
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop__action .store-shop__link {
        font-size: max(1.95312vw, 12px);
        font-weight: 700
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop__action .store-shop__link {
        font-size: 20px;
        font-weight: 700
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop__action .store-shop__link {
        font-size: 27px;
        font-weight: 700
    }
}

@media screen and (min-width:1921px) {
    .store-shop__action .store-shop__link {
        font-size: 36px;
        font-weight: 700
    }
}

.store-shop .store-shop__main {
    background-color: #fff;
    background-color: var(--background-white);
    cursor: pointer;
    display: flex;
    transition: box-shadow .25s ease
}

.store-shop .store-shop__main:focus-visible {
    outline: 4px solid var(--outline-color)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__main:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__main:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__main:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__main:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .store-shop .store-shop__main {
        height: 122.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__main {
        height: 25.97656vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__main {
        height: 266px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__main {
        height: 354px
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__main {
        height: 472px
    }
}

.store-shop .store-shop__main .store-shop__image {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    display: flex;
    flex-basis: 1;
    flex-grow: 1;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .store-shop .store-shop__main .store-shop__image {
        flex-basis: 59.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__main .store-shop__image {
        flex-basis: 46.38672vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__main .store-shop__image {
        flex-basis: 475px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__main .store-shop__image {
        flex-basis: 636px
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__main .store-shop__image {
        flex-basis: 848px
    }
}

.store-shop .store-shop__main .store-shop__image>img {
    object-fit: cover;
    object-position: center;
    width: 100%
}

.store-shop .store-shop__info {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media screen and (max-width:720px) {
    .store-shop .store-shop__info {
        flex-basis: 63.33333vw;
        padding: 0 4.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__info {
        flex-basis: 45.89844vw;
        padding: 0 2.73438vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__info {
        flex-basis: 470px;
        padding: 0 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__info {
        flex-basis: 624px;
        padding: 0 36px
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__info {
        flex-basis: 832px;
        padding: 0 48px
    }
}

.store-shop .store-shop__info .store-shop__title {
    color: #191919;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .store-shop .store-shop__info .store-shop__title {
        font-size: 5.55556vw;
        font-size: max(5.55556vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__info .store-shop__title {
        font-size: max(1.95312vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__info .store-shop__title {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__info .store-shop__title {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__info .store-shop__title {
        font-size: 36px
    }
}

.store-shop .store-shop__info .store-shop__desc {
    color: #898989;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .store-shop .store-shop__info .store-shop__desc {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin: 1.66667vw 0 3.88889vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__info .store-shop__desc {
        font-size: max(1.36719vw, 12px);
        margin: .58594vw 0 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__info .store-shop__desc {
        font-size: 14px;
        margin: 6px 0 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__info .store-shop__desc {
        font-size: 18px;
        margin: 10px 0 20px
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__info .store-shop__desc {
        font-size: 24px;
        margin: 12px 0 28px
    }
}

.store-shop .store-shop__info .store-shop__tag {
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:720px) {
    .store-shop .store-shop__info .store-shop__tag .mi-tag {
        --margin-base: 0 1.11111vw;
        max-width: 41.66667vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-shop .store-shop__info .store-shop__tag .mi-tag {
        --margin-base: 0 .39062vw;
        max-width: 19.53125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-shop .store-shop__info .store-shop__tag .mi-tag {
        --margin-base: 0 4px;
        max-width: 200px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-shop .store-shop__info .store-shop__tag .mi-tag {
        --margin-base: 0 6px;
        max-width: 270px
    }
}

@media screen and (min-width:1921px) {
    .store-shop .store-shop__info .store-shop__tag .mi-tag {
        --margin-base: 0 8px;
        max-width: 360px
    }
}

.store-shop.store-shop--mobile .store-shop__main {
    border-radius: 2.22222vw;
    flex-direction: column;
    overflow: hidden
}

.store-title {
    color: #191919;
    margin: 0
}

@media screen and (max-width:720px) {
    .store-title {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        font-weight: 500;
        padding: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-title {
        font-size: max(1.95312vw, 12px);
        font-weight: 700
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-title {
        font-size: 20px;
        font-weight: 700
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-title {
        font-size: 28px;
        font-weight: 700
    }
}

@media screen and (min-width:1921px) {
    .store-title {
        font-size: 36px;
        font-weight: 700
    }
}

.store-title--start {
    text-align: left;
    text-align: start
}

.store-title--center {
    text-align: center
}

.store-title--end {
    text-align: right;
    text-align: end
}

.site-store-event {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-store-event {
        height: 37.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-event {
        height: 13.28125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-event {
        height: 136px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-event {
        height: 180px
    }
}

@media screen and (min-width:1921px) {
    .site-store-event {
        height: 240px
    }
}

.site-store-event.site-store-event--light {
    color: #191919
}

.site-store-event.site-store-event--dark {
    color: #fff
}

.site-store-event .site-store-event__bg {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.site-store-event .site-store-event__bg>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-store-event .site-store-event__bg>img {
        bottom: 0;
        position: absolute
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-event .site-store-event__bg>img {
        bottom: 0;
        position: static
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-event .site-store-event__bg>img {
        bottom: 0;
        position: static
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-event .site-store-event__bg>img {
        bottom: 0;
        position: static
    }
}

@media screen and (min-width:1921px) {
    .site-store-event .site-store-event__bg>img {
        bottom: 0;
        position: static
    }
}

.site-store-event .site-store-event__content {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

@media screen and (max-width:720px) {
    .site-store-event .site-store-event__content {
        width: 53.88889vw
    }

    [dir=ltr] .site-store-event .site-store-event__content {
        left: 6.11111vw
    }

    [dir=rtl] .site-store-event .site-store-event__content {
        right: 6.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-event .site-store-event__content {
        width: 48.4375vw
    }

    [dir=ltr] .site-store-event .site-store-event__content {
        left: 5.07812vw
    }

    [dir=rtl] .site-store-event .site-store-event__content {
        right: 5.07812vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-event .site-store-event__content {
        width: 496px
    }

    [dir=ltr] .site-store-event .site-store-event__content {
        left: 52px
    }

    [dir=rtl] .site-store-event .site-store-event__content {
        right: 52px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-event .site-store-event__content {
        width: 660px
    }

    [dir=ltr] .site-store-event .site-store-event__content {
        left: 70px
    }

    [dir=rtl] .site-store-event .site-store-event__content {
        right: 70px
    }
}

@media screen and (min-width:1921px) {
    .site-store-event .site-store-event__content {
        width: 880px
    }

    [dir=ltr] .site-store-event .site-store-event__content {
        left: 94px
    }

    [dir=rtl] .site-store-event .site-store-event__content {
        right: 94px
    }
}

.site-store-event .site-store-event__content .site-store-event__title {
    font-weight: 700;
    white-space: pre-line
}

@media screen and (max-width:720px) {
    .site-store-event .site-store-event__content .site-store-event__title {
        font-size: 3.61111vw;
        font-size: max(3.61111vw, 12px);
        line-height: 3.61111vw;
        margin-bottom: 1.11111vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-event .site-store-event__content .site-store-event__title {
        font-size: max(1.95312vw, 12px);
        line-height: 1.95312vw;
        margin-bottom: .48828vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-event .site-store-event__content .site-store-event__title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-event .site-store-event__content .site-store-event__title {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 6px
    }
}

@media screen and (min-width:1921px) {
    .site-store-event .site-store-event__content .site-store-event__title {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 8px
    }
}

.site-store-event .site-store-event__content .site-store-event__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-store-event .site-store-event__content .site-store-event__subtitle {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        line-height: 3.33333vw;
        margin-bottom: 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-event .site-store-event__content .site-store-event__subtitle {
        font-size: max(1.36719vw, 12px);
        line-height: 1.36719vw;
        margin-bottom: 1.36719vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-event .site-store-event__content .site-store-event__subtitle {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-event .site-store-event__content .site-store-event__subtitle {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .site-store-event .site-store-event__content .site-store-event__subtitle {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.site-store-event .site-store-event__content .site-store-event__actions.site-store-event__actions--hide,
.site-store-event .site-store-event__content .site-store-event__actions:empty {
    display: none
}

@media screen and (max-width:720px) {
    .site-store-event .site-store-event__content .site-store-event__link {
        border-radius: 1.94444vw;
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        padding: 1.11111vw 4.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-store-event .site-store-event__content .site-store-event__link {
        border-radius: .78125vw;
        font-size: max(1.36719vw, 12px);
        padding: .58594vw 2.14844vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-store-event .site-store-event__content .site-store-event__link {
        border-radius: 8px;
        font-size: 14px;
        padding: 6px 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-store-event .site-store-event__content .site-store-event__link {
        border-radius: 12px;
        font-size: 18px;
        padding: 10px 20px
    }
}

@media screen and (min-width:1921px) {
    .site-store-event .site-store-event__content .site-store-event__link {
        border-radius: 14px;
        font-size: 24px;
        padding: 12px 40px
    }
}

.site-banner {
    box-sizing: border-box;
    display: block;
    height: var(--banner-height);
    max-height: 800px;
    max-height: var(--banner-max-height, 800px);
    min-height: auto;
    min-height: var(--banner-min-height, initial);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-banner {
        --banner-height: 480px;
        --info-width: 100%;
        --title-font-size: 30px;
        --subtitle-font-size: 16px;
        --subtitle-margin-top: 12px;
        --actions-margin-top: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner {
        --banner-height: 43.94531vw;
        --info-padding-vertical: 3.90625vw;
        --info-width: 35.15625vw;
        --title-font-size: 3.125vw;
        --subtitle-font-size: 2.34375vw;
        --subtitle-margin-top: .78125vw;
        --actions-margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner {
        --banner-height: 450px;
        --info-padding-vertical: 48px;
        --info-width: 360px;
        --title-font-size: 32px;
        --subtitle-font-size: 24px;
        --subtitle-margin-top: 8px;
        --actions-margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner {
        --banner-height: 600px;
        --info-padding-vertical: 60px;
        --info-width: 520px;
        --title-font-size: 42px;
        --subtitle-font-size: 28px;
        --subtitle-margin-top: 12px;
        --actions-margin-top: 8px
    }
}

@media screen and (min-width:1921px) {
    .site-banner {
        --banner-height: 800px;
        --info-padding-vertical: 72px;
        --info-width: 690px;
        --title-font-size: 56px;
        --subtitle-font-size: 36px;
        --subtitle-margin-top: 20px;
        --actions-margin-top: 18px
    }
}

.site-banner.site-banner--has-link {
    cursor: pointer
}

.site-banner.site-banner--light {
    background-color: #fff;
    background-color: var(--background-white);
    color: #191919
}

.site-banner.site-banner--dark {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    color: #fff
}

.site-banner .site-banner__image {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.site-banner .site-banner__image>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.site-banner .site-banner__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 50%;
    padding: var(--info-padding-vertical) 0;
    position: absolute;
    width: var(--info-width);
    z-index: 2
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info {
        max-width: 360px;
        min-width: 300px;
        padding: 40px 10px
    }
}

.site-banner .site-banner__info .site-banner__tips {
    color: inherit;
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__tips {
        font-size: 16px;
        margin-bottom: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__tips {
        font-size: max(2.34375vw, 12px);
        margin-bottom: .39062vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__tips {
        font-size: 24px;
        margin-bottom: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__tips {
        font-size: 28px;
        margin-bottom: 8px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__tips {
        font-size: 36px;
        margin-bottom: 16px
    }
}

.site-banner .site-banner__info .site-banner__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: box;
    display: -webkit-box;
    font-size: var(--title-font-size);
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

.site-banner .site-banner__info .site-banner__title--svg {
    display: inline-block;
    object-fit: contain;
    object-position: left
}

[dir=rtl] .site-banner .site-banner__info .site-banner__title--svg {
    object-position: right
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__title--svg {
        max-height: 30px;
        max-width: 100%;
        object-position: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__title--svg {
        max-height: 3.125vw;
        max-width: 430px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__title--svg {
        max-height: 32px;
        max-width: 510px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__title--svg {
        max-height: 42px;
        max-width: 630px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__title--svg {
        max-height: 56px;
        max-width: 740px
    }
}

.site-banner .site-banner__info .site-banner__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: box;
    display: -webkit-box;
    font-size: var(--subtitle-font-size);
    font-weight: 400;
    margin: 0;
    margin-top: var(--subtitle-margin-top);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

.site-banner .site-banner__info .site-banner__subtitle:first-child {
    margin-top: 0
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__energy {
        --group-margin-top: 8px;
        --image-width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 88px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 117px
    }
}

.site-banner .site-banner__info .site-banner__price {
    font-weight: 700;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__price {
        font-size: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__price {
        font-size: max(1.95312vw, 12px);
        margin-top: 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__price {
        font-size: 24px;
        margin-top: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__price {
        font-size: 36px;
        margin-top: 48px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__price {
        font-size: 36px;
        margin-top: 56px
    }
}

.site-banner .site-banner__info .site-banner__price:first-child {
    margin-top: 0
}

.site-banner .site-banner__info .site-banner__price span {
    font-size: 70%;
    font-weight: 700
}

.site-banner .site-banner__info .site-banner__price strong {
    font-weight: 700
}

.site-banner .site-banner__info .site-banner__price del {
    font-size: 70%;
    font-weight: 400;
    opacity: .5
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__price del {
        margin-inline-start: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__price del {
        margin-inline-start: .97656vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__price del {
        margin-inline-start: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__price del {
        margin-inline-start: 18px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__price del {
        margin-inline-start: 18px
    }
}

.site-banner .site-banner__info .site-banner__actions {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: row-reverse;
    margin-top: var(--actions-margin-top)
}

.site-banner .site-banner__info .site-banner__actions.site-banner__actions--margin {
    margin-top: calc(var(--actions-margin-top)*3.5)
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__actions.site-banner__actions--margin {
        margin-top: 20px
    }
}

.site-banner .site-banner__info .site-banner__actions.site-banner__actions--hide {
    display: none
}

.site-banner .site-banner__info .site-banner__actions:first-child {
    margin: 0
}

.site-banner .site-banner__info .site-banner__actions:empty {
    display: none
}

.site-banner .site-banner__info .site-banner__actions .site-banner__link {
    text-decoration: none
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link {
        --btn-padding: 7px 21px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link {
        --btn-padding: .68359vw 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link {
        --btn-padding: 7px 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link {
        --btn-padding: 9px 30px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link {
        --btn-padding: 12px 40px
    }
}

@media screen and (max-width:720px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link:last-child:not(:only-child) {
        margin-inline-end: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link:last-child:not(:only-child) {
        margin-inline-end: 1.5625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link:last-child:not(:only-child) {
        margin-inline-end: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link:last-child:not(:only-child) {
        margin-inline-end: 30px
    }
}

@media screen and (min-width:1921px) {
    .site-banner .site-banner__info .site-banner__actions .site-banner__link:last-child:not(:only-child) {
        margin-inline-end: 40px
    }
}

.site-banner .site-banner__info .site-banner__actions .site-banner__link.mi-btn--link {
    padding: 0
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--right .site-banner__info,
    .site-banner.site-banner--style-1 .site-banner__info {
        text-align: center;
        top: 0;
        transform: translateX(-50%) translateY(0)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--right .site-banner__info,
    .site-banner.site-banner--style-1 .site-banner__info {
        top: 50%;
        transform: translateX(4.6875vw) translateY(-50%)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--right .site-banner__info,
    .site-banner.site-banner--style-1 .site-banner__info {
        top: 50%;
        transform: translateX(110px) translateY(-50%)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--right .site-banner__info,
    .site-banner.site-banner--style-1 .site-banner__info {
        top: 50%;
        transform: translateX(115px) translateY(-50%)
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--right .site-banner__info,
    .site-banner.site-banner--style-1 .site-banner__info {
        top: 50%;
        transform: translateX(115px) translateY(-50%)
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--right .site-banner__energy,
    .site-banner.site-banner--style-1 .site-banner__energy {
        --group-margin-top: 8px;
        --image-width: 44px;
        align-self: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--right .site-banner__energy,
    .site-banner.site-banner--style-1 .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--right .site-banner__energy,
    .site-banner.site-banner--style-1 .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--right .site-banner__energy,
    .site-banner.site-banner--style-1 .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 88px
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--right .site-banner__energy,
    .site-banner.site-banner--style-1 .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 117px
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--right .site-banner__actions,
    .site-banner.site-banner--style-1 .site-banner__actions {
        justify-content: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--right .site-banner__actions,
    .site-banner.site-banner--style-1 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--right .site-banner__actions,
    .site-banner.site-banner--style-1 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--right .site-banner__actions,
    .site-banner.site-banner--style-1 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--right .site-banner__actions,
    .site-banner.site-banner--style-1 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--left .site-banner__info,
    .site-banner.site-banner--style-2 .site-banner__info {
        text-align: center;
        top: 0;
        transform: translateX(-50%) translateY(0)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--left .site-banner__info,
    .site-banner.site-banner--style-2 .site-banner__info {
        top: 50%;
        transform: translateX(-45.89844vw) translateY(-50%)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--left .site-banner__info,
    .site-banner.site-banner--style-2 .site-banner__info {
        top: 50%;
        transform: translateX(-470px) translateY(-50%)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--left .site-banner__info,
    .site-banner.site-banner--style-2 .site-banner__info {
        top: 50%;
        transform: translateX(-635px) translateY(-50%)
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--left .site-banner__info,
    .site-banner.site-banner--style-2 .site-banner__info {
        top: 50%;
        transform: translateX(-805px) translateY(-50%)
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--left .site-banner__energy,
    .site-banner.site-banner--style-2 .site-banner__energy {
        --group-margin-top: 8px;
        --image-width: 44px;
        align-self: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--left .site-banner__energy,
    .site-banner.site-banner--style-2 .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--left .site-banner__energy,
    .site-banner.site-banner--style-2 .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--left .site-banner__energy,
    .site-banner.site-banner--style-2 .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 88px
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--left .site-banner__energy,
    .site-banner.site-banner--style-2 .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 117px
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--left .site-banner__actions,
    .site-banner.site-banner--style-2 .site-banner__actions {
        justify-content: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--left .site-banner__actions,
    .site-banner.site-banner--style-2 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--left .site-banner__actions,
    .site-banner.site-banner--style-2 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--left .site-banner__actions,
    .site-banner.site-banner--style-2 .site-banner__actions {
        justify-content: flex-end
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--left .site-banner__actions,
    .site-banner.site-banner--style-2 .site-banner__actions {
        justify-content: flex-end
    }
}

.site-banner.site-banner--style-3 .site-banner__info,
.site-banner.site-banner--top .site-banner__info {
    text-align: center
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--style-3 .site-banner__info,
    .site-banner.site-banner--top .site-banner__info {
        text-align: center;
        top: 0;
        transform: translate(-50%)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--style-3 .site-banner__info,
    .site-banner.site-banner--top .site-banner__info {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--style-3 .site-banner__info,
    .site-banner.site-banner--top .site-banner__info {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--style-3 .site-banner__info,
    .site-banner.site-banner--top .site-banner__info {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--style-3 .site-banner__info,
    .site-banner.site-banner--top .site-banner__info {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.site-banner.site-banner--style-3 .site-banner__info .site-banner__energy,
.site-banner.site-banner--top .site-banner__info .site-banner__energy {
    align-self: center
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__energy,
    .site-banner.site-banner--top .site-banner__info .site-banner__energy {
        --group-margin-top: 8px;
        --image-width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__energy,
    .site-banner.site-banner--top .site-banner__info .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__energy,
    .site-banner.site-banner--top .site-banner__info .site-banner__energy {
        --group-margin-top: 18px;
        --image-width: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__energy,
    .site-banner.site-banner--top .site-banner__info .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 88px
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__energy,
    .site-banner.site-banner--top .site-banner__info .site-banner__energy {
        --group-margin-top: 24px;
        --image-width: 117px
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__price,
    .site-banner.site-banner--top .site-banner__info .site-banner__price {
        margin-bottom: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__price,
    .site-banner.site-banner--top .site-banner__info .site-banner__price {
        margin-bottom: 2.34375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__price,
    .site-banner.site-banner--top .site-banner__info .site-banner__price {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__price,
    .site-banner.site-banner--top .site-banner__info .site-banner__price {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--style-3 .site-banner__info .site-banner__price,
    .site-banner.site-banner--top .site-banner__info .site-banner__price {
        margin-bottom: 24px
    }
}

.site-banner.site-banner--style-3 .site-banner__actions,
.site-banner.site-banner--top .site-banner__actions {
    justify-content: center
}

.site-banner.site-banner--lead .site-banner__info,
.site-banner.site-banner--tail .site-banner__info {
    left: 50%;
    right: unset;
    text-align: end
}

[dir=rtl] .site-banner.site-banner--lead .site-banner__info,
[dir=rtl] .site-banner.site-banner--tail .site-banner__info {
    left: unset;
    right: 50%
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--lead .site-banner__info,
    .site-banner.site-banner--tail .site-banner__info {
        padding: 16px;
        transform: translateX(calc(var(--cardinal-number)*-50%))
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--lead .site-banner__info,
    .site-banner.site-banner--tail .site-banner__info {
        padding: 20px;
        padding-inline-end: 0;
        transform: translateX(calc(var(--cardinal-number)*96px))
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--lead .site-banner__info,
    .site-banner.site-banner--tail .site-banner__info {
        padding: 24px;
        padding-inline-end: 0;
        transform: translateX(calc(var(--cardinal-number)*110px))
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--lead .site-banner__info,
    .site-banner.site-banner--tail .site-banner__info {
        padding: 36px;
        padding-inline-end: 0;
        transform: translateX(calc(var(--cardinal-number)*115px))
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--lead .site-banner__info,
    .site-banner.site-banner--tail .site-banner__info {
        padding: 36px;
        padding-inline-end: 0;
        transform: translateX(calc(var(--cardinal-number)*150px))
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--lead .site-banner__info,
    .site-banner.site-banner--tail .site-banner__info {
        max-width: 100%
    }
}

.site-banner.site-banner--lead .site-banner__info {
    top: 0
}

.site-banner.site-banner--tail .site-banner__info {
    bottom: 0
}

.site-banner.site-banner--hide .site-banner__info {
    display: none;
    opacity: 0
}

@media screen and (max-width:720px) {
    .site-banner.site-banner--panorama .site-banner__info {
        max-width: 320px;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner.site-banner--panorama .site-banner__info {
        width: 35.15625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner.site-banner--panorama .site-banner__info {
        width: 360px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner.site-banner--panorama .site-banner__info {
        width: 400px
    }
}

@media screen and (min-width:1921px) {
    .site-banner.site-banner--panorama .site-banner__info {
        width: 400px
    }
}

@media screen and (max-width:720px) {
    .site-banner.site-banner--panorama .site-banner__info .site-banner__title {
        --title-font-size: 28px;
        margin-bottom: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner.site-banner--panorama .site-banner__info .site-banner__title {
        --title-font-size: 3.125vw;
        margin-bottom: 1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner.site-banner--panorama .site-banner__info .site-banner__title {
        --title-font-size: 32px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner.site-banner--panorama .site-banner__info .site-banner__title {
        --title-font-size: 48px;
        margin-bottom: 16px
    }
}

@media screen and (min-width:1921px) {
    .site-banner.site-banner--panorama .site-banner__info .site-banner__title {
        --title-font-size: 48px;
        margin-bottom: 24px
    }
}

.site-banner.site-banner--panorama .site-banner__info .site-banner__subtitle,
.site-banner.site-banner--panorama .site-banner__info .site-banner__tips {
    line-height: 1.25;
    margin-top: 0
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--panorama .site-banner__info .site-banner__subtitle,
    .site-banner.site-banner--panorama .site-banner__info .site-banner__tips {
        --subtitle-font-size: 16px;
        margin-bottom: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--panorama .site-banner__info .site-banner__subtitle,
    .site-banner.site-banner--panorama .site-banner__info .site-banner__tips {
        --subtitle-font-size: 1.25vw;
        margin-bottom: 1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--panorama .site-banner__info .site-banner__subtitle,
    .site-banner.site-banner--panorama .site-banner__info .site-banner__tips {
        --subtitle-font-size: 1.25vw;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--panorama .site-banner__info .site-banner__subtitle,
    .site-banner.site-banner--panorama .site-banner__info .site-banner__tips {
        --subtitle-font-size: 1.25vw;
        margin-bottom: 16px
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--panorama .site-banner__info .site-banner__subtitle,
    .site-banner.site-banner--panorama .site-banner__info .site-banner__tips {
        --subtitle-font-size: 24px;
        margin-bottom: 24px
    }
}

.site-banner.site-banner--flex {
    --banner-max-height: initial;
    --banner-height: initial;
    align-items: center;
    cursor: auto;
    display: flex;
    justify-content: center
}

@media screen and (max-width:720px) {
    .site-banner.site-banner--flex {
        --banner-min-height: 410px;
        --info-width: 100%;
        --info-width-narrow: 100%;
        --info-padding-vertical: 100px;
        --title-font-size: 28px;
        --subtitle-font-size: 14px;
        --subtitle-margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner.site-banner--flex {
        --banner-min-height: 354px;
        --info-width: 640px;
        --info-width-narrow: 410px;
        --info-padding-vertical: 100px;
        --title-font-size: 42px;
        --subtitle-font-size: 16px;
        --subtitle-margin-top: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner.site-banner--flex {
        --banner-min-height: 315px;
        --info-width: 675px;
        --info-width-narrow: 350px;
        --info-padding-vertical: 100px;
        --title-font-size: 36px;
        --subtitle-font-size: 14px;
        --subtitle-margin-top: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner.site-banner--flex {
        --banner-min-height: 420px;
        --info-width: 900px;
        --info-width-narrow: 465px;
        --info-padding-vertical: 130px;
        --title-font-size: 48px;
        --subtitle-font-size: 18px;
        --subtitle-margin-top: 18px
    }
}

@media screen and (min-width:1921px) {
    .site-banner.site-banner--flex {
        --banner-min-height: 560px;
        --info-width: 1200px;
        --info-width-narrow: 620px;
        --info-padding-vertical: 175px;
        --title-font-size: 64px;
        --subtitle-font-size: 24px;
        --subtitle-margin-top: 24px
    }
}

.site-banner.site-banner--flex .site-banner__info {
    left: auto;
    padding: var(--info-padding-vertical) 0;
    position: relative;
    top: auto;
    transform: none;
    transform: translateX(initial);
    transform: translateX(var(--info-translate-x, initial))
}

@media screen and (max-width:720px) {
    .site-banner.site-banner--flex .site-banner__info {
        max-width: none;
        padding-inline-end: 30px;
        padding-inline-start: 30px
    }
}

.site-banner.site-banner--flex .site-banner__info .site-banner__subtitle,
.site-banner.site-banner--flex .site-banner__info .site-banner__title {
    display: initial;
    overflow: initial
}

.site-banner.site-banner--flex.site-banner--right,
.site-banner.site-banner--flex.site-banner--style-1 {
    --info-width: var(--info-width-narrow)
}

.site-banner.site-banner--flex.site-banner--right .site-banner__info,
.site-banner.site-banner--flex.site-banner--style-1 .site-banner__info {
    transform: translateX(50%)
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--flex.site-banner--right .site-banner__info,
    .site-banner.site-banner--flex.site-banner--style-1 .site-banner__info {
        transform: translateX(32%)
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--flex.site-banner--right .site-banner__info,
    .site-banner.site-banner--flex.site-banner--style-1 .site-banner__info {
        transform: none
    }
}

.site-banner.site-banner--flex.site-banner--left,
.site-banner.site-banner--flex.site-banner--right,
.site-banner.site-banner--flex.site-banner--style-1,
.site-banner.site-banner--flex.site-banner--style-2 {
    --info-width: var(--info-width-narrow)
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--right,
    .site-banner.site-banner--flex.site-banner--style-1,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: 32%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--right,
    .site-banner.site-banner--flex.site-banner--style-1,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: 50%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--right,
    .site-banner.site-banner--flex.site-banner--style-1,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: 50%
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--right,
    .site-banner.site-banner--flex.site-banner--style-1,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: 50%
    }
}

@media screen and (max-width:720px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--right,
    .site-banner.site-banner--flex.site-banner--style-1,
    .site-banner.site-banner--flex.site-banner--style-2 {
        align-items: flex-start
    }

    .site-banner.site-banner--flex.site-banner--left .site-banner__info,
    .site-banner.site-banner--flex.site-banner--right .site-banner__info,
    .site-banner.site-banner--flex.site-banner--style-1 .site-banner__info,
    .site-banner.site-banner--flex.site-banner--style-2 .site-banner__info {
        --info-padding-vertical: 0;
        margin-bottom: 300px;
        margin-top: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: -32%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: -50%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: -50%
    }
}

@media screen and (min-width:1921px) {

    .site-banner.site-banner--flex.site-banner--left,
    .site-banner.site-banner--flex.site-banner--style-2 {
        --info-translate-x: -50%
    }
}

@media screen and (max-width:720px) {
    .site-banner.site-banner--links {
        --banner-height: 428px;
        --info-width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-banner.site-banner--links {
        --banner-height: 34.57031vw;
        --info-width: 38.28125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-banner.site-banner--links {
        --banner-height: 354px;
        --info-width: 393px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-banner.site-banner--links {
        --banner-height: 474px;
        --info-width: 526px
    }
}

@media screen and (min-width:1921px) {
    .site-banner.site-banner--links {
        --banner-height: 630px;
        --info-width: 688px
    }
}

.site-banner.site-banner--links .site-banner__subtitle {
    -webkit-line-clamp: 3
}

@media screen and (max-width:720px) {
    .store-banner-site .store-banner-left-icon {
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-banner-site .store-banner-left-icon {
        left: 3.64583vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-banner-site .store-banner-left-icon {
        left: 3.64583vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-banner-site .store-banner-left-icon {
        left: 3.64583vw
    }
}

@media screen and (min-width:1921px) {
    .store-banner-site .store-banner-left-icon {
        left: 70px
    }
}

@media screen and (max-width:720px) {
    .store-banner-site .store-banner-right-icon {
        right: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-banner-site .store-banner-right-icon {
        right: 3.64583vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-banner-site .store-banner-right-icon {
        right: 3.64583vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-banner-site .store-banner-right-icon {
        right: 3.64583vw
    }
}

@media screen and (min-width:1921px) {
    .store-banner-site .store-banner-right-icon {
        right: 70px
    }
}

.store-banner-site .store-banner-left-icon,
.store-banner-site .store-banner-right-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

@media screen and (max-width:720px) {

    .store-banner-site .store-banner-left-icon,
    .store-banner-site .store-banner-right-icon {
        display: none;
        font-size: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .store-banner-site .store-banner-left-icon,
    .store-banner-site .store-banner-right-icon {
        font-size: max(2.5vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .store-banner-site .store-banner-left-icon,
    .store-banner-site .store-banner-right-icon {
        font-size: max(2.5vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .store-banner-site .store-banner-left-icon,
    .store-banner-site .store-banner-right-icon {
        font-size: max(2.5vw, 12px)
    }
}

@media screen and (min-width:1921px) {

    .store-banner-site .store-banner-left-icon,
    .store-banner-site .store-banner-right-icon {
        font-size: 48px
    }
}

.store-banner-site .store-banner-left-icon:hover,
.store-banner-site .store-banner-right-icon:hover,
.store-banner-site:hover .store-banner-left-icon,
.store-banner-site:hover .store-banner-right-icon {
    z-index: 1
}

.store-banner-site .swiper-button-disabled {
    color: #d0d0d0
}

.store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets {
    background: #8989894d;
    border-radius: 2px;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

@media screen and (max-width:720px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 4.44444vw;
        width: 24.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 1.25vw;
        width: 21.09375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 1.25vw;
        width: 6.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 1.25vw;
        width: 6.25vw
    }
}

@media screen and (min-width:1921px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 24px;
        width: 120px
    }
}

.store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    cursor: pointer;
    flex: 1 1;
    margin: 0
}

@media screen and (max-width:720px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px
    }
}

@media screen and (min-width:1921px) {
    .store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px
    }
}

.store-banner-site .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #191919
}

.store-banner-site .store-banner-site--dark .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff !important
}

@media screen and (max-width:720px) {
    .store-banner-site .site-banner {
        --banner-height: 428px;
        --info-padding-vertical: 48px;
        --info-width: 100%;
        --title-font-size: 30px;
        --subtitle-font-size: 14px;
        --subtitle-margin-top: 8px;
        --actions-margin-top: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-banner-site .site-banner {
        --banner-height: 34.57031vw;
        --info-padding-vertical: 3.90625vw;
        --info-width: 39.64844vw;
        --title-font-size: 3.51562vw;
        --subtitle-font-size: 1.36719vw;
        --subtitle-margin-top: .58594vw;
        --actions-margin-top: .58594vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-banner-site .site-banner {
        --banner-height: 354px;
        --info-padding-vertical: 48px;
        --info-width: 406px;
        --title-font-size: 36px;
        --subtitle-font-size: 18px;
        --subtitle-margin-top: 9px;
        --actions-margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-banner-site .site-banner {
        --banner-height: 474px;
        --info-padding-vertical: 60px;
        --info-width: 540px;
        --title-font-size: 48px;
        --subtitle-font-size: 24px;
        --subtitle-margin-top: 12px;
        --actions-margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .store-banner-site .site-banner {
        --banner-height: 630px;
        --info-padding-vertical: 72px;
        --info-width: 720px;
        --title-font-size: 64px;
        --subtitle-font-size: 32px;
        --subtitle-margin-top: 16px;
        --actions-margin-top: 16px
    }
}

.new-product-title {
    box-sizing: border-box;
    display: block;
    width: 100%
}

.new-product-title__container {
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:720px) {
    .new-product-title__container {
        align-items: start;
        margin-bottom: 12px;
        margin-inline-end: 20px;
        margin-inline-start: 16px;
        margin-top: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container {
        align-items: center;
        margin-bottom: 3.125vw;
        margin-top: 40px;
        width: 75vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container {
        align-items: center;
        margin-bottom: 32px;
        margin-top: 18px;
        width: 768px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container {
        align-items: center;
        margin-bottom: 48px;
        margin-top: 24px;
        width: 768px
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container {
        align-items: center;
        margin-bottom: 64px;
        margin-top: 32px;
        width: 768px
    }
}

.new-product-title__container .new-product-title__title {
    color: #191919;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

@media screen and (max-width:720px) {
    .new-product-title__container .new-product-title__title {
        font-size: 22px;
        margin-inline-end: 50px;
        text-align: start
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container .new-product-title__title {
        font-size: max(3.125vw, 12px);
        text-align: center
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container .new-product-title__title {
        font-size: 32px;
        text-align: center
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container .new-product-title__title {
        font-size: 36px;
        text-align: center
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container .new-product-title__title {
        font-size: 48px;
        text-align: center
    }
}

.new-product-title__container .new-product-title__subtitle {
    color: #000
}

@media screen and (max-width:720px) {
    .new-product-title__container .new-product-title__subtitle {
        font-size: 16px;
        margin-inline-end: 50px;
        margin-top: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container .new-product-title__subtitle {
        font-size: max(1.5625vw, 12px);
        margin-top: .78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container .new-product-title__subtitle {
        font-size: 16px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container .new-product-title__subtitle {
        font-size: 18px;
        margin-top: 8px
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container .new-product-title__subtitle {
        font-size: 24px;
        margin-top: 10px
    }
}

.new-product-title__container .new-product-title__button {
    outline: none;
    transition-duration: .2s;
    transition-timing-function: ease
}

@media screen and (max-width:720px) {
    .new-product-title__container .new-product-title__button {
        margin-top: 0;
        padding: 0;
        position: absolute;
        top: 0;
        transition-property: color
    }

    [dir=ltr] .new-product-title__container .new-product-title__button {
        right: 0
    }

    [dir=rtl] .new-product-title__container .new-product-title__button {
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container .new-product-title__button {
        margin-top: 1.5625vw;
        min-width: 11.71875vw;
        transition-property: background-color
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container .new-product-title__button {
        margin-top: 16px;
        min-width: 110px;
        transition-property: background-color
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container .new-product-title__button {
        margin-top: 30px;
        min-width: 150px;
        transition-property: background-color
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container .new-product-title__button {
        margin-top: 40px;
        min-width: 200px;
        transition-property: background-color
    }
}

@media screen and (max-width:720px) {
    .new-product-title__container .new-product-title__button i {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container .new-product-title__button i {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container .new-product-title__button i {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container .new-product-title__button i {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container .new-product-title__button i {
        display: none
    }
}

@media screen and (max-width:720px) {
    .new-product-title__container .new-product-title__button span {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container .new-product-title__button span {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container .new-product-title__button span {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container .new-product-title__button span {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container .new-product-title__button span {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .new-product-title__container .new-product-title__button.new-product-title__button--gray {
        --btn-background-color: #0000;
        color: #d0d0d0;
        color: var(--brand-grey-40)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-product-title__container .new-product-title__button.new-product-title__button--gray {
        --btn-background-color: var(--brand-grey-40)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-product-title__container .new-product-title__button.new-product-title__button--gray {
        --btn-background-color: var(--brand-grey-40)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-product-title__container .new-product-title__button.new-product-title__button--gray {
        --btn-background-color: var(--brand-grey-40)
    }
}

@media screen and (min-width:1921px) {
    .new-product-title__container .new-product-title__button.new-product-title__button--gray {
        --btn-background-color: var(--brand-grey-40)
    }
}

.mi-h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height)
}

.mi-h1,
.mi-h2 {
    color: #191919;
    color: var(--text-base);
    font-weight: 700
}

.mi-h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height)
}

.mi-h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height)
}

.mi-h3,
.mi-p1 {
    color: #191919;
    color: var(--text-base)
}

.mi-p1 {
    font-size: var(--p1-font-size);
    line-height: var(--p1-line-height)
}

.mi-p2 {
    font-size: var(--p2-font-size);
    line-height: var(--p2-line-height)
}

.mi-p2,
.mi-p3 {
    color: #191919;
    color: var(--text-base)
}

.mi-p3 {
    font-size: var(--p3-font-size);
    line-height: var(--p3-line-height)
}

.mi-text {
    color: #191919;
    color: var(--text-base);
    font-size: var(--text-font-size);
    font-weight: 400
}

.mi-text.mi-text--muted {
    color: #898989;
    color: var(--text-secondary)
}

.mi-no-margin {
    margin: 0
}

.rich-text__body .site-rich-text__content {
    --text-line-height: 1.5;
    font-size: var(--text-font-size);
    line-height: 1.2;
    margin: 0 auto;
    max-width: var(max-width);
    padding: var(--editor-vertical-padding) var(--site-horizontal-padding)
}

@media screen and (max-width:720px) {
    .rich-text__body .site-rich-text__content {
        --editor-vertical-padding: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .rich-text__body .site-rich-text__content {
        --editor-vertical-padding: 64px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .rich-text__body .site-rich-text__content {
        --editor-vertical-padding: 80px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .rich-text__body .site-rich-text__content {
        --editor-vertical-padding: 80px
    }
}

@media screen and (min-width:1921px) {
    .rich-text__body .site-rich-text__content {
        --editor-vertical-padding: 80px
    }
}

.rich-text__body .site-rich-text__content strong {
    font-weight: 700
}

.rich-text__body .site-rich-text__content p {
    color: #191919;
    color: var(--text-base);
    font-size: var(--text-font-size);
    font-weight: 400;
    line-height: var(--text-line-height)
}

.rich-text__body .site-rich-text__content p.mi-text--muted {
    color: #898989;
    color: var(--text-secondary)
}

.rich-text__body .site-rich-text__content a {
    cursor: pointer;
    text-decoration: underline
}

.rich-text__body .site-rich-text__content a:hover {
    color: #ff6900;
    text-decoration: underline
}

.rich-text__body .site-rich-text__content blockquote {
    border-left: 2px solid #ddd;
    margin-left: 20px;
    padding-left: 10px
}

.rich-text__body .site-rich-text__content ul li {
    display: list-item;
    list-style-type: disc;
    text-align: -webkit-match-parent
}

.rich-text__body .site-rich-text__content ol li {
    display: list-item;
    list-style-type: decimal;
    text-align: -webkit-match-parent
}

.rich-text__body .site-rich-text__content ol,
.rich-text__body .site-rich-text__content ul {
    margin: 0;
    padding: 0 15px
}

@media screen and (max-width:720px) {

    .rich-text__body .site-rich-text__content ol li::marker,
    .rich-text__body .site-rich-text__content ul li::marker {
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .rich-text__body .site-rich-text__content ol li::marker,
    .rich-text__body .site-rich-text__content ul li::marker {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .rich-text__body .site-rich-text__content ol li::marker,
    .rich-text__body .site-rich-text__content ul li::marker {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .rich-text__body .site-rich-text__content ol li::marker,
    .rich-text__body .site-rich-text__content ul li::marker {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {

    .rich-text__body .site-rich-text__content ol li::marker,
    .rich-text__body .site-rich-text__content ul li::marker {
        font-size: 18px
    }
}

.rich-text__body .site-rich-text__content>iframe,
.rich-text__body .site-rich-text__content>img,
.rich-text__body .site-rich-text__content>video {
    display: block;
    margin: 40px auto;
    width: 100%
}

.rich-text__body .site-rich-text__content iframe,
.rich-text__body .site-rich-text__content img,
.rich-text__body .site-rich-text__content video {
    height: auto;
    margin: 40px auto;
    max-width: 100%
}

.rich-text__body .site-rich-text__content h1,
.rich-text__body .site-rich-text__content h1 span,
.rich-text__body .site-rich-text__content h1 strong {
    font-weight: 700
}

@media screen and (max-width:720px) {

    .rich-text__body .site-rich-text__content h1,
    .rich-text__body .site-rich-text__content h1 span,
    .rich-text__body .site-rich-text__content h1 strong {
        font-size: 30px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .rich-text__body .site-rich-text__content h1,
    .rich-text__body .site-rich-text__content h1 span,
    .rich-text__body .site-rich-text__content h1 strong {
        font-size: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .rich-text__body .site-rich-text__content h1,
    .rich-text__body .site-rich-text__content h1 span,
    .rich-text__body .site-rich-text__content h1 strong {
        font-size: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .rich-text__body .site-rich-text__content h1,
    .rich-text__body .site-rich-text__content h1 span,
    .rich-text__body .site-rich-text__content h1 strong {
        font-size: 64px
    }
}

@media screen and (min-width:1921px) {

    .rich-text__body .site-rich-text__content h1,
    .rich-text__body .site-rich-text__content h1 span,
    .rich-text__body .site-rich-text__content h1 strong {
        font-size: 64px
    }
}

.rich-text__body .site-rich-text__content h2,
.rich-text__body .site-rich-text__content h2 span,
.rich-text__body .site-rich-text__content h2 strong {
    color: #191919;
    color: var(--text-base);
    font-size: var(--h2-font-size);
    font-weight: 700;
    line-height: var(--h2-line-height);
    margin-bottom: 40px
}

.rich-text__body .site-rich-text__content h3,
.rich-text__body .site-rich-text__content h3 span,
.rich-text__body .site-rich-text__content h3 strong {
    color: #191919;
    color: var(--text-base);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    margin-bottom: 16px;
    margin-top: 40px
}

.rich-text__body .site-rich-text__content h4,
.rich-text__body .site-rich-text__content h4 span {
    color: #191919;
    color: var(--text-base);
    font-size: var(--text-font-size);
    font-weight: 400;
    font-weight: 700;
    line-height: var(--text-line-height)
}

.rich-text__body .site-rich-text__content h4 span.mi-text--muted,
.rich-text__body .site-rich-text__content h4.mi-text--muted {
    color: #898989;
    color: var(--text-secondary)
}

.rich-text__body .site-rich-text__content .text-style {
    color: #191919;
    color: var(--text-base);
    font-size: var(--text-font-size);
    font-weight: 400;
    line-height: var(--text-line-height)
}

.rich-text__body .site-rich-text__content .text-style.mi-text--muted {
    color: #898989;
    color: var(--text-secondary)
}

.rich-text__body .site-rich-text__content .note-style {
    color: #898989;
    color: var(--text-secondary);
    font-size: var(--note-font-size);
    font-weight: 400;
    line-height: var(--text-line-height)
}

.rich-text__body .site-rich-text__content .table-responsive {
    overflow-x: auto
}

.rich-text__body .site-rich-text__content table {
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    table-layout: fixed
}

.rich-text__body .site-rich-text__content td,
.rich-text__body .site-rich-text__content th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
    text-align: inherit
}

.rich-text__body .site-rich-text__content .table-border-less {
    border-left: none;
    border-top: none
}

.rich-text__body .site-rich-text__content .table-border-less td,
.rich-text__body .site-rich-text__content .table-border-less th {
    border-bottom: none;
    border-right: none
}

.rich-text__body .site-rich-text__content .table-border-less table {
    border-left: none;
    border-top: none
}

.rich-text__body .site-rich-text__content .table-border-less table td,
.rich-text__body .site-rich-text__content .table-border-less table th {
    border-bottom: none;
    border-right: none
}

.rich-text__body .site-rich-text__content .iframe-wrapper {
    height: 660px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 800px
}

.rich-text__body .site-rich-text__content .iframe-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.site-grid--support-small .site-rich-text__content {
    padding: 0
}

.rich-text__body {
    background-color: #fff;
    max-width: 100%;
    width: 100%
}

.rich-text__body .site-rich-text__content {
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    height: auto;
    width: 100%
}

.rich-text__body .site-rich-text__content .ant-upload-drag-container {
    height: 50px
}

.rich-text__body .site-rich-text__content .ant-upload.ant-upload-drag .ant-upload {
    padding: 0 !important
}

@media screen and (max-width:720px) {
    .tab-with-rich-text {
        --tab-item-width: 94px;
        --rich-text-margin-top: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tab-with-rich-text {
        --tab-item-width: 160px;
        --rich-text-margin-top: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tab-with-rich-text {
        --tab-item-width: 135px;
        --rich-text-margin-top: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tab-with-rich-text {
        --tab-item-width: 180px;
        --rich-text-margin-top: 36px
    }
}

@media screen and (min-width:1921px) {
    .tab-with-rich-text {
        --tab-item-width: 240px;
        --rich-text-margin-top: 48px
    }
}

.tab-with-rich-text .site-rich-text__content {
    max-width: unset;
    padding: 0
}

.support-block {
    background-color: #fff;
    background-color: var(--background-white);
    box-sizing: border-box
}

@media screen and (max-width:720px) {
    .support-block {
        --title-max-width: 330px;
        --title-margin-bottom: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-block {
        --title-max-width: 600px;
        --title-margin-bottom: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-block {
        --title-max-width: 760px;
        --title-margin-bottom: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-block {
        --title-max-width: 1000px;
        --title-margin-bottom: 48px
    }
}

@media screen and (min-width:1921px) {
    .support-block {
        --title-max-width: 1000px;
        --title-margin-bottom: 64px
    }
}

.support-block .support-block__content {
    box-sizing: border-box;
    margin: 0 auto
}

.support-block .support-block__title {
    -webkit-hyphens: none;
    hyphens: none;
    margin: 0 auto var(--title-margin-bottom);
    max-width: var(--title-max-width);
    text-align: center
}

@media screen and (max-width:720px) {
    .tab-with-content {
        --tab-item-margin-horizontal: 12px;
        --tab-scrollbar-handle-size: 3px;
        --tab-font-size: 12px;
        --tab-separator-height: 14px;
        --tab-pane-margin-top: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tab-with-content {
        --tab-item-margin-horizontal: 42px;
        --tab-scrollbar-handle-size: 3px;
        --tab-font-size: 18px;
        --tab-separator-height: 10px;
        --tab-pane-margin-top: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tab-with-content {
        --tab-item-margin-horizontal: 36px;
        --tab-scrollbar-handle-size: 5px;
        --tab-font-size: 16px;
        --tab-separator-height: 10px;
        --tab-pane-margin-top: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tab-with-content {
        --tab-item-margin-horizontal: 48px;
        --tab-scrollbar-handle-size: 5px;
        --tab-font-size: 22px;
        --tab-separator-height: 12px;
        --tab-pane-margin-top: 26px
    }
}

@media screen and (min-width:1921px) {
    .tab-with-content {
        --tab-item-margin-horizontal: 64px;
        --tab-scrollbar-handle-size: 5px;
        --tab-font-size: 28px;
        --tab-separator-height: 16px;
        --tab-pane-margin-top: 38px
    }
}

.tab-with-content .tab-with-content__tab {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: var(--tab-margin-top) auto 0
}

.tab-with-content .mi-tabs__header {
    align-self: center;
    box-sizing: border-box;
    color: #898989;
    color: var(--text-secondary);
    font-size: var(--tab-font-size);
    font-weight: 700;
    max-width: 90%;
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-color: #d0d0d0 #fff;
    scrollbar-width: thin
}

.tab-with-content .mi-tabs__header::-webkit-scrollbar {
    height: var(--tab-scrollbar-handle-size)
}

.tab-with-content .mi-tabs__header::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    border-radius: 4px
}

.tab-with-content .mi-tabs__header .mi-tabs__item {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin: 0 var(--tab-item-margin-horizontal);
    max-width: var(--tab-item-width);
    padding: 0;
    text-align: center
}

.tab-with-content .mi-tabs__header .mi-tabs__item.mi-tabs--active {
    color: #191919;
    color: var(--text-base)
}

.tab-with-content .mi-tabs__header .mi-tabs__item:first-child {
    margin-inline-start: 0
}

.tab-with-content .mi-tabs__header .mi-tabs__item:last-child {
    margin-inline-end: 0
}

.tab-with-content .mi-tabs__header .mi-tabs__item:after {
    border-right: 1px solid #d0d0d0;
    content: "";
    height: var(--tab-separator-height);
    left: var(--tab-item-margin-horizontal);
    position: relative;
    width: 1px
}

.tab-with-content .mi-tabs__header .mi-tabs__item:last-child:after {
    display: none
}

.tab-with-content .mi-tabs-pane {
    margin-top: var(--tab-pane-margin-top)
}

.tab-with-table {
    --grid-item-border: 1px solid #eee
}

@media screen and (max-width:720px) {
    .tab-with-table {
        --grid-column-count: 2;
        --grid-item-min-height: 34px;
        --grid-item-padding-vertical: 10px;
        --grid-item-padding-horizontal: 16px;
        --grid-item-font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tab-with-table {
        --grid-column-count: 4;
        --grid-item-min-height: 52px;
        --grid-item-padding-vertical: 14px;
        --grid-item-padding-horizontal: 24px;
        --grid-item-font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tab-with-table {
        --grid-column-count: 4;
        --grid-item-min-height: 45px;
        --grid-item-padding-vertical: 14px;
        --grid-item-padding-horizontal: 18px;
        --grid-item-font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tab-with-table {
        --grid-column-count: 4;
        --grid-item-min-height: 60px;
        --grid-item-padding-vertical: 18px;
        --grid-item-padding-horizontal: 24px;
        --grid-item-font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .tab-with-table {
        --grid-column-count: 4;
        --grid-item-min-height: 80px;
        --grid-item-padding-vertical: 24px;
        --grid-item-padding-horizontal: 32px;
        --grid-item-font-size: 24px
    }
}

.tab-with-table .table__grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-column-count), 1fr)
}

.tab-with-table .table__item {
    align-items: center;
    border-bottom: var(--grid-item-border);
    border-inline-end: var(--grid-item-border);
    box-sizing: border-box;
    display: flex;
    min-height: var(--grid-item-min-height);
    padding: var(--grid-item-padding-vertical) var(--grid-item-padding-horizontal);
    text-decoration: underline
}

.tab-with-table .table__item:nth-child(4n+1) {
    border-inline-start: var(--grid-item-border)
}

.tab-with-table .table__item:nth-child(-n+4) {
    border-top: var(--grid-item-border)
}

@media screen and (max-width:720px) {
    .tab-with-table .table__item:nth-child(odd) {
        border-inline-start: var(--grid-item-border)
    }

    .tab-with-table .table__item:nth-child(-n+4) {
        border-top: none
    }

    .tab-with-table .table__item:nth-child(-n+2) {
        border-top: var(--grid-item-border)
    }
}

.tab-with-table .table__link {
    font-size: var(--grid-item-font-size);
    line-height: 1.4
}

.tab-with-table .table__link:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.accordion-block .mi-accordion {
    --body-padding-left: 0;
    padding: 0
}

@media screen and (max-width:720px) {
    .accordion-block .mi-accordion {
        --default-outline-vertical: 8px;
        --default-font-size: 12px;
        --text-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .accordion-block .mi-accordion {
        --default-outline-vertical: 16px;
        --default-font-size: 18px;
        --text-font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .accordion-block .mi-accordion {
        --default-outline-vertical: 16px;
        --default-font-size: 16px;
        --text-font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .accordion-block .mi-accordion {
        --default-outline-vertical: 22px;
        --default-font-size: 22px;
        --text-font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .accordion-block .mi-accordion {
        --default-outline-vertical: 32px;
        --default-font-size: 28px;
        --text-font-size: 24px
    }
}

.accordion-block .mi-accordion .group__header:hover {
    cursor: pointer
}

.accordion-block .mi-accordion .accordion__divider:last-child {
    margin-bottom: 0
}

.accordion-block .rich-text__body {
    margin-bottom: 8px
}

@media screen and (max-width:720px) {
    .accordion-block .rich-text__body {
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .accordion-block .rich-text__body {
        margin-top: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .accordion-block .rich-text__body {
        margin-top: 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .accordion-block .rich-text__body {
        margin-top: 16px
    }
}

@media screen and (min-width:1921px) {
    .accordion-block .rich-text__body {
        margin-top: 24px
    }
}

.accordion-block .site-rich-text__content {
    padding: 0
}

.search-block .support-search-control {
    margin: 0 auto
}

.support-search-control {
    position: relative
}

@media screen and (max-width:720px) {
    .support-search-control {
        margin-top: 4.44444vw;
        width: 83.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-search-control {
        margin-top: 1.5625vw;
        width: 40.78125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-search-control {
        margin-top: 1.5625vw;
        width: 40.78125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-search-control {
        margin-top: 1.5625vw;
        width: 40.78125vw
    }
}

@media screen and (min-width:1921px) {
    .support-search-control {
        margin-top: 1.5625vw;
        width: 40.78125vw
    }
}

.support-search-control .support-search-modal {
    background-color: #fff;
    background-color: var(--background-white);
    border: 1px solid #f3f3f3;
    box-shadow: 0 5px 12px 0 #1919191a;
    position: absolute;
    width: 100%;
    z-index: 6
}

@media screen and (max-width:720px) {
    .support-search-control .support-search-modal {
        top: calc(100% + 8px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-search-control .support-search-modal {
        top: calc(100% + 8px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-search-control .support-search-modal {
        top: calc(100% + 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-search-control .support-search-modal {
        top: calc(100% + 15px)
    }
}

@media screen and (min-width:1921px) {
    .support-search-control .support-search-modal {
        top: calc(100% + 12px)
    }
}

@media screen and (max-width:720px) {
    .support-search-control .support-search-modal .search-suggest {
        width: 100%
    }

    .support-search-control .support-search-modal .search-suggest--list .search-suggest--item {
        height: 8.33333vw;
        padding-left: 4.44444vw
    }
}

.support-search-control .support-search-modal .search-suggest--list .search-suggest--item>span {
    width: 85%
}

@media screen and (max-width:720px) {
    .support-search-control .support-search-modal .search-suggest--list .search-suggest--item.active {
        background-color: unset
    }

    .support-search-control .support-search-modal .search-suggest--list .search-suggest--item.active>span {
        color: #898989;
        color: var(--brand-grey);
        font-weight: 400
    }

    .support-search-control div.search-input.mi-input.mi-input--text {
        color: #191919;
        color: var(--brand-black);
        font-size: 3.33333vw
    }
}

.service-product .service-product__title {
    text-align: center
}

@media screen and (max-width:720px) {
    .service-product .service-product__title {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 27px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 42px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product__title {
        font-size: 27px;
        line-height: 33px;
        margin-bottom: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product__title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 48px
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product__title {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 42px
    }
}

.service-product .service-product-info {
    background-color: #fff;
    background-color: var(--background-white);
    box-shadow: 0 1px 4px 0 #0000000d;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:720px) {
    .service-product .service-product-info {
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .service-product .service-product-info .service-product-info__title {
        font-size: 21px;
        line-height: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product-info .service-product-info__title {
        font-size: 32px;
        line-height: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product-info .service-product-info__title {
        font-size: 27px;
        line-height: 33px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product-info .service-product-info__title {
        font-size: 36px;
        line-height: 44px
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product-info .service-product-info__title {
        font-size: 48px;
        line-height: 58px
    }
}

.service-product .service-product-info .service-product-info__picture {
    flex: 1 1;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:720px) {
    .service-product .service-product-info .service-product-info__picture {
        height: auto
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product-info .service-product-info__picture {
        height: 100%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product-info .service-product-info__picture {
        height: 100%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product-info .service-product-info__picture {
        height: 100%
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product-info .service-product-info__picture {
        height: 100%
    }
}

@media screen and (max-width:720px) {
    .service-product .service-product-info .service-product-info__picture {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        width: 100%
    }
}

.service-product .service-product-info .service-product-info__right {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: space-around
}

@media screen and (max-width:720px) {
    .service-product .service-product-info .service-product-info__right {
        padding: 16px 16px 27px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product-info .service-product-info__right {
        padding: 0 64px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product-info .service-product-info__right {
        padding: 0 70px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product-info .service-product-info__right {
        padding: 0 93px
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product-info .service-product-info__right {
        padding: 0 125px
    }
}

@media screen and (max-width:720px) {
    .service-product .service-product-info .service-product-info__subtitle {
        line-height: 14px;
        margin-bottom: 27px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product-info .service-product-info__subtitle {
        line-height: 18px;
        margin-bottom: auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product-info .service-product-info__subtitle {
        line-height: 18px;
        margin-bottom: auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product-info .service-product-info__subtitle {
        line-height: 22px;
        margin-bottom: auto
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product-info .service-product-info__subtitle {
        line-height: 29px;
        margin-bottom: auto
    }
}

@media screen and (max-width:720px) {
    .service-product .service-product-info .service-product-info__btn {
        display: block;
        text-align: center
    }

    .service-product .service-product-info .service-product-info__related {
        margin: 16px 6px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product-info .service-product-info__related {
        margin: 18px 8px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product-info .service-product-info__related {
        margin: 14px 12px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product-info .service-product-info__related {
        margin: 18px 16px 0
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product-info .service-product-info__related {
        margin: 25px 20px 0
    }
}

.service-product .service-product-info .service-product-info__link {
    color: #898989;
    color: var(--text-secondary);
    font-size: var(--note-font-size);
    font-weight: 400
}

.service-product .service-product-info .service-product-info__link:after {
    background-color: #d0d0d0;
    background-color: var(--brand-grey-40);
    content: "";
    width: 1px
}

@media screen and (max-width:720px) {
    .service-product .service-product-info .service-product-info__link:after {
        height: 12px;
        margin: 0 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product-info .service-product-info__link:after {
        height: 12px;
        margin: 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product-info .service-product-info__link:after {
        height: 9px;
        margin: 0 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product-info .service-product-info__link:after {
        height: 12px;
        margin: 0 18px
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product-info .service-product-info__link:after {
        height: 16px;
        margin: 0 24px
    }
}

.service-product .service-product-info .service-product-info__link:last-child:after {
    margin: 0;
    width: 0
}

.service-product .service-product__tip {
    color: #898989;
    color: var(--text-secondary);
    text-align: center
}

@media screen and (max-width:720px) {
    .service-product .service-product__tip {
        font-size: 12px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-product .service-product__tip {
        font-size: 16px;
        margin-top: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-product .service-product__tip {
        font-size: 12px;
        margin-top: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-product .service-product__tip {
        font-size: 15px;
        margin-top: 36px
    }
}

@media screen and (min-width:1921px) {
    .service-product .service-product__tip {
        font-size: 16px;
        margin-top: 32px
    }
}

.support-small-btn {
    background-color: #f7f7f7;
    background-color: var(--background-base);
    box-sizing: border-box;
    width: 100%
}

.support-small-btn__title {
    color: #191919;
    color: var(--text-base);
    font-weight: 700;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width:720px) {
    .support-small-btn__title {
        font-size: 19px;
        margin-bottom: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-small-btn__title {
        font-size: 34px;
        margin-bottom: 46px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-small-btn__title {
        font-size: 42px;
        margin-bottom: 55px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-small-btn__title {
        font-size: 42px;
        margin-bottom: 55px
    }
}

@media screen and (min-width:1921px) {
    .support-small-btn__title {
        font-size: 48px;
        margin-bottom: 64px
    }
}

.support-small-btn__link {
    color: #191919;
    color: var(--text-base);
    display: flex
}

@media screen and (max-width:720px) {
    .support-small-btn__link {
        gap: 4.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-small-btn__link {
        gap: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-small-btn__link {
        gap: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-small-btn__link {
        gap: 28px
    }
}

@media screen and (min-width:1921px) {
    .support-small-btn__link {
        gap: 32px
    }
}

.support-small-btn__link .support-small-btn__item {
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.support-small-btn__link .support-small-btn__item .support-small-btn__image:before {
    display: block;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__image:before {
        font-size: 27px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__image:before {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__image:before {
        font-size: 23px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__image:before {
        font-size: 30px
    }
}

@media screen and (min-width:1921px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__image:before {
        font-size: 40px
    }
}

.support-small-btn__link .support-small-btn__item .support-small-btn__button {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-decoration: none
}

.support-small-btn__link .support-small-btn__item .support-small-btn__button:not(a) {
    cursor: default
}

.support-small-btn__link .support-small-btn__item .support-small-btn__button[href]:hover {
    color: #ff6900;
    color: var(--text-primary)
}

@media screen and (max-width:720px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__button {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__button {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__button {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__button {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .support-small-btn__link .support-small-btn__item .support-small-btn__button {
        font-size: 24px
    }
}

.support-button .support-button__wrapper {
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    color: var(--text-base);
    display: flex;
    justify-content: space-between;
    width: 100%
}

.support-button .support-button__wrapper .support-button__info {
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center
}

.support-button .support-button__wrapper .support-button__info .support-button__title {
    align-items: center;
    display: flex;
    font-weight: 700
}

.support-button .support-button__wrapper .support-button__info .support-button__title .support-button__link {
    --btn-ellipsis-lines: 3;
    line-height: 1.3;
    text-align: left
}

.support-button .support-button__wrapper .support-button__info .support-button__title .micon {
    transform: rotate(0)
}

[dir=rtl] .support-button .support-button__wrapper .support-button__info .support-button__title .micon {
    transform: rotate(180deg)
}

@media screen and (max-width:720px) {
    .support-button .support-button__wrapper .support-button__info .support-button__title .micon {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button .support-button__wrapper .support-button__info .support-button__title .micon {
        display: block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button .support-button__wrapper .support-button__info .support-button__title .micon {
        display: block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button .support-button__wrapper .support-button__info .support-button__title .micon {
        display: block
    }
}

@media screen and (min-width:1921px) {
    .support-button .support-button__wrapper .support-button__info .support-button__title .micon {
        display: block
    }
}

.support-button .support-button__wrapper .support-button__info .support-button__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    width: 100%;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-button .support-button__wrapper .support-button__info .support-button__subtitle {
        color: #191919;
        color: var(--text-base)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button .support-button__wrapper .support-button__info .support-button__subtitle {
        color: #898989
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button .support-button__wrapper .support-button__info .support-button__subtitle {
        color: #898989
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button .support-button__wrapper .support-button__info .support-button__subtitle {
        color: #898989
    }
}

@media screen and (min-width:1921px) {
    .support-button .support-button__wrapper .support-button__info .support-button__subtitle {
        color: #898989
    }
}

.support-button.support-button--full .support-button__wrapper {
    overflow: hidden;
    position: relative
}

@media screen and (max-width:720px) {
    .support-button.support-button--full .support-button__wrapper {
        height: auto
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--full .support-button__wrapper {
        height: 150px;
        padding-inline-end: 133px;
        padding-inline-start: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--full .support-button__wrapper {
        height: 150px;
        padding-inline-end: 133px;
        padding-inline-start: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--full .support-button__wrapper {
        height: 199px;
        padding-inline-end: 177px;
        padding-inline-start: 80px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--full .support-button__wrapper {
        height: 266px;
        padding-inline-end: 238px;
        padding-inline-start: 106px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--full .support-button__wrapper {
        padding: 16px
    }
}

.support-button.support-button--full .support-button__wrapper .support-button__info {
    z-index: 2
}

.support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title {
    align-items: center;
    display: flex;
    font-weight: 700;
    position: relative
}

@media screen and (max-width:720px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 36px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px;
        margin-inline-start: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px;
        margin-inline-start: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 17px;
        margin-inline-start: 11px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 22px;
        margin-inline-start: 14px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 14px;
        margin-top: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 14px;
        margin-top: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 18px;
        margin-top: 6px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--full .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 24px;
        margin-top: 8px
    }
}

.support-button.support-button--full .support-button__wrapper .support-button__image {
    background-size: cover;
    object-fit: cover
}

@media screen and (max-width:720px) {
    .support-button.support-button--full .support-button__wrapper .support-button__image {
        height: 67px;
        width: 67px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--full .support-button__wrapper .support-button__image {
        height: 203px;
        width: 203px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--full .support-button__wrapper .support-button__image {
        height: 203px;
        width: 203px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--full .support-button__wrapper .support-button__image {
        height: 270px;
        width: 270px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--full .support-button__wrapper .support-button__image {
        height: 360px;
        width: 360px
    }
}

.support-button.support-button--half .support-button__wrapper {
    align-items: center;
    background: #fff;
    color: #191919;
    color: var(--text-base);
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper {
        height: auto
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--half .support-button__wrapper {
        height: 150px;
        padding-inline-end: 30px;
        padding-inline-start: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--half .support-button__wrapper {
        height: 150px;
        padding-inline-end: 30px;
        padding-inline-start: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--half .support-button__wrapper {
        height: 199px;
        padding-inline-end: 53px;
        padding-inline-start: 80px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--half .support-button__wrapper {
        height: 266px;
        padding-inline-end: 70px;
        padding-inline-start: 106px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper {
        padding: 16px
    }
}

.support-button.support-button--half .support-button__wrapper .support-button__info {
    z-index: 2
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info {
        max-width: 220px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info {
        max-width: 250px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info {
        max-width: 250px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info {
        max-width: 345px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info {
        max-width: 460px
    }
}

.support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title {
    align-items: center;
    display: flex;
    font-weight: 700;
    position: relative
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 36px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px;
        margin-inline-start: 7px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px;
        margin-inline-start: 7px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 17px;
        margin-inline-start: 11px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 22px;
        margin-inline-start: 13px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 14px;
        margin-top: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 14px;
        margin-top: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 18px;
        margin-top: 6px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--half .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 24px;
        margin-top: 8px
    }
}

.support-button.support-button--half .support-button__wrapper .support-button__image {
    object-fit: cover
}

@media screen and (max-width:720px) {
    .support-button.support-button--half .support-button__wrapper .support-button__image {
        height: 68px;
        width: 68px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--half .support-button__wrapper .support-button__image {
        height: 91px;
        width: 91px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--half .support-button__wrapper .support-button__image {
        height: 90px;
        width: 90px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--half .support-button__wrapper .support-button__image {
        height: 120px;
        width: 120px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--half .support-button__wrapper .support-button__image {
        height: 160px;
        width: 160px
    }
}

.support-button.support-button--quarter .support-button__wrapper {
    align-items: center;
    background: #fff;
    color: #191919;
    color: var(--text-base);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between
}

@media screen and (max-width:720px) {
    .support-button.support-button--quarter .support-button__wrapper {
        height: 143px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--quarter .support-button__wrapper {
        height: 199px;
        padding: 26px 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--quarter .support-button__wrapper {
        height: 199px;
        padding: 26px 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--quarter .support-button__wrapper {
        height: 265px;
        padding: 36px 26px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--quarter .support-button__wrapper {
        height: 354px;
        padding: 48px 34px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--quarter .support-button__wrapper {
        padding: 16px 13px
    }
}

.support-button.support-button--quarter .support-button__wrapper .support-button__info {
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 100%
}

.support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title {
    justify-content: center;
    position: relative
}

@media screen and (max-width:720px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 21px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .support-button__link {
        font-size: 28px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 11px;
        margin-inline-start: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 11px;
        margin-inline-start: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 15px;
        margin-inline-start: 5px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__title .micon {
        font-size: 20px;
        margin-inline-start: 7px
    }
}

@media screen and (max-width:720px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 12px;
        margin-top: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 14px;
        margin-top: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 14px;
        margin-top: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 18px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__info .support-button__subtitle {
        font-size: 24px;
        margin-top: 16px
    }
}

.support-button.support-button--quarter .support-button__wrapper .support-button__image {
    object-fit: cover
}

@media screen and (max-width:720px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__image {
        height: 53px;
        width: 53px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__image {
        height: 68px;
        width: 68px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__image {
        height: 68px;
        width: 68px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__image {
        height: 90px;
        width: 90px
    }
}

@media screen and (min-width:1921px) {
    .support-button.support-button--quarter .support-button__wrapper .support-button__image {
        height: 120px;
        width: 120px
    }
}

.support-button:hover {
    box-shadow: 0 10px 24px 0 #00000014;
    cursor: pointer
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-button:hover {
        color: #ff6900;
        color: var(--text-primary)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-button:hover {
        color: #ff6900;
        color: var(--text-primary)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-button:hover {
        color: #ff6900;
        color: var(--text-primary)
    }
}

@media screen and (min-width:1921px) {
    .support-button:hover {
        color: #ff6900;
        color: var(--text-primary)
    }
}

.height-faq {
    background-color: #fff;
    background-color: var(--background-white);
    box-sizing: border-box;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .height-faq {
        height: 305px;
        padding: 8px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .height-faq {
        height: 287px;
        padding: 30px 59px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .height-faq {
        height: 287px;
        padding: 30px 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .height-faq {
        height: 383px;
        padding: 40px 80px
    }
}

@media screen and (min-width:1921px) {
    .height-faq {
        height: 510px;
        padding: 50px 106px
    }
}

.height-faq .height-faq_top {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
    width: 100%
}

.height-faq .height-faq_top .height-faq__title {
    margin-bottom: 0
}

@media screen and (max-width:720px) {
    .height-faq .height-faq_top .height-faq__title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .height-faq .height-faq_top .height-faq__title {
        font-size: 20.25px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .height-faq .height-faq_top .height-faq__title {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .height-faq .height-faq_top .height-faq__title {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .height-faq .height-faq_top .height-faq__title {
        font-size: 36px
    }
}

.height-faq .height-faq_top .height-faq_icon {
    color: #ff6900;
    cursor: pointer;
    font-weight: 400;
    margin: 10px 0 0 10px
}

@media screen and (max-width:720px) {
    .height-faq .height-faq_top .height-faq_icon {
        font-size: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .height-faq .height-faq_top .height-faq_icon {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .height-faq .height-faq_top .height-faq_icon {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .height-faq .height-faq_top .height-faq_icon {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .height-faq .height-faq_top .height-faq_icon {
        font-size: 24px
    }
}

.height-faq .height-faq_content {
    display: flex;
    flex-direction: column
}

.height-faq .height-faq_content .height-faq_text {
    color: #898989;
    cursor: pointer;
    font-weight: 400;
    margin-top: 10px
}

@media screen and (max-width:720px) {
    .height-faq .height-faq_content .height-faq_text {
        font-size: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .height-faq .height-faq_content .height-faq_text {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .height-faq .height-faq_content .height-faq_text {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .height-faq .height-faq_content .height-faq_text {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .height-faq .height-faq_content .height-faq_text {
        font-size: 24px
    }
}

.height-faq .height-faq_content .height-faq_text:hover {
    color: #000
}

.support-title {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.support-title__info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 2
}

.support-title__info .support-title__title {
    color: #191919;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.support-title__info .support-title__subtitle {
    color: #000;
    line-height: 1.5
}

@media screen and (max-width:720px) {
    .support-title__info .support-title__subtitle {
        font-size: 14px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-title__info .support-title__subtitle {
        font-size: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-title__info .support-title__subtitle {
        font-size: 14px;
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-title__info .support-title__subtitle {
        font-size: 18px;
        margin-top: 18px
    }
}

@media screen and (min-width:1921px) {
    .support-title__info .support-title__subtitle {
        font-size: 24px;
        margin-top: 24px
    }
}

.support-video {
    background-color: #fff;
    background-color: var(--background-white);
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .support-video {
        height: 93px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-video {
        height: 150px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-video {
        height: 150px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-video {
        height: 200px
    }
}

@media screen and (min-width:1921px) {
    .support-video {
        height: 266px
    }
}

.support-video .support-video__image {
    height: 100%;
    position: absolute;
    width: 100%
}

.support-video .support-video__image img {
    height: 100%;
    width: 100%
}

.support-video .support-video__wrapper {
    align-items: center;
    background: #19191966;
    display: flex;
    height: 100%;
    justify-content: space-around;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .support-video .support-video__wrapper {
        padding-left: 17px;
        padding-right: 29px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-video .support-video__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-video .support-video__wrapper {
        padding-left: 60px;
        padding-right: 52px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-video .support-video__wrapper {
        padding-left: 80px;
        padding-right: 69px
    }
}

@media screen and (min-width:1921px) {
    .support-video .support-video__wrapper {
        padding-left: 106px;
        padding-right: 92px
    }
}

.support-video .support-video__wrapper .support-video__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #fff;
    display: box;
    display: -webkit-box;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-video .support-video__wrapper .support-video__title {
        font-size: 13px;
        width: 247px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-video .support-video__wrapper .support-video__title {
        font-size: 20.25px;
        width: 242px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-video .support-video__wrapper .support-video__title {
        font-size: 20px;
        width: 289px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-video .support-video__wrapper .support-video__title {
        font-size: 27px;
        width: 386px
    }
}

@media screen and (min-width:1921px) {
    .support-video .support-video__wrapper .support-video__title {
        font-size: 36px;
        width: 514px
    }
}

.support-video .support-video__wrapper .support-video__button {
    cursor: pointer;
    height: var(--button-width);
    width: var(--button-width);
    z-index: 5
}

@media screen and (max-width:720px) {
    .support-video .support-video__wrapper .support-video__button {
        height: 32px;
        width: 32px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-video .support-video__wrapper .support-video__button {
        height: 41px;
        width: 41px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-video .support-video__wrapper .support-video__button {
        height: 41px;
        width: 41px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-video .support-video__wrapper .support-video__button {
        height: 54px;
        width: 54px
    }
}

@media screen and (min-width:1921px) {
    .support-video .support-video__wrapper .support-video__button {
        height: 72px;
        width: 72px
    }
}

.mi-modal .support-video__modal {
    max-width: unset
}

@media screen and (max-width:720px) {
    .mi-modal .support-video__modal {
        --icon-size: 14px;
        height: calc(45vw + 40px);
        padding: 16px;
        width: calc(80vw + 40px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .support-video__modal {
        --icon-size: 16px;
        height: 355px;
        padding: 16px;
        width: 600px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .support-video__modal {
        --icon-size: 24px;
        height: 475px;
        padding: 32px;
        width: 790px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .support-video__modal {
        --icon-size: 24px;
        height: 610px;
        padding: 32px;
        width: 1030px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .support-video__modal {
        --icon-size: 24px;
        height: 790px;
        padding: 32px;
        width: 1350px
    }
}

.mi-modal .support-video__modal .mi-modal__close {
    right: calc(var(--icon-size)/2);
    top: calc(var(--icon-size)/2)
}

.mi-modal .support-video__modal .mi-modal__header {
    margin: 0
}

.mi-modal .support-video__modal .mi-modal__main {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    max-height: unset;
    padding: 0
}

@media screen and (max-width:720px) {
    .mi-modal .support-video__modal .mi-modal__main iframe {
        height: 45vw;
        width: 80vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .support-video__modal .mi-modal__main iframe {
        height: 315px;
        width: 560px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .support-video__modal .mi-modal__main iframe {
        height: 405px;
        width: 720px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .support-video__modal .mi-modal__main iframe {
        height: 540px;
        width: 960px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .support-video__modal .mi-modal__main iframe {
        height: 720px;
        width: 1280px
    }
}

.site-phone-list {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    color: var(--text-base);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-phone-list {
        padding: 27px 13px 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-phone-list {
        padding: 40px 24px 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-phone-list {
        padding: 36px 16px 27px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-phone-list {
        padding: 48px 30px 36px
    }
}

@media screen and (min-width:1921px) {
    .site-phone-list {
        padding: 64px 40px 48px
    }
}

.site-phone-list__info {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    z-index: 2
}

.site-phone-list__info .site-phone-list__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-items: center;
    display: flex;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-phone-list__info .site-phone-list__title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-phone-list__info .site-phone-list__title {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-phone-list__info .site-phone-list__title {
        font-size: 27px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-phone-list__info .site-phone-list__title {
        font-size: 36px
    }
}

@media screen and (min-width:1921px) {
    .site-phone-list__info .site-phone-list__title {
        font-size: 48px
    }
}

.site-phone-list__info .site-phone-list__link {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-phone-list__info .site-phone-list__link {
        display: none;
        margin-top: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-phone-list__info .site-phone-list__link {
        margin-top: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-phone-list__info .site-phone-list__link {
        margin-top: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-phone-list__info .site-phone-list__link {
        margin-top: 24px
    }
}

@media screen and (min-width:1921px) {
    .site-phone-list__info .site-phone-list__link {
        margin-top: 36px
    }
}

.site-phone-list__info .site-phone-list__link:hover {
    color: #ff6900
}

.site-phone-list .site-phone-list__gap {
    flex-grow: 1;
    flex-shrink: 0
}

@media screen and (max-width:720px) {
    .site-phone-list .site-phone-list__gap {
        flex-basis: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-phone-list .site-phone-list__gap {
        flex-basis: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-phone-list .site-phone-list__gap {
        flex-basis: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-phone-list .site-phone-list__gap {
        flex-basis: 30px
    }
}

@media screen and (min-width:1921px) {
    .site-phone-list .site-phone-list__gap {
        flex-basis: 40px
    }
}

.site-phone-list .site-phone-list__image {
    height: var(--image-width);
    object-fit: cover;
    width: var(--image-width)
}

@media screen and (max-width:720px) {
    .site-phone-list .site-phone-list__image {
        --image-width: 120px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-phone-list .site-phone-list__image {
        --image-width: 210px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-phone-list .site-phone-list__image {
        --image-width: 225px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-phone-list .site-phone-list__image {
        --image-width: 300px
    }
}

@media screen and (min-width:1921px) {
    .site-phone-list .site-phone-list__image {
        --image-width: 400px
    }
}

.site-phone-list .site-phone-list__badge {
    object-fit: contain
}

@media screen and (max-width:720px) {
    .site-phone-list .site-phone-list__badge {
        height: 33px;
        margin-top: 12px;
        width: 89px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-phone-list .site-phone-list__badge {
        height: 40px;
        margin-top: 18px;
        width: 106px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-phone-list .site-phone-list__badge {
        height: 56px;
        margin-top: 18px;
        width: 150px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-phone-list .site-phone-list__badge {
        height: 75px;
        margin-top: 24px;
        width: 200px
    }
}

@media screen and (min-width:1921px) {
    .site-phone-list .site-phone-list__badge {
        height: 100px;
        margin-top: 32px;
        width: 266px
    }
}

.site-image-description {
    grid-gap: var(--grid-gutter-width);
    background-color: #fff;
    background-color: var(--background-white);
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(var(--columns), 1fr);
    width: 100%
}

@media screen and (max-width:720px) {
    .site-image-description {
        --columns: 1;
        --content-padding: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-image-description {
        --columns: 2;
        --content-padding: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-image-description {
        --columns: 2;
        --content-padding: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-image-description {
        --columns: 2;
        --content-padding: 15px
    }
}

@media screen and (min-width:1921px) {
    .site-image-description {
        --columns: 2;
        --content-padding: 20px
    }
}

.site-image-description.site-image-description--reverse .site-image-description__image {
    grid-column-end: -1
}

.site-image-description.site-image-description--reverse .site-image-description__content {
    padding-inline-end: var(--content-padding);
    padding-inline-start: 0
}

.site-image-description .site-image-description__content {
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: center;
    padding: var(--content-padding);
    padding-inline-end: 0
}

.site-image-description .site-image-description__title {
    font-weight: 500;
    margin-bottom: 0
}

.site-image-description .site-image-description__text {
    color: #898989;
    color: var(--text-secondary);
    line-height: 1.5
}

@media screen and (max-width:720px) {
    .site-image-description .site-image-description__text {
        font-size: 14px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-image-description .site-image-description__text {
        font-size: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-image-description .site-image-description__text {
        font-size: 14px;
        margin-top: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-image-description .site-image-description__text {
        font-size: 18px;
        margin-top: 22px
    }
}

@media screen and (min-width:1921px) {
    .site-image-description .site-image-description__text {
        font-size: 24px;
        margin-top: 30px
    }
}

.site-image-description .site-image-description__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-image-description .site-image-description__image {
        min-height: 175px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-image-description .site-image-description__image {
        min-height: 306px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-image-description .site-image-description__image {
        min-height: 225px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-image-description .site-image-description__image {
        min-height: 300px
    }
}

@media screen and (min-width:1921px) {
    .site-image-description .site-image-description__image {
        min-height: 400px
    }
}

.site-service-share {
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    color: var(--text-base);
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-service-share {
        height: 93px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service-share {
        height: 160px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service-share {
        height: 160px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service-share {
        height: 180px
    }
}

@media screen and (min-width:1921px) {
    .site-service-share {
        height: 240px
    }
}

.site-service-share__info {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-service-share__info {
        padding: 0 33px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service-share__info {
        padding: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service-share__info {
        padding: 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service-share__info {
        padding: 0
    }
}

@media screen and (min-width:1921px) {
    .site-service-share__info {
        padding: 0
    }
}

.site-service-share__info .site-service-share__image {
    object-fit: cover
}

@media screen and (max-width:720px) {
    .site-service-share__info .site-service-share__image {
        height: 24px;
        width: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service-share__info .site-service-share__image {
        height: 28px;
        width: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service-share__info .site-service-share__image {
        height: 28px;
        width: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service-share__info .site-service-share__image {
        height: 36px;
        width: 36px
    }
}

@media screen and (min-width:1921px) {
    .site-service-share__info .site-service-share__image {
        height: 36px;
        width: 36px
    }
}

.site-service-share__info .site-service-share__title {
    align-items: center;
    display: flex;
    font-weight: 700;
    position: relative
}

@media screen and (max-width:720px) {
    .site-service-share__info .site-service-share__title {
        margin-left: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service-share__info .site-service-share__title {
        margin-left: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service-share__info .site-service-share__title {
        margin-left: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service-share__info .site-service-share__title {
        margin-left: 11px
    }
}

@media screen and (min-width:1921px) {
    .site-service-share__info .site-service-share__title {
        margin-left: 15px
    }
}

.site-service-share__info .site-service-share__title .site-service-share__link {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-service-share__info .site-service-share__title .site-service-share__link {
        font-size: 16px;
        max-width: 170px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service-share__info .site-service-share__title .site-service-share__link {
        font-size: 18px;
        max-width: 190px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service-share__info .site-service-share__title .site-service-share__link {
        font-size: 18px;
        max-width: 100%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service-share__info .site-service-share__title .site-service-share__link {
        font-size: 18px;
        max-width: 100%
    }
}

@media screen and (min-width:1921px) {
    .site-service-share__info .site-service-share__title .site-service-share__link {
        font-size: 18px;
        max-width: 100%
    }
}

.site-service-share__info .site-service-share__title .micon {
    transform: rotate(0)
}

[dir=rtl] .site-service-share__info .site-service-share__title .micon {
    transform: rotate(180deg)
}

@media screen and (max-width:720px) {
    .site-service-share__info .site-service-share__title .micon {
        font-size: 10px;
        margin-left: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-service-share__info .site-service-share__title .micon {
        font-size: 10px;
        margin-left: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-service-share__info .site-service-share__title .micon {
        font-size: 10px;
        margin-left: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-service-share__info .site-service-share__title .micon {
        font-size: 10px;
        margin-left: 11px
    }
}

@media screen and (min-width:1921px) {
    .site-service-share__info .site-service-share__title .micon {
        font-size: 13px;
        margin-left: 15px
    }
}

.support-article {
    background: #fff;
    box-sizing: border-box;
    width: 100%
}

.support-article .support-article__wrapper {
    box-sizing: border-box;
    cursor: pointer;
    width: 100%
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper {
        align-items: unset;
        display: block;
        justify-content: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-article .support-article__wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-article .support-article__wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-article .support-article__wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1921px) {
    .support-article .support-article__wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (max-width:720px) {

    .support-article .support-article__wrapper-left,
    .support-article .support-article__wrapper-right {
        display: block;
        width: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .support-article .support-article__wrapper-left,
    .support-article .support-article__wrapper-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .support-article .support-article__wrapper-left,
    .support-article .support-article__wrapper-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .support-article .support-article__wrapper-left,
    .support-article .support-article__wrapper-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1921px) {

    .support-article .support-article__wrapper-left,
    .support-article .support-article__wrapper-right {
        display: inline-block;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper-left {
        display: block;
        flex-direction: unset;
        padding: 16px 16px 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-article .support-article__wrapper-left {
        display: flex;
        flex-direction: column;
        padding: 27px 47px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-article .support-article__wrapper-left {
        display: flex;
        flex-direction: column;
        padding: 27px 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-article .support-article__wrapper-left {
        display: flex;
        flex-direction: column;
        padding: 36px 80px
    }
}

@media screen and (min-width:1921px) {
    .support-article .support-article__wrapper-left {
        display: flex;
        flex-direction: column;
        padding: 48px 106px
    }
}

.support-article .support-article__wrapper-left .support-article__tag {
    background: #50c0501a;
    border: 1px solid #50c050;
    border-radius: 8px;
    color: #50c050;
    font-weight: 700;
    width: max-content
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper-left .support-article__tag {
        font-size: 12px;
        margin-bottom: 13px;
        padding: 6px 19px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-article .support-article__wrapper-left .support-article__tag {
        font-size: 12px;
        margin-bottom: 12px;
        padding: 3px 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-article .support-article__wrapper-left .support-article__tag {
        font-size: 14px;
        margin-bottom: 12px;
        padding: 5px 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-article .support-article__wrapper-left .support-article__tag {
        font-size: 18px;
        margin-bottom: 16px;
        padding: 5px 15px
    }
}

@media screen and (min-width:1921px) {
    .support-article .support-article__wrapper-left .support-article__tag {
        font-size: 18px;
        margin-bottom: 16px;
        padding: 5px 15px
    }
}

.support-article .support-article__wrapper-left .support-article__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #191919;
    cursor: pointer;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper-left .support-article__title {
        font-size: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-article .support-article__wrapper-left .support-article__title {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-article .support-article__wrapper-left .support-article__title {
        font-size: 21px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-article .support-article__wrapper-left .support-article__title {
        font-size: 28px
    }
}

@media screen and (min-width:1921px) {
    .support-article .support-article__wrapper-left .support-article__title {
        font-size: 28px
    }
}

.support-article .support-article__wrapper-left .support-article__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #898989;
    display: box;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper-left .support-article__subtitle {
        font-size: 12px;
        margin-top: 3px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-article .support-article__wrapper-left .support-article__subtitle {
        font-size: 14px;
        margin-top: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-article .support-article__wrapper-left .support-article__subtitle {
        font-size: 18px;
        margin-top: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-article .support-article__wrapper-left .support-article__subtitle {
        font-size: 24px;
        margin-top: 8px
    }
}

@media screen and (min-width:1921px) {
    .support-article .support-article__wrapper-left .support-article__subtitle {
        font-size: 24px;
        margin-top: 8px
    }
}

.support-article .support-article__wrapper-right {
    position: relative
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper-right {
        padding: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-article .support-article__wrapper-right {
        padding: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-article .support-article__wrapper-right {
        padding: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-article .support-article__wrapper-right {
        padding: 10px
    }
}

@media screen and (min-width:1921px) {
    .support-article .support-article__wrapper-right {
        padding: 10px
    }
}

@media screen and (max-width:720px) {
    .support-article .support-article__wrapper-right {
        padding-left: 16px
    }
}

.support-article .support-article__wrapper-right .support-article__image {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    display: inline-block;
    height: auto;
    object-fit: cover;
    width: 100%
}

.support-contact__wrapper {
    box-sizing: border-box;
    height: 100%
}

@media screen and (max-width:720px) {
    .support-contact__wrapper {
        display: block;
        justify-content: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact__wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact__wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact__wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1921px) {
    .support-contact__wrapper {
        display: flex;
        justify-content: space-between
    }
}

.support-contact__wrapper .support-contact,
.support-contact__wrapper .support-term {
    background-color: #fff;
    background-color: var(--background-white)
}

@media screen and (max-width:720px) {

    .support-contact__wrapper .support-contact,
    .support-contact__wrapper .support-term {
        display: block;
        padding: 6px 19px;
        width: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .support-contact__wrapper .support-contact,
    .support-contact__wrapper .support-term {
        display: inline-block;
        padding: 27px 60px;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .support-contact__wrapper .support-contact,
    .support-contact__wrapper .support-term {
        display: inline-block;
        padding: 27px 60px;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .support-contact__wrapper .support-contact,
    .support-contact__wrapper .support-term {
        display: inline-block;
        padding: 36px 80px;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (min-width:1921px) {

    .support-contact__wrapper .support-contact,
    .support-contact__wrapper .support-term {
        display: inline-block;
        padding: 48px 106px;
        width: calc(50% - var(--grid-gutter-width)/2)
    }
}

@media screen and (max-width:720px) {
    .support-contact__wrapper .support-term {
        margin-top: 8px
    }
}

.support-contact .support-contact__title {
    color: #191919;
    color: var(--text-base);
    font-weight: 700
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__title {
        font-size: 16px;
        padding: 16px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__title {
        font-size: 20px;
        margin-bottom: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__title {
        font-size: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__title {
        font-size: 27px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__title {
        font-size: 36px;
        margin-bottom: 24px
    }
}

.support-contact .support-contact__item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__item {
        border-top: 1px solid #eee;
        border-top: 1px solid var(--skeleton-color);
        color: #191919;
        color: var(--text-base);
        font-size: 13px;
        margin-bottom: 16px;
        padding-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__item {
        color: #898989;
        color: var(--text-secondary);
        font-size: 14px;
        margin-bottom: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__item {
        color: #898989;
        color: var(--text-secondary);
        font-size: 14px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__item {
        color: #898989;
        color: var(--text-secondary);
        font-size: 18px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__item {
        color: #898989;
        color: var(--text-secondary);
        font-size: 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__item .micon {
        color: #898989;
        color: var(--text-secondary)
    }
}

.support-contact .support-contact__item .micon-link-arrow {
    transform: none
}

[dir=rtl] .support-contact .support-contact__item .micon-link-arrow {
    transform: rotate(180deg)
}

.support-contact .support-contact__content {
    align-items: center;
    display: flex
}

.support-contact .support-cursor {
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content
}

.support-contact .support-cursor:hover {
    color: #ff6900;
    color: var(--text-primary)
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__icon {
        font-size: 14px;
        margin-right: 2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__icon {
        font-size: 17px;
        margin-right: .625vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__icon {
        font-size: 16px;
        margin-right: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__icon {
        font-size: 22px;
        margin-right: .625vw
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__icon {
        font-size: 28px;
        margin-right: .625vw
    }
}

.support-contact .support-contact__icon>img {
    height: 100%;
    width: 100%
}

.support-contact .support-contact__note {
    color: #d0d0d0;
    color: var(--brand-grey-40);
    cursor: pointer;
    position: relative
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__note {
        font-size: 14px;
        margin-inline-start: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__note {
        font-size: 17px;
        margin-inline-start: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__note {
        font-size: 16px;
        margin-inline-start: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__note {
        font-size: 22px;
        margin-inline-start: 8px
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__note {
        font-size: 28px;
        margin-inline-start: 10px
    }
}

.support-contact .support-contact__note:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.support-contact .support-contact__submit-ticket {
    cursor: pointer
}

.support-contact .support-contact__submit-ticket:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.support-contact .support-contact__pop {
    background: #fff;
    background: var(--background-white);
    border: 1px solid #f3f3f3;
    box-shadow: 0 6px 12px 0 #19191914;
    box-sizing: border-box;
    color: #898989;
    color: var(--text-secondary);
    display: none;
    position: absolute;
    text-align: center
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__pop {
        bottom: 0;
        font-size: 0;
        left: 0;
        padding: 0;
        width: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__pop {
        bottom: 1.875vw;
        font-size: max(.625vw, 12px);
        left: -106px;
        padding: 16px;
        width: 240px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__pop {
        bottom: 1.875vw;
        font-size: max(.625vw, 12px);
        left: -4.14062vw;
        padding: .625vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__pop {
        bottom: 1.875vw;
        font-size: max(.625vw, 12px);
        left: -4.14062vw;
        padding: .625vw;
        width: 9.375vw
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__pop {
        bottom: 1.875vw;
        font-size: max(.625vw, 12px);
        left: -4.14062vw;
        padding: .625vw;
        width: 9.375vw
    }
}

.support-contact .support-contact__pop:after {
    border-color: #c5c5c5 #0000 #0000;
    border-style: solid;
    content: "";
    position: absolute
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__pop:after {
        border-width: 0;
        bottom: 0;
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__pop:after {
        border-width: 4px;
        bottom: -8px;
        left: 112px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__pop:after {
        border-width: .3125vw;
        bottom: -.625vw;
        left: 4.375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__pop:after {
        border-width: .3125vw;
        bottom: -.625vw;
        left: 4.375vw
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__pop:after {
        border-width: .3125vw;
        bottom: -.625vw;
        left: 4.375vw
    }
}

.support-contact .support-contact__pop:before {
    border-color: #fff #0000 #0000;
    border-style: solid;
    content: "";
    position: absolute;
    z-index: 2
}

@media screen and (max-width:720px) {
    .support-contact .support-contact__pop:before {
        border-width: 0;
        bottom: 0;
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-contact .support-contact__pop:before {
        border-width: 4px;
        bottom: -8px;
        left: 112px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-contact .support-contact__pop:before {
        border-width: .3125vw;
        bottom: -.625vw;
        left: 4.375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-contact .support-contact__pop:before {
        border-width: .3125vw;
        bottom: -.625vw;
        left: 4.375vw
    }
}

@media screen and (min-width:1921px) {
    .support-contact .support-contact__pop:before {
        border-width: .3125vw;
        bottom: -.625vw;
        left: 4.375vw
    }
}

.support-contact .support-contact__pop.is-active {
    display: block
}

.support-contact-pop-modal .support-contact__pop {
    font-size: 12px;
    text-align: center
}

.mi-livechat {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.livechat-privacy__tip .livechat-privacy__url {
    color: #ff6700
}

.support-terms .support-terms__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-terms .support-terms__header {
        margin-bottom: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-terms .support-terms__header {
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-terms .support-terms__header {
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .support-terms .support-terms__header {
        margin-bottom: 24px
    }
}

.support-terms .support-terms__header .support-terms__title {
    align-items: center;
    color: #191919;
    color: var(--text-base);
    cursor: pointer;
    display: flex;
    flex-shrink: 1;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__header .support-terms__title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-terms .support-terms__header .support-terms__title {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-terms .support-terms__header .support-terms__title {
        font-size: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-terms .support-terms__header .support-terms__title {
        font-size: 27px
    }
}

@media screen and (min-width:1921px) {
    .support-terms .support-terms__header .support-terms__title {
        font-size: 36px
    }
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__header .support-terms__title {
        padding: 16px 8px 16px 0
    }

    [dir=rtl] .support-terms .support-terms__header .support-terms__title {
        padding: 16px 0 16px 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-terms .support-terms__header .support-terms__title .micon-link-arrow {
        font-size: 12px;
        margin-inline-start: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-terms .support-terms__header .support-terms__title .micon-link-arrow {
        font-size: 12px;
        margin-inline-start: 7px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-terms .support-terms__header .support-terms__title .micon-link-arrow {
        font-size: 17px;
        margin-inline-start: 10px
    }
}

@media screen and (min-width:1921px) {
    .support-terms .support-terms__header .support-terms__title .micon-link-arrow {
        font-size: 22px;
        margin-inline-start: 13px
    }
}

.support-terms .support-terms__header .support-terms__more {
    align-items: center;
    color: #ff6900;
    color: var(--text-primary);
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    justify-content: flex-end
}

.support-terms .support-terms__header .support-terms__more:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.support-terms .support-terms__list {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__list {
        flex-direction: column
    }
}

.support-terms .support-terms__item {
    display: flex
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__item {
        margin-bottom: 0;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-terms .support-terms__item {
        margin-bottom: 14px;
        width: 50%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-terms .support-terms__item {
        margin-bottom: 14px;
        width: 50%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-terms .support-terms__item {
        margin-bottom: 18px;
        width: 50%
    }
}

@media screen and (min-width:1921px) {
    .support-terms .support-terms__item {
        margin-bottom: 24px;
        width: 50%
    }
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__item {
        border-top: 1px solid #eee;
        border-top: 1px solid var(--skeleton-color);
        justify-content: space-between;
        padding: 16px 0
    }
}

.support-terms .support-terms__item .micon {
    color: #191919;
    color: var(--text-base);
    transform: none
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__item .micon {
        color: #898989;
        color: var(--text-secondary)
    }
}

[dir=rtl] .support-terms .support-terms__item .micon {
    transform: rotate(180deg)
}

.support-terms .support-terms__text {
    cursor: pointer
}

@media screen and (max-width:720px) {
    .support-terms .support-terms__text {
        color: #191919;
        color: var(--text-base);
        font-size: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-terms .support-terms__text {
        color: #898989;
        color: var(--text-secondary);
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-terms .support-terms__text {
        color: #898989;
        color: var(--text-secondary);
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-terms .support-terms__text {
        color: #898989;
        color: var(--text-secondary);
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .support-terms .support-terms__text {
        color: #898989;
        color: var(--text-secondary);
        font-size: 24px
    }
}

.support-terms .support-terms__text:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.service-video {
    background-color: #dbdbdb;
    background-color: var(--background-grey);
    background-position: 0;
    background-size: cover;
    width: 100%
}

@media screen and (max-width:720px) {
    .service-video {
        --button-width: 33px;
        height: 165px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-video {
        --button-width: 60px;
        height: 367px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-video {
        --button-width: 44px;
        height: 270px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-video {
        --button-width: 58px;
        height: 360px
    }
}

@media screen and (min-width:1921px) {
    .service-video {
        --button-width: 78px;
        height: 480px
    }
}

.service-video .service-video__wrapper {
    height: 100%;
    position: relative
}

.service-video .service-video__wrapper .service-video__button {
    cursor: pointer;
    height: var(--button-width);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: var(--button-width);
    z-index: 5
}

.service-video .service-video__wrapper .service-video__content {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:720px) {
    .service-video .service-video__wrapper .service-video__content {
        font-size: 27px;
        left: 50%;
        width: 140px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-video .service-video__wrapper .service-video__content {
        font-size: 16px;
        left: 50%;
        width: 331px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-video .service-video__wrapper .service-video__content {
        font-size: 21px;
        left: calc(50% - var(--button-width)/2);
        width: 293px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-video .service-video__wrapper .service-video__content {
        font-size: 28px;
        left: calc(50% - var(--button-width)/2);
        width: 391px
    }
}

@media screen and (min-width:1921px) {
    .service-video .service-video__wrapper .service-video__content {
        font-size: 28px;
        left: calc(50% - var(--button-width)/2);
        width: 521px
    }
}

.service-video .service-video__wrapper .service-video__content .service-video__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: box;
    display: -webkit-box;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .service-video .service-video__wrapper .service-video__content .service-video__title {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-video .service-video__wrapper .service-video__content .service-video__title {
        font-size: 30px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-video .service-video__wrapper .service-video__content .service-video__title {
        font-size: 23px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-video .service-video__wrapper .service-video__content .service-video__title {
        font-size: 30px
    }
}

@media screen and (min-width:1921px) {
    .service-video .service-video__wrapper .service-video__content .service-video__title {
        font-size: 40px
    }
}

.service-video .service-video__wrapper .service-video__content .service-video__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: box;
    display: -webkit-box;
    font-weight: 400;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .service-video .service-video__wrapper .service-video__content .service-video__subtitle {
        font-size: 8px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-video .service-video__wrapper .service-video__content .service-video__subtitle {
        font-size: 16px;
        margin-top: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-video .service-video__wrapper .service-video__content .service-video__subtitle {
        font-size: 12px;
        margin-top: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-video .service-video__wrapper .service-video__content .service-video__subtitle {
        font-size: 15px;
        margin-top: 18px
    }
}

@media screen and (min-width:1921px) {
    .service-video .service-video__wrapper .service-video__content .service-video__subtitle {
        font-size: 20px;
        margin-top: 24px
    }
}

.service-video video {
    height: auto;
    width: 100%
}

.mi-modal .service-video__modal {
    max-width: unset
}

@media screen and (max-width:720px) {
    .mi-modal .service-video__modal {
        --icon-size: 7px;
        height: calc(45vw + 38px);
        padding: 16px;
        width: calc(80vw + 38px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .service-video__modal {
        --icon-size: 8px;
        height: 360px;
        padding: 16px;
        width: 600px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .service-video__modal {
        --icon-size: 12px;
        height: 476px;
        padding: 32px;
        width: 790px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .service-video__modal {
        --icon-size: 12px;
        height: 610px;
        padding: 32px;
        width: 1030px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .service-video__modal {
        --icon-size: 12px;
        height: 790px;
        padding: 32px;
        width: 1350px
    }
}

.mi-modal .service-video__modal .mi-modal__close {
    right: var(--icon-size);
    top: var(--icon-size)
}

.mi-modal .service-video__modal .mi-modal__header {
    margin: 0
}

.mi-modal .service-video__modal .mi-modal__main {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    max-height: unset;
    padding: 0
}

.mi-modal .service-video__modal .mi-modal__main video {
    height: auto;
    width: 100%
}

.service-background-text {
    align-items: center;
    background-clip: initial;
    background-origin: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: var(--block-padding-vertical) var(--block-padding-horizontal);
    text-align: center
}

@media screen and (max-width:720px) {
    .service-background-text {
        --block-padding-vertical: 34px;
        --block-padding-horizontal: 14px;
        --content-margin-top: 16px;
        --content-font-size: 14px;
        --button-margin-top: 22px;
        --button-border-radius: 8px;
        --button-padding-vertical: 8px;
        --button-padding-horizontal: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .service-background-text {
        --block-padding-vertical: 48px;
        --block-padding-horizontal: 48px;
        --content-margin-top: 12px;
        --content-font-size: 16px;
        --button-margin-top: 25px;
        --button-border-radius: 10px;
        --button-padding-vertical: 10px;
        --button-padding-horizontal: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .service-background-text {
        --block-padding-vertical: 40px;
        --block-padding-horizontal: 45px;
        --content-margin-top: 14px;
        --content-font-size: 14px;
        --button-margin-top: 20px;
        --button-border-radius: 8px;
        --button-padding-vertical: 6px;
        --button-padding-horizontal: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .service-background-text {
        --block-padding-vertical: 54px;
        --block-padding-horizontal: 60px;
        --content-margin-top: 18px;
        --content-font-size: 18px;
        --button-margin-top: 28px;
        --button-border-radius: 10px;
        --button-padding-vertical: 8px;
        --button-padding-horizontal: 24px
    }
}

@media screen and (min-width:1921px) {
    .service-background-text {
        --block-padding-vertical: 72px;
        --block-padding-horizontal: 80px;
        --content-margin-top: 24px;
        --content-font-size: 24px;
        --button-margin-top: 36px;
        --button-border-radius: 14px;
        --button-padding-vertical: 10px;
        --button-padding-horizontal: 32px
    }
}

.service-background-text .service-background-text__title {
    color: #fff;
    color: var(--text-reverse);
    font-weight: 500;
    margin: 0
}

.service-background-text .service-background-text__content {
    color: #fff;
    color: var(--text-reverse);
    font-size: var(--content-font-size);
    line-height: 1.35;
    margin-top: var(--content-margin-top)
}

.service-background-text .service-background-text__button-group {
    margin-top: var(--button-margin-top)
}

.service-background-text .service-background-text__button {
    --btn-padding: var(--button-padding-vertical) var(--button-padding-horizontal);
    --btn-border-radius: var(--button-border-radius);
    --btn-font-size: var(--content-font-size)
}

.support-country {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:720px) {
    .support-country {
        --content-gap: 28px;
        --nav-margin-bottom: 24px;
        --nav-item-gap: 20px;
        --nav-font-size: 16px;
        --tab-scrollbar-handle-size: 3px;
        --group-title-margin-bottom: 22px;
        --group-title-font-size: 22px;
        --group-list-columns: 1;
        --group-column-gap: 0;
        --item-title-font-size: 16px;
        --item-detail-font-size: 12px;
        --item-detail-margin-normal: 8px;
        --item-detail-margin-large: 12px;
        --item-icon-margin-right: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-country {
        --content-gap: 32px;
        --nav-margin-bottom: 38px;
        --nav-item-gap: 16px;
        --nav-font-size: 16px;
        --tab-scrollbar-handle-size: 3px;
        --group-title-margin-bottom: 24px;
        --group-title-font-size: 32px;
        --group-list-columns: 3;
        --group-column-gap: 65px;
        --item-title-font-size: 24px;
        --item-detail-font-size: 16px;
        --item-detail-margin-normal: 8px;
        --item-detail-margin-large: 16px;
        --item-icon-margin-right: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-country {
        --content-gap: 45px;
        --nav-margin-bottom: 18px;
        --nav-item-gap: 18px;
        --nav-font-size: 12px;
        --tab-scrollbar-handle-size: 5px;
        --group-title-margin-bottom: 24px;
        --group-title-font-size: 20px;
        --group-list-columns: 4;
        --group-column-gap: 28px;
        --item-title-font-size: 14px;
        --item-detail-font-size: 12px;
        --item-detail-margin-normal: 8px;
        --item-detail-margin-large: 14px;
        --item-icon-margin-right: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-country {
        --content-gap: 60px;
        --nav-margin-bottom: 26px;
        --nav-item-gap: 24px;
        --nav-font-size: 16px;
        --tab-scrollbar-handle-size: 5px;
        --group-title-margin-bottom: 30px;
        --group-title-font-size: 28px;
        --group-list-columns: 4;
        --group-column-gap: 36px;
        --item-title-font-size: 18px;
        --item-detail-font-size: 14px;
        --item-detail-margin-normal: 10px;
        --item-detail-margin-large: 18px;
        --item-icon-margin-right: 6px
    }
}

@media screen and (min-width:1921px) {
    .support-country {
        --content-gap: 80px;
        --nav-margin-bottom: 38px;
        --nav-item-gap: 32px;
        --nav-font-size: 20px;
        --tab-scrollbar-handle-size: 5px;
        --group-title-margin-bottom: 40px;
        --group-title-font-size: 36px;
        --group-list-columns: 4;
        --group-column-gap: 48px;
        --item-title-font-size: 24px;
        --item-detail-font-size: 16px;
        --item-detail-margin-normal: 12px;
        --item-detail-margin-large: 24px;
        --item-icon-margin-right: 8px
    }
}

.support-country .support-country__nav {
    align-self: center;
    color: #333;
    color: var(--text-black);
    display: flex;
    font-size: var(--nav-font-size);
    margin-bottom: var(--nav-margin-bottom);
    max-width: 90%;
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-color: #d0d0d0 #fff;
    scrollbar-width: thin
}

.support-country .support-country__nav::-webkit-scrollbar {
    height: var(--tab-scrollbar-handle-size)
}

.support-country .support-country__nav::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    border-radius: 4px
}

.support-country .support-country__nav .nav__item {
    flex-shrink: 0
}

.support-country .support-country__nav .nav__item:not(:first-child):before {
    color: #dcdcdc;
    content: "|";
    margin: 0 var(--nav-item-gap)
}

.support-country .support-country__nav .nav__item--active {
    color: #ff6900;
    color: var(--text-primary)
}

.support-country .support-country__list-wrapper {
    background-color: #fff;
    background-color: var(--background-white)
}

.support-country .support-country__list {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1;
    margin: 0 auto;
    padding: var(--content-gap) var(--site-horizontal-padding);
    row-gap: var(--content-gap)
}

@media screen and (max-width:720px) {
    .support-country .support-country__list.support-country__list--compact {
        --group-list-columns: 3;
        --group-column-gap: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-country .support-country__list.support-country__list--compact {
        --group-list-columns: 4;
        --group-column-gap: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-country .support-country__list.support-country__list--compact {
        --group-list-columns: 6;
        --group-column-gap: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-country .support-country__list.support-country__list--compact {
        --group-list-columns: 6;
        --group-column-gap: 36px
    }
}

@media screen and (min-width:1921px) {
    .support-country .support-country__list.support-country__list--compact {
        --group-list-columns: 6;
        --group-column-gap: 48px
    }
}

.support-country .support-country__group {
    position: relative
}

.support-country .support-country__group .group__anchor {
    display: block;
    height: 0;
    position: absolute;
    top: calc(var(--header-height)*-1);
    visibility: hidden;
    z-index: -10
}

.support-country .support-country__group .group__title {
    font-size: var(--group-title-font-size);
    font-weight: 700;
    margin: 0;
    margin-bottom: var(--group-title-margin-bottom)
}

.support-country .support-country__group .group__list {
    column-gap: var(--group-column-gap);
    display: grid;
    grid-template-columns: repeat(var(--group-list-columns), 1fr);
    row-gap: var(--content-gap)
}

.support-country .support-country__group .group__item {
    display: flex;
    flex-direction: column
}

.support-country .support-country__group .item__title {
    font-size: var(--item-title-font-size);
    font-weight: 700;
    margin: 0
}

.support-country .support-country__group .item__detail {
    font-size: var(--item-detail-font-size);
    margin-top: var(--item-detail-margin-normal);
    width: -moz-fit-content;
    width: fit-content
}

.support-country .support-country__group .item__detail.item__detail--separator {
    margin-top: var(--item-detail-margin-large)
}

.support-country .support-country__group .item__link {
    text-decoration: underline
}

.support-country .support-country__group .item__link:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.support-country .support-country__group .item__icon {
    margin-inline-end: var(--item-icon-margin-right)
}

.support-select {
    text-align: center;
    width: 100%
}

@media screen and (max-width:720px) {
    .support-select {
        padding: 9.44444vw 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select {
        padding: 3.125vw 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select {
        padding: 1.875vw 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select {
        padding: 1.875vw 0
    }
}

@media screen and (min-width:1921px) {
    .support-select {
        padding: 48px 0
    }
}

.support-select .support-select__series {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center
}

.support-select .support-select__series .support-select--hover-pc {
    display: none
}

.support-select .support-select__series:hover .support-select--hover-pc {
    display: block
}

@media screen and (max-width:720px) {
    .support-select .support-select__series:hover .support-select__title-arrow-up {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .support-select .support-select__series:hover .support-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series:hover .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series:hover .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series:hover .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series:hover .support-select__title-arrow-down {
        display: none
    }
}

.support-select .support-select__series .support-select__title {
    font-weight: 700;
    -webkit-user-select: none;
    user-select: none
}

.support-select .support-select__series .support-select__title .support-select__title-arrow-down,
.support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
.support-select .support-select__series .support-select__title .support-select__title-arrow-up,
.support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
    color: #191919;
    font-weight: 700;
    position: relative
}

@media screen and (max-width:720px) {

    .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        font-size: 4.44444vw;
        font-size: max(4.44444vw, 12px);
        height: 4.44444vw;
        width: 4.44444vw
    }

    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-left: 2.77778vw
    }

    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-right: 2.77778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        font-size: max(1.36719vw, 12px);
        height: 1.36719vw;
        width: 1.36719vw
    }

    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-left: 1.17188vw
    }

    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-right: 1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        font-size: max(1.25vw, 12px);
        height: 1.25vw;
        width: 1.25vw
    }

    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-left: .625vw
    }

    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-right: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        font-size: max(1.25vw, 12px);
        height: 1.25vw;
        width: 1.25vw
    }

    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-left: .625vw
    }

    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-right: .625vw
    }
}

@media screen and (min-width:1921px) {

    .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        font-size: 32px;
        height: 32px;
        width: 32px
    }

    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=ltr] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-left: 16px
    }

    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up,
    [dir=rtl] .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        margin-right: 16px
    }
}

.support-select .support-select__series .support-select__title .support-select__title-arrow-up {
    display: none
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-up--mobile {
        display: none
    }
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select__title .support-select__title-arrow-down--mobile {
        display: none
    }
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-up {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-up {
        display: inline-block
    }
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-down {
        display: inline-block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-down {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select__title:hover .support-select__title-arrow-down {
        display: none
    }
}

.support-select .support-select__series .support-select--hover {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 6px 18px 0 #1919191a;
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select--hover {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        margin-top: 2.22222vw;
        padding: 4.44444vw 3.33333vw;
        width: 52.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select--hover {
        font-size: max(1.5625vw, 12px);
        margin-top: 1.17188vw;
        padding: .78125vw;
        width: 32.22656vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select--hover {
        font-size: max(.9375vw, 12px);
        margin-top: .78125vw;
        padding: .46875vw;
        width: 15.625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select--hover {
        font-size: max(.9375vw, 12px);
        margin-top: .78125vw;
        padding: .46875vw;
        width: 15.625vw
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select--hover {
        font-size: 24px;
        margin-top: 20px;
        padding: 12px;
        width: 400px
    }
}

.support-select .support-select__series .support-select--hover:before {
    background: #0000;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select--hover:before {
        height: 2.22222vw;
        top: -2.22222vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select--hover:before {
        height: 1.17188vw;
        top: -1.17188vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select--hover:before {
        height: .78125vw;
        top: -.78125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select--hover:before {
        height: .78125vw;
        top: -.78125vw
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select--hover:before {
        height: 20px;
        top: -20px
    }
}

.support-select .support-select__series .support-select--hover .support-select--li {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #898989;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-select .support-select__series .support-select--hover .support-select--li {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        height: 3.88889vw;
        line-height: 3.88889vw;
        margin-bottom: 4.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-select .support-select__series .support-select--hover .support-select--li {
        font-size: max(1.5625vw, 12px);
        height: 3.90625vw;
        line-height: 3.90625vw;
        margin-bottom: 1.36719vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-select .support-select__series .support-select--hover .support-select--li {
        font-size: max(.9375vw, 12px);
        height: 1.875vw;
        line-height: 1.875vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-select .support-select__series .support-select--hover .support-select--li {
        font-size: max(.9375vw, 12px);
        height: 1.875vw;
        line-height: 1.875vw;
        margin-bottom: .625vw
    }
}

@media screen and (min-width:1921px) {
    .support-select .support-select__series .support-select--hover .support-select--li {
        font-size: 24px;
        height: 48px;
        line-height: 48px;
        margin-bottom: 16px
    }
}

.support-select .support-select__series .support-select--hover .support-select--li:last-child {
    margin-bottom: 0
}

.support-select .support-select__series .support-select--hover .support-select--li:hover {
    background: #f3f3f3;
    color: #191919
}

.support-select .support-select__series .support-select--hover .li--active {
    color: #191919;
    font-weight: 700
}

.support-select .support-select__series .support-select--hover-mobile {
    border: 0 solid #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 #19191914;
    display: none
}

.support-select .support-select__series .support-select--hover-mobile .li--active {
    background: none;
    color: #ff6900;
    font-weight: 400
}

.small-icon-text {
    display: flex;
    flex-flow: column nowrap
}

.small-icon-text .small-icon-text__title {
    color: #191919;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__title {
        font-size: 21px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__title {
        font-size: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__title {
        font-size: 27px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__title {
        font-size: 36px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__title {
        font-size: 48px
    }
}

.small-icon-text .small-icon-text__subtitle {
    color: #898989;
    color: var(--text-secondary);
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__subtitle {
        font-size: 12px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__subtitle {
        font-size: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__subtitle {
        font-size: 13px;
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__subtitle {
        font-size: 18px;
        margin-top: 18px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__subtitle {
        font-size: 24px;
        margin-top: 24px
    }
}

.small-icon-text .small-icon-text__info {
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__info:not(:empty) {
        margin-bottom: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__info:not(:empty) {
        margin-bottom: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__info:not(:empty) {
        margin-bottom: 45px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__info:not(:empty) {
        margin-bottom: 60px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__info:not(:empty) {
        margin-bottom: 80px
    }
}

.small-icon-text .small-icon-text__list {
    display: flex
}

.small-icon-text .small-icon-text__list:empty {
    display: none
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__list {
        align-items: center;
        flex-direction: column
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__list {
        flex-direction: row;
        justify-content: center
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__list {
        flex-direction: row;
        justify-content: center
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__list {
        flex-direction: row;
        justify-content: center
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__list {
        flex-direction: row;
        justify-content: center
    }
}

.small-icon-text .small-icon-text__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__item {
        margin-top: 32px;
        max-width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__item {
        max-width: 200px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__item {
        max-width: 190px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__item {
        max-width: 255px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__item {
        max-width: 340px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__item:not(:first-child) {
        margin-inline-start: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__item:not(:first-child) {
        margin-inline-start: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__item:not(:first-child) {
        margin-inline-start: 38px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__item:not(:first-child) {
        margin-inline-start: 50px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__item:not(:last-child) {
        margin-inline-end: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__item:not(:last-child) {
        margin-inline-end: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__item:not(:last-child) {
        margin-inline-end: 38px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__item:not(:last-child) {
        margin-inline-end: 50px
    }
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-icon i {
        font-size: 34px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-icon i {
        font-size: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-icon i {
        font-size: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-icon i {
        font-size: 48px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-icon i {
        font-size: 64px
    }
}

.small-icon-text .small-icon-text__item .small-icon-text__item-title {
    color: #191919;
    color: var(--text-base);
    font-weight: 700
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-title {
        font-size: 16px;
        margin-top: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-title {
        font-size: 20px;
        margin-top: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-title {
        font-size: 18px;
        margin-top: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-title {
        font-size: 24px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-title {
        font-size: 32px;
        margin-top: 16px
    }
}

.small-icon-text .small-icon-text__item .small-icon-text__item-desc {
    color: #898989;
    color: var(--text-secondary)
}

@media screen and (max-width:720px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-desc {
        font-size: 12px;
        margin-top: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-desc {
        font-size: 16px;
        margin-top: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-desc {
        font-size: 11px;
        margin-top: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-desc {
        font-size: 15px;
        margin-top: 21px
    }
}

@media screen and (min-width:1921px) {
    .small-icon-text .small-icon-text__item .small-icon-text__item-desc {
        font-size: 20px;
        margin-top: 28px
    }
}

.image-with-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: var(--support-max-width);
    width: 100%
}

@media screen and (max-width:720px) {
    .image-with-desc {
        --image-width: 168px;
        --image-height: 206px;
        --spacer-size: 28px;
        --title-font-size: 22px;
        --subtitle-font-size: 16px;
        --desc-font-size: 14px;
        --content-gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-with-desc {
        --image-width: 240px;
        --image-height: 294px;
        --spacer-size: 32px;
        --title-font-size: 36px;
        --subtitle-font-size: 24px;
        --desc-font-size: 16px;
        --content-gap: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-with-desc {
        --image-width: 158px;
        --image-height: 194px;
        --spacer-size: 45px;
        --title-font-size: 28px;
        --subtitle-font-size: 18px;
        --desc-font-size: 14px;
        --content-gap: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-with-desc {
        --image-width: 210px;
        --image-height: 258px;
        --spacer-size: 60px;
        --title-font-size: 36px;
        --subtitle-font-size: 24px;
        --desc-font-size: 18px;
        --content-gap: 18px
    }
}

@media screen and (min-width:1921px) {
    .image-with-desc {
        --image-width: 280px;
        --image-height: 344px;
        --spacer-size: 80px;
        --title-font-size: 48px;
        --subtitle-font-size: 32px;
        --desc-font-size: 24px;
        --content-gap: 24px
    }
}

@media screen and (max-width:720px) {
    .image-with-desc {
        align-items: center;
        flex-direction: column
    }
}

.image-with-desc.image-with-desc--reverse {
    flex-direction: row-reverse
}

@media screen and (max-width:720px) {
    .image-with-desc.image-with-desc--reverse {
        flex-direction: column
    }
}

.image-with-desc .image-with-desc__image {
    height: var(--image-height);
    width: var(--image-width)
}

.image-with-desc .image-with-desc__spacer {
    flex-shrink: 0;
    width: var(--spacer-size)
}

@media screen and (max-width:720px) {
    .image-with-desc .image-with-desc__spacer {
        height: var(--spacer-size);
        width: auto
    }
}

.image-with-desc .image-with-desc__title {
    font-size: var(--title-font-size);
    font-weight: 700;
    margin: 0
}

@media screen and (max-width:720px) {
    .image-with-desc .image-with-desc__title {
        text-align: center
    }
}

.image-with-desc .image-with-desc__subtitle {
    font-size: var(--subtitle-font-size);
    font-weight: 400;
    margin-bottom: 0;
    margin-top: var(--content-gap)
}

@media screen and (max-width:720px) {
    .image-with-desc .image-with-desc__subtitle {
        text-align: center
    }
}

.image-with-desc .image-with-desc__description {
    font-size: var(--desc-font-size);
    line-height: 1.5;
    margin-top: var(--content-gap);
    white-space: pre-wrap
}

@media screen and (max-width:720px) {
    .image-with-desc .image-with-desc__description {
        --content-gap: 28px
    }
}

.service-background-img {
    background-color: #fff;
    background-color: var(--background-white)
}

.service-background-img .service-background__image {
    height: auto;
    object-fit: cover;
    width: 100%
}

.service-background-img .service-background__image img {
    height: auto;
    width: 100%
}

.bubble-switcher {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: var(--max-width)
}

@media screen and (max-width:720px) {
    .bubble-switcher {
        --max-width: 100%;
        --bubble-margin: 4px;
        --bubble-height: 24px;
        --bubble-padding-horizontal: 8px;
        --bubble-font-size: 12px;
        --bubble-border-radius: 7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .bubble-switcher {
        --max-width: 750px;
        --bubble-margin: 8px;
        --bubble-height: 32px;
        --bubble-padding-horizontal: 12px;
        --bubble-font-size: 16px;
        --bubble-border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .bubble-switcher {
        --max-width: 600px;
        --bubble-margin: 5px;
        --bubble-height: 24px;
        --bubble-padding-horizontal: 14px;
        --bubble-font-size: 12px;
        --bubble-border-radius: 7px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .bubble-switcher {
        --max-width: 800px;
        --bubble-margin: 6px;
        --bubble-height: 30px;
        --bubble-padding-horizontal: 18px;
        --bubble-font-size: 16px;
        --bubble-border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .bubble-switcher {
        --max-width: 1000px;
        --bubble-margin: 8px;
        --bubble-height: 40px;
        --bubble-padding-horizontal: 24px;
        --bubble-font-size: 20px;
        --bubble-border-radius: 12px
    }
}

@media screen and (max-width:720px) {
    .bubble-switcher {
        padding: 0 16px
    }
}

.bubble-switcher .bubble-switcher__button {
    --btn-padding: 0 var(--bubble-padding-horizontal);
    --btn-border-radius: var(--bubble-border-radius);
    align-items: center;
    display: flex;
    font-size: var(--bubble-font-size);
    height: var(--bubble-height);
    margin: var(--bubble-margin)
}

.bubble-switcher .bubble-switcher__button.bubble-switcher__button--current {
    --btn-text-base: var(--text-primary);
    background-color: #ff69001a;
    border-color: #ff6900;
    border-color: var(--border-primary)
}

.block-blank {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

@media screen and (max-width:720px) {
    .block-blank--small {
        height: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .block-blank--small {
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .block-blank--small {
        height: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .block-blank--small {
        height: 48px
    }
}

@media screen and (min-width:1921px) {
    .block-blank--small {
        height: 64px
    }
}

@media screen and (max-width:720px) {
    .block-blank--medium {
        height: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .block-blank--medium {
        height: 64px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .block-blank--medium {
        height: 72px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .block-blank--medium {
        height: 96px
    }
}

@media screen and (min-width:1921px) {
    .block-blank--medium {
        height: 128px
    }
}

@media screen and (max-width:720px) {
    .block-blank--large {
        height: 54px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .block-blank--large {
        height: 108px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .block-blank--large {
        height: 108px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .block-blank--large {
        height: 144px
    }
}

@media screen and (min-width:1921px) {
    .block-blank--large {
        height: 192px
    }
}

.text-note {
    color: #d0d0d0;
    text-align: center
}

@media screen and (max-width:720px) {
    .text-note {
        --content-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .text-note {
        --content-font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .text-note {
        --content-font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .text-note {
        --content-font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .text-note {
        --content-font-size: 24px
    }
}

.text-note .text-note__content {
    font-size: var(--content-font-size);
    line-height: 1.25
}

.text-note .text-note__link:hover {
    text-decoration: underline
}

.about-years {
    align-items: center;
    background-color: #ff6900;
    background-color: var(--background-primary);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:720px) {
    .about-years {
        height: 281px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years {
        height: 320px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years {
        height: 270px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years {
        height: 360px
    }
}

@media screen and (min-width:1921px) {
    .about-years {
        height: 480px
    }
}

.about-years .about-years__title {
    margin-bottom: 0
}

.about-years .about-years__background {
    color: #fff;
    font-weight: 800;
    height: 100%;
    line-height: 1;
    opacity: .08
}

@media screen and (max-width:720px) {
    .about-years .about-years__background {
        font-size: 213px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years .about-years__background {
        font-size: 320px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years .about-years__background {
        font-size: 270px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years .about-years__background {
        font-size: 360px
    }
}

@media screen and (min-width:1921px) {
    .about-years .about-years__background {
        font-size: 480px
    }
}

.about-years .about-years__main {
    color: #fff;
    font-weight: 800;
    line-height: 1;
    position: absolute
}

@media screen and (max-width:720px) {
    .about-years .about-years__main {
        font-size: 80px;
        top: 55px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years .about-years__main {
        font-size: 107px;
        top: 63px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years .about-years__main {
        font-size: 90px;
        top: 55px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years .about-years__main {
        font-size: 120px;
        top: 70px
    }
}

@media screen and (min-width:1921px) {
    .about-years .about-years__main {
        font-size: 160px;
        top: 90px
    }
}

.about-years .about-years-line-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    position: absolute
}

@media screen and (max-width:720px) {
    .about-years .about-years-line-group {
        top: 137px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years .about-years-line-group {
        top: 161px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years .about-years-line-group {
        top: 136px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years .about-years-line-group {
        top: 182px
    }
}

@media screen and (min-width:1921px) {
    .about-years .about-years-line-group {
        top: 242px
    }
}

.about-years .about-years-line-group .about-years__line {
    background-color: #fff;
    height: 1px
}

@media screen and (max-width:720px) {
    .about-years .about-years-line-group .about-years__line {
        width: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years .about-years-line-group .about-years__line {
        width: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years .about-years-line-group .about-years__line {
        width: 27px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years .about-years-line-group .about-years__line {
        width: 36px
    }
}

@media screen and (min-width:1921px) {
    .about-years .about-years-line-group .about-years__line {
        width: 48px
    }
}

.about-years .about-years-line-group .about-years__text {
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .about-years .about-years-line-group .about-years__text {
        font-size: 13px;
        padding: 0 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years .about-years-line-group .about-years__text {
        font-size: 21px;
        padding: 0 21px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years .about-years-line-group .about-years__text {
        font-size: 18px;
        padding: 0 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years .about-years-line-group .about-years__text {
        font-size: 24px;
        padding: 0 15px
    }
}

@media screen and (min-width:1921px) {
    .about-years .about-years-line-group .about-years__text {
        font-size: 32px;
        padding: 0 20px
    }
}

.about-years .about-years__content {
    color: #fff;
    font-weight: 400;
    position: absolute;
    text-align: center
}

@media screen and (max-width:720px) {
    .about-years .about-years__content {
        font-size: 13px;
        line-height: 21px;
        padding: 0 10px;
        top: 169px;
        width: 275px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .about-years .about-years__content {
        font-size: 16px;
        line-height: 24px;
        padding: 0 50px;
        top: 203px;
        width: 400px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .about-years .about-years__content {
        font-size: 14px;
        line-height: 20px;
        padding: 0 32px;
        top: 171px;
        width: 338px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .about-years .about-years__content {
        font-size: 18px;
        line-height: 27px;
        padding: 0 55px;
        top: 228px;
        width: 450px
    }
}

@media screen and (min-width:1921px) {
    .about-years .about-years__content {
        font-size: 24px;
        line-height: 36px;
        padding: 0 80px;
        top: 304px;
        width: 600px
    }
}

.site-process {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    color: #191919;
    color: var(--text-base);
    display: flex;
    flex-direction: column;
    font-size: var(--process-font-size);
    position: relative;
    width: 100%
}

@media screen and (max-width:720px) {
    .site-process {
        --process-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process {
        --process-font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process {
        --process-font-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process {
        --process-font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .site-process {
        --process-font-size: 24px
    }
}

.site-process .arrow-up {
    cursor: pointer;
    font-weight: 700;
    position: absolute;
    transition: all .3s ease-in
}

@media screen and (max-width:720px) {
    .site-process .arrow-up {
        font-size: 3.33333vw;
        font-size: max(3.33333vw, 12px);
        height: 3.33333vw;
        right: 4.44444vw;
        top: 4.44444vw;
        width: 3.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process .arrow-up {
        font-size: max(.9375vw, 12px);
        height: .9375vw;
        right: 3.125vw;
        top: 1.5625vw;
        width: .9375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process .arrow-up {
        font-size: max(.9375vw, 12px);
        height: .9375vw;
        right: 3.125vw;
        top: 1.5625vw;
        width: .9375vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process .arrow-up {
        font-size: max(.9375vw, 12px);
        height: .9375vw;
        right: 3.125vw;
        top: 1.5625vw;
        width: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .site-process .arrow-up {
        font-size: max(.9375vw, 12px);
        height: .9375vw;
        right: 3.125vw;
        top: 1.5625vw;
        width: .9375vw
    }
}

.site-process--folded {
    flex-direction: row;
    text-align: left
}

@media screen and (max-width:720px) {
    .site-process--folded {
        height: auto
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process--folded {
        height: 4.29688vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process--folded {
        height: 4.29688vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process--folded {
        height: 4.29688vw
    }
}

@media screen and (min-width:1921px) {
    .site-process--folded {
        height: 4.29688vw
    }
}

.site-process--folded .arrow-up {
    transform: rotate(180deg)
}

.site-process--folded .site-process__title {
    font-size: var(--process-font-size);
    font-weight: 400;
    margin-top: 0;
    width: auto
}

@media screen and (max-width:720px) {
    .site-process--folded .site-process__title {
        margin: .27778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process--folded .site-process__title {
        margin: 0 3.125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process--folded .site-process__title {
        margin: 0 3.125vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process--folded .site-process__title {
        margin: 0 3.125vw
    }
}

@media screen and (min-width:1921px) {
    .site-process--folded .site-process__title {
        margin: 0 3.125vw
    }
}

.site-process--folded .site-process__steps,
.site-process--folded .site-process__subtitle,
.site-process--folded .site-process__terms {
    display: none
}

.site-process--folded .site-process__contact {
    margin: 0
}

.site-process__title {
    box-sizing: border-box;
    font-weight: 700;
    margin: 0;
    text-align: center
}

@media screen and (max-width:720px) {
    .site-process__title {
        margin-top: 11.11111vw;
        max-width: 280px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__title {
        margin-top: 2.5vw;
        max-width: 680px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__title {
        margin-top: 2.5vw;
        max-width: 1100px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__title {
        margin-top: 2.5vw;
        max-width: 1100px
    }
}

@media screen and (min-width:1921px) {
    .site-process__title {
        margin-top: 2.5vw;
        max-width: 1400px
    }
}

.site-process__subtitle {
    padding: 0 var(--site-horizontal-padding);
    text-align: center
}

@media screen and (max-width:720px) {
    .site-process__subtitle {
        margin-bottom: 28px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__subtitle {
        margin-bottom: 50px;
        margin-top: 16px;
        max-width: 880px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__subtitle {
        margin-bottom: 60px;
        margin-top: 18px;
        max-width: 1100px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__subtitle {
        margin-bottom: 60px;
        margin-top: 18px;
        max-width: 1100px
    }
}

@media screen and (min-width:1921px) {
    .site-process__subtitle {
        margin-bottom: 80px;
        margin-top: 24px;
        max-width: 1468px
    }
}

.site-process__terms {
    cursor: pointer;
    font-size: var(--process-font-size)
}

@media screen and (max-width:720px) {
    .site-process__terms {
        margin-bottom: 28px;
        margin-top: -12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__terms {
        margin-bottom: 50px;
        margin-top: -34px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__terms {
        margin-bottom: 60px;
        margin-top: -42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__terms {
        margin-bottom: 60px;
        margin-top: -42px
    }
}

@media screen and (min-width:1921px) {
    .site-process__terms {
        margin-bottom: 80px;
        margin-top: -56px
    }
}

.site-process__terms:hover {
    color: inherit;
    text-decoration: underline
}

.site-process__terms>.mi-link__arrow {
    font-size: var(--process-font-size)
}

.site-process__container {
    display: flex;
    flex-direction: column
}

.site-process__wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    text-align: center
}

@media screen and (max-width:720px) {
    .site-process__wrapper {
        margin-bottom: 5.55556vw;
        width: 90.27778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__wrapper {
        width: 56.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__wrapper {
        width: 56.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__wrapper {
        width: 56.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-process__wrapper {
        width: 56.25vw
    }
}

.site-process__contact {
    align-items: center;
    color: #898989;
    color: var(--text-secondary);
    display: flex
}

@media screen and (max-width:720px) {
    .site-process__contact {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__contact {
        margin-bottom: 45px;
        margin-top: 50px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__contact {
        margin-bottom: 60px;
        margin-top: 65px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__contact {
        margin-bottom: 60px;
        margin-top: 65px
    }
}

@media screen and (min-width:1921px) {
    .site-process__contact {
        margin-bottom: 80px;
        margin-top: 85px
    }
}

.site-process__contact-email {
    text-decoration: underline
}

@media screen and (max-width:720px) {
    .site-process__contact-email {
        line-height: 2.22222vw;
        margin-right: 3.88889vw;
        padding-right: 3.88889vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__contact-email {
        line-height: .625vw;
        margin-right: 1.25vw;
        padding-right: 1.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__contact-email {
        line-height: .625vw;
        margin-right: 1.25vw;
        padding-right: 1.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__contact-email {
        line-height: .625vw;
        margin-right: 1.25vw;
        padding-right: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .site-process__contact-email {
        line-height: .625vw;
        margin-right: 1.25vw;
        padding-right: 1.25vw
    }
}

.site-process__contact-email--line {
    border-inline-end: 1px solid #898989;
    border-inline-end: 1px solid var(--text-secondary)
}

.site-process__contact .mi-copy {
    word-break: break-word
}

@media screen and (max-width:720px) {
    .site-process__contact .mi-copy {
        width: 33.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process__contact .mi-copy {
        width: auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process__contact .mi-copy {
        width: auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process__contact .mi-copy {
        width: auto
    }
}

@media screen and (min-width:1921px) {
    .site-process__contact .mi-copy {
        width: auto
    }
}

.site-process .contact__info {
    align-items: center;
    display: flex
}

.site-process .contact__icon {
    line-height: 1
}

@media screen and (max-width:720px) {
    .site-process .contact__icon {
        font-size: 14px;
        margin-inline-end: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process .contact__icon {
        font-size: 20px;
        margin-inline-end: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process .contact__icon {
        font-size: 20px;
        margin-inline-end: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process .contact__icon {
        font-size: 20px;
        margin-inline-end: 8px
    }
}

@media screen and (min-width:1921px) {
    .site-process .contact__icon {
        font-size: 25px;
        margin-inline-end: 12px
    }
}

@media screen and (max-width:720px) {
    .site-process .site-process__wrapper {
        align-items: center;
        justify-content: flex-start
    }

    .site-process .site-process__steps {
        flex: none
    }

    .site-process .site-process__step__text {
        box-sizing: initial;
        flex: none
    }

    .site-process.site-process--folded {
        align-items: flex-start;
        flex-direction: column;
        padding: 4.44444vw
    }

    .site-process.site-process--folded .site-process__title {
        margin-bottom: 3.61111vw
    }

    .site-process.site-process--folded .mi-copy {
        width: auto
    }
}

.site-process .site-process__steps {
    --grid-repeat-count: auto-fit;
    align-self: stretch;
    padding: 0 var(--site-horizontal-padding)
}

@media screen and (max-width:720px) {
    .site-process .site-process__steps {
        --step-gap: 20px;
        --step-item-width: 100px;
        --step-arrow-width: 40px;
        --step-arrow-tip-width: 8px;
        --step-image-size: 32px;
        --step-item-content-gap: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process .site-process__steps {
        --step-gap: 12px;
        --step-item-width: 120px;
        --step-arrow-width: 48px;
        --step-arrow-tip-width: 8px;
        --step-image-size: 32px;
        --step-item-content-gap: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process .site-process__steps {
        --step-gap: 15px;
        --step-item-width: 180px;
        --step-arrow-width: 80px;
        --step-arrow-tip-width: 10px;
        --step-image-size: 42px;
        --step-item-content-gap: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process .site-process__steps {
        --step-gap: 60px;
        --step-item-width: 180px;
        --step-arrow-width: 100px;
        --step-arrow-tip-width: 10px;
        --step-image-size: 42px;
        --step-item-content-gap: 18px
    }
}

@media screen and (min-width:1921px) {
    .site-process .site-process__steps {
        --step-gap: 80px;
        --step-item-width: 240px;
        --step-arrow-width: 140px;
        --step-arrow-tip-width: 12px;
        --step-image-size: 56px;
        --step-item-content-gap: 24px
    }
}

.site-process .site-process__steps .step__list {
    display: grid;
    gap: var(--step-gap);
    grid-template-columns: repeat(var(--grid-repeat-count), var(--step-item-width));
    justify-content: center
}

@media screen and (max-width:720px) {
    .site-process .site-process__steps .step__list {
        grid-template-columns: repeat(3, minmax(0, var(--step-item-width)))
    }
}

.site-process .site-process__steps .step__item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content auto;
    justify-items: center;
    position: relative;
    row-gap: var(--step-item-content-gap);
    text-align: center
}

.site-process .site-process__steps .step__item+.step__item:before {
    transform: translateX(calc(-50% - var(--step-gap)/2));
    width: var(--step-arrow-width)
}

.site-process .site-process__steps .step__item+.step__item:after,
.site-process .site-process__steps .step__item+.step__item:before {
    border-top: 1px solid #898989;
    border-top: 1px solid var(--border-base);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: calc(var(--step-image-size)/2)
}

.site-process .site-process__steps .step__item+.step__item:after {
    transform: translateX(calc(-50% - var(--step-gap)/2 + var(--step-arrow-width)/2 - var(--step-arrow-tip-width)/2)) rotate(30deg);
    transform-origin: 100%;
    width: var(--step-arrow-tip-width)
}

@media screen and (max-width:720px) {

    .site-process .site-process__steps .step__item+.step__item:nth-child(3n+1):after,
    .site-process .site-process__steps .step__item+.step__item:nth-child(3n+1):before {
        display: none
    }
}

.site-process .site-process__steps .step__image {
    height: var(--step-image-size);
    width: var(--step-image-size)
}

.site-process .site-process__steps .step__business-login {
    color: #898989;
    color: var(--text-secondary);
    cursor: pointer
}

@media screen and (max-width:720px) {
    .site-process .site-process__steps .step__business-login {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process .site-process__steps .step__business-login {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process .site-process__steps .step__business-login {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process .site-process__steps .step__business-login {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .site-process .site-process__steps .step__business-login {
        font-size: 22px
    }
}

.site-process .site-process__steps .step__business-login--text {
    text-decoration: underline
}

@media screen and (max-width:720px) {
    .site-process .site-process__steps .step__business-login>.micon-link-arrow {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-process .site-process__steps .step__business-login>.micon-link-arrow {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-process .site-process__steps .step__business-login>.micon-link-arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-process .site-process__steps .step__business-login>.micon-link-arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .site-process .site-process__steps .step__business-login>.micon-link-arrow {
        font-size: 22px
    }
}

.page-gray-scale {
    display: none;
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.official-intro-steps {
    background-color: #fff;
    background-color: var(--background-white);
    max-width: var(--store-max-width);
    transform: translateZ(0)
}

@media screen and (max-width:720px) {
    .official-intro-steps {
        margin: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps {
        margin: auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps {
        margin: auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps {
        margin: auto
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps {
        margin: auto
    }
}

.official-intro-steps .official-intro-steps__title {
    margin-bottom: 0
}

.official-intro-steps .official-intro-steps__swiper {
    background: #f7f7f7
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-intro-steps__swiper {
        padding: 0 2.22222vw
    }
}

.official-intro-steps .official-intro-steps__swiper .swiper-wrapper {
    align-items: stretch
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-intro-steps__swiper .swiper-wrapper {
        padding-bottom: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .official-intro-steps__swiper .swiper-wrapper {
        padding-bottom: 21px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .official-intro-steps__swiper .swiper-wrapper {
        padding-bottom: 21px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .official-intro-steps__swiper .swiper-wrapper {
        padding-bottom: 27px
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .official-intro-steps__swiper .swiper-wrapper {
        padding-bottom: 35px
    }
}

.official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide {
    margin: 0 calc(var(--grid-gutter-width)/2);
    width: calc(var(--store-max-width)/4 - var(--grid-gutter-width)*3/4)
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide {
        width: calc(var(--store-max-width)/2.5 - var(--grid-gutter-width)*1/2.5)
    }
}

.official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide:first-child {
    margin-inline-start: 0
}

.official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide:last-child {
    margin-inline-end: 0
}

.official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content {
    align-items: center;
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content {
        border-radius: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content {
        border-radius: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content {
        border-radius: 7px
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content {
        border-radius: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .official-intro-steps__swiper .official-intro-steps__slide .official-intro-steps__content:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

.official-intro-steps .custom-tabPane--display {
    display: none
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-icon {
        height: 33px;
        margin-top: 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .official-icon {
        height: 36px;
        margin-top: 22.5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .official-icon {
        height: 36px;
        margin-top: 22.5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .official-icon {
        height: 48px;
        margin-top: 30px
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .official-icon {
        height: 64px;
        margin-top: 40px
    }
}

.official-intro-steps .official-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 400;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-title {
        color: #191919;
        font-size: 12px;
        height: 36px;
        margin-bottom: 12px;
        margin-top: 10px;
        padding: 0 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .official-title {
        color: #000;
        font-size: 12px;
        height: 24px;
        margin-bottom: 27px;
        margin-top: 17px;
        padding: 0 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .official-title {
        color: #000;
        font-size: 12px;
        height: 24px;
        margin-bottom: 27px;
        margin-top: 17px;
        padding: 0 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .official-title {
        color: #000;
        font-size: 14px;
        height: 28px;
        margin-bottom: 37px;
        margin-top: 23px;
        padding: 0 12px
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .official-title {
        color: #000;
        font-size: 18px;
        height: 36px;
        margin-bottom: 48px;
        margin-top: 30px;
        padding: 0 20px
    }
}

@media screen and (max-width:720px) {
    .official-intro-steps .official-title {
        -webkit-line-clamp: 3;
        line-height: 12px
    }
}

.official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets {
    background: #8989894d;
    border-radius: 2px;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

@media screen and (max-width:720px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets {
        width: 24.44444vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets {
        width: 21.09375vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets {
        width: 6.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets {
        width: 6.25vw
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets {
        width: 120px
    }
}

.official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    cursor: pointer;
    flex: 1 1;
    margin: 0
}

@media screen and (max-width:720px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px
    }
}

@media screen and (min-width:1921px) {
    .official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px
    }
}

.official-intro-steps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #191919
}

.store-popup {
    background-color: #fff;
    background-color: var(--background-white)
}

.store-popup .store-popup__edit {
    display: flex;
    justify-content: center
}

.store-popup .store-popup__title {
    margin-bottom: 0
}

.store-popup .store-popup__mask {
    align-items: center;
    background: #191919e6;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 21
}

.store-popup .store-popup__wrapper {
    color: #fff;
    color: var(--background-white);
    cursor: pointer;
    height: 400px;
    position: relative;
    width: 400px
}

@media screen and (max-width:720px) {
    .store-popup .store-popup__wrapper {
        height: 327px;
        width: 327px
    }
}

.store-popup .store-popup__image {
    height: 400px;
    width: 400px
}

@media screen and (max-width:720px) {
    .store-popup .store-popup__image {
        height: 327px;
        width: 327px
    }
}

.store-popup .store-popup__image>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.store-popup .store-popup__content {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 190px;
    justify-content: center;
    overflow: hidden;
    padding-inline-end: 45px;
    padding-inline-start: 45px;
    position: absolute;
    text-align: center;
    width: calc(100% - 90px);
    word-break: break-all
}

@media screen and (max-width:720px) {
    .store-popup .store-popup__content {
        height: 165px;
        padding-inline-end: 36px;
        padding-inline-start: 36px;
        width: calc(100% - 72px)
    }
}

.store-popup .store-popup-content__subtitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-popup .store-popup-content__subtitle {
        font-size: 12px;
        margin-inline-start: -3px
    }
}

.store-popup .store-popup-content__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    font-size: 21px;
    font-weight: 700;
    line-height: normal;
    margin-inline-start: -3px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-popup .store-popup-content__title {
        font-size: 18px
    }
}

.store-popup .store-popup-content__describe {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: normal;
    margin-inline-start: -3px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-popup .store-popup-content__describe {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .store-popup .store-popup-content__describe {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .store-popup .store-popup-content__describe {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .store-popup .store-popup-content__describe {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .store-popup .store-popup-content__describe {
        font-size: 14px
    }
}

.store-popup .store-popup-content__button {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    background: #fff;
    background: var(--background-white);
    border-radius: 8px;
    color: #191919;
    display: inline-block;
    display: box;
    display: -webkit-box;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 12px;
    overflow: hidden;
    padding: 0 22px;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .store-popup .store-popup-content__button {
        border-radius: 7px;
        font-size: 12px;
        height: 29px;
        line-height: 29px;
        margin-top: 11px;
        padding: 0 19px
    }
}

.store-popup .btn-dark {
    background: #191919;
    color: #fff;
    color: var(--background-white)
}

.store-popup .text-dark {
    color: #191919
}

.store-popup .store-popup__close {
    color: #898989;
    margin-top: 45px
}

.store-popup .store-popup__close i {
    cursor: pointer;
    font-size: 28px
}

@media screen and (max-width:720px) {
    .store-popup .store-popup__close i {
        font-size: 23px
    }
}

.store-popup *,
.store-popup :after,
.store-popup :before {
    box-sizing: initial
}

.store-popup__form-item .ant-form-item-label {
    overflow: inherit !important;
    white-space: pre-wrap !important
}

.store-popup__form-item .ant-form-item-explain {
    display: none !important
}

.big-box {
    display: flex;
    flex-direction: column
}

.new-user {
    align-content: center;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    justify-content: center
}

.new-user--full {
    grid-gap: 12px;
    --columns: 1
}

@media screen and (max-width:720px) {
    .new-user--full {
        margin: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full {
        margin: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full {
        margin: 0 auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full {
        margin: 0 auto
    }
}

@media screen and (min-width:1921px) {
    .new-user--full {
        margin: 0 auto
    }
}

.new-user--full .content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative
}

@media screen and (max-width:720px) {
    .new-user--full .content {
        border-radius: 8px;
        height: 129px;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .content {
        border-radius: 9px;
        height: 152px;
        width: 100%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .content {
        border-radius: 9px;
        height: 152px;
        width: 100%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .content {
        border-radius: 12px;
        height: 152px;
        width: 624px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .content {
        border-radius: 16px;
        height: 270px;
        width: 833px
    }
}

.new-user--full .new-user__left {
    background: #fff;
    border-right: 1px dashed #d2d2d2;
    box-sizing: border-box;
    display: flex;
    flex: 2 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left {
        border-radius: 8px;
        padding: 25px 16px;
        width: 182px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left {
        border-radius: 9px;
        padding: 33px 17px;
        width: 281px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left {
        border-radius: 9px;
        padding: 33px 17px;
        width: 281px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left {
        border-radius: 12px;
        padding: 49px 21px 49px 30px;
        width: 373px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left {
        border-radius: 16px;
        padding: 65px 28px 65px 40px;
        width: 496px
    }
}

.new-user--full .new-user__left .top-right {
    background-color: #f7f7f7;
    height: 15px;
    position: absolute;
    right: -8px;
    top: -5px;
    width: 15px
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left .top-right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left .top-right {
        border-radius: 16px
    }
}

.new-user--full .new-user__left .bottom-right {
    background-color: #f7f7f7;
    bottom: -5px;
    height: 15px;
    position: absolute;
    right: -8px;
    width: 15px
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left .bottom-right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left .bottom-right {
        border-radius: 16px
    }
}

.new-user--full .new-user__left-textbox {
    width: 100%
}

.new-user--full .new-user__left-textbox-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ff6900;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox-title {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox-title {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox-title {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox-title {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox-title {
        font-size: 24px
    }
}

.new-user--full .new-user__left-textbox-title--gray {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ccc;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox-title--gray {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox-title--gray {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox-title--gray {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox-title--gray {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox-title--gray {
        font-size: 24px
    }
}

.new-user--full .new-user__left-textbox-subtitle {
    color: #ff6900;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox-subtitle {
        font-size: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox-subtitle {
        font-size: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox-subtitle {
        font-size: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox-subtitle {
        font-size: 18px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox-subtitle {
        font-size: 24px;
        margin-top: 16px
    }
}

.new-user--full .new-user__left-textbox-subtitle--gray {
    color: #ccc;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox-subtitle--gray {
        font-size: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox-subtitle--gray {
        font-size: 18px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox-subtitle--gray {
        font-size: 24px;
        margin-top: 16px
    }
}

.new-user--full .new-user__left-textbox .tips-div {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox .tips-div {
        margin-top: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox .tips-div {
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox .tips-div {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox .tips-div {
        margin-top: 16px
    }
}

.new-user--full .new-user__left-textbox-tips {
    color: #ff6900;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 132px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 229px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 229px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox-tips {
        font-size: 15px;
        max-width: 329px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox-tips {
        font-size: 20px;
        max-width: 436px
    }
}

.new-user--full .new-user__left-textbox .tips-popover {
    background-color: #fff;
    height: 100%;
    margin-left: 5px
}

.new-user--full .new-user__left-textbox-tips--gray {
    color: #ccc;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 132px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 229px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 229px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__left-textbox-tips--gray {
        font-size: 15px;
        max-width: 329px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__left-textbox-tips--gray {
        font-size: 20px;
        max-width: 436px
    }
}

.new-user--full .new-user__left-textbox .tips-popover--gray {
    background-color: #fff;
    height: 100%;
    margin-left: 5px
}

.new-user--full .new-user__left-textbox .tan {
    background-color: #000;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    left: 10px;
    min-width: 200px;
    opacity: .7;
    padding: 20px;
    position: absolute;
    text-align: center;
    z-index: 99
}

.new-user--full .new-user__right {
    align-items: center;
    background: #fff;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 10px
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right {
        border-radius: 16px
    }
}

.new-user--full .new-user__right .right-box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right .right-box {
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right .right-box {
        padding: 0 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right .right-box {
        padding: 0 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right .right-box {
        padding: 0 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right .right-box {
        padding: 0 24px
    }
}

.new-user--full .new-user__right-link {
    align-items: center;
    background-color: #ff6900;
    border: 1px solid #ff6900;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    padding: 0 20px
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right-link {
        border-radius: 11px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right-link {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--full .new-user__right-link--white {
    align-items: center;
    background-color: #f8bb92;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    opacity: .4;
    padding: 0 20px;
    pointer-events: none
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right-link--white {
        border-radius: 11px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right-link--white {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--full .new-user__right-link--gray {
    align-items: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    padding: 0 20px;
    pointer-events: none
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right-link--gray {
        border-radius: 11px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right-link--gray {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--full .new-user__right-price {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ff6900;
    display: -webkit-box;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right-price {
        font-size: 21px;
        margin-bottom: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right-price {
        font-size: 24px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right-price {
        font-size: 24px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right-price {
        font-size: 30px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right-price {
        font-size: 40px;
        margin-bottom: 24px
    }
}

.new-user--full .new-user__right-price--gray {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ccc;
    display: -webkit-box;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .new-user--full .new-user__right-price--gray {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--full .new-user__right-price--gray {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--full .new-user__right-price--gray {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--full .new-user__right-price--gray {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--full .new-user__right-price--gray {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 24px
    }
}

.new-user--half {
    grid-gap: 12px
}

@media screen and (max-width:720px) {
    .new-user--half {
        --columns: 1
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half {
        --columns: 1
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half {
        --columns: 2
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half {
        --columns: 2
    }
}

@media screen and (min-width:1921px) {
    .new-user--half {
        --columns: 2
    }
}

.new-user--half .content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative
}

@media screen and (max-width:720px) {
    .new-user--half .content {
        border-radius: 8px;
        height: 129px;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .content {
        border-radius: 9px;
        height: 152px;
        width: 100%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .content {
        border-radius: 9px;
        height: 152px;
        width: 100%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .content {
        border-radius: 9px;
        height: 152px;
        width: 624px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .content {
        border-radius: 16px;
        height: 270px;
        width: 833px
    }
}

.new-user--half .new-user__left {
    background: #fff;
    border-right: 1px dashed #d2d2d2;
    box-sizing: border-box;
    display: flex;
    flex: 2 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    position: relative
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left {
        border-radius: 8px;
        padding: 25px 16px;
        width: 182px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left {
        border-radius: 9px;
        padding: 76px 48px;
        width: 279px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left {
        border-radius: 9px;
        padding: 34px 16px 33px 17px;
        width: 279px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left {
        border-radius: 9px;
        padding: 49px 21px 49px 30px;
        width: 372px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left {
        border-radius: 16px;
        padding: 65px 28px 65px 40px;
        width: 496px
    }
}

.new-user--half .new-user__left .top-right {
    background-color: #f7f7f7;
    height: 15px;
    position: absolute;
    right: -8px;
    top: -5px;
    width: 15px
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left .top-right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left .top-right {
        border-radius: 16px
    }
}

.new-user--half .new-user__left .bottom-right {
    background-color: #f7f7f7;
    bottom: -5px;
    height: 15px;
    position: absolute;
    right: -8px;
    width: 15px
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left .bottom-right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left .bottom-right {
        border-radius: 16px
    }
}

.new-user--half .new-user__left-textbox {
    box-sizing: border-box;
    width: 100%
}

.new-user--half .new-user__left-textbox-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ff6900;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox-title {
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox-title {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox-title {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox-title {
        font-size: 18px;
        line-height: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox-title {
        font-size: 24px;
        line-height: 24px
    }
}

.new-user--half .new-user__left-textbox-subtitle {
    color: #ff6900;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox-subtitle {
        font-size: 12px;
        line-height: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox-subtitle {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox-subtitle {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox-subtitle {
        font-size: 18px;
        line-height: 18px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox-subtitle {
        font-size: 24px;
        line-height: 24px;
        margin-top: 16px
    }
}

.new-user--half .new-user__left-textbox .tips-div {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox .tips-div {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox .tips-div {
        margin-top: 16px
    }
}

.new-user--half .new-user__left-textbox-tips {
    color: #ff6900;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 152px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 300px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 300px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox-tips {
        font-size: 15px;
        max-width: 328px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox-tips {
        font-size: 20px;
        max-width: 466px
    }
}

.new-user--half .new-user__left-textbox .tips-popover {
    background-color: #fff;
    height: 100%;
    margin-left: 5px
}

.new-user--half .new-user__left-textbox-title--gray {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ccc;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox-title--gray {
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox-title--gray {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox-title--gray {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox-title--gray {
        font-size: 18px;
        line-height: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox-title--gray {
        font-size: 24px;
        line-height: 24px
    }
}

.new-user--half .new-user__left-textbox-subtitle--gray {
    color: #ccc;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox-subtitle--gray {
        font-size: 12px;
        line-height: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox-subtitle--gray {
        font-size: 18px;
        line-height: 18px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox-subtitle--gray {
        font-size: 24px;
        line-height: 24px;
        margin-top: 16px
    }
}

.new-user--half .new-user__left-textbox-tips--gray {
    color: #ccc;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 152px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 300px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 300px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__left-textbox-tips--gray {
        font-size: 15px;
        max-width: 328px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__left-textbox-tips--gray {
        font-size: 20px;
        max-width: 466px
    }
}

.new-user--half .new-user__left-textbox .tips-popover--gray {
    background-color: #fff;
    height: 100%;
    margin-left: 5px
}

.new-user--half .new-user__left-textbox .tan {
    background-color: #000;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    left: 10px;
    min-width: 200px;
    opacity: .7;
    padding: 20px;
    position: absolute;
    text-align: center;
    z-index: 99
}

.new-user--half .new-user__right {
    align-items: center;
    background: #fff;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 10px
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right {
        border-radius: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right {
        border-radius: 16px
    }
}

.new-user--half .new-user__right .right-box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right .right-box {
        padding: 36px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right .right-box {
        padding: 44px 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right .right-box {
        padding: 44px 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right .right-box {
        padding: 60px 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right .right-box {
        padding: 81px 24px
    }
}

.new-user--half .new-user__right-link {
    align-items: center;
    background-color: #ff6900;
    border: 1px solid #ff6900;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right-link {
        border-radius: 10.5px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right-link {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--half .new-user__right-link--white {
    align-items: center;
    background-color: #f8bb92;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    opacity: .4;
    padding: 0 20px;
    pointer-events: none
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right-link--white {
        border-radius: 10px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right-link--white {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--half .new-user__right-price {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ff6900;
    display: -webkit-box;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right-price {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right-price {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right-price {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right-price {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right-price {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 24px
    }
}

.new-user--half .new-user__right-link--gray {
    align-items: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    pointer-events: none
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right-link--gray {
        border-radius: 10px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right-link--gray {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--half .new-user__right-price--gray {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ccc;
    display: -webkit-box;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .new-user--half .new-user__right-price--gray {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--half .new-user__right-price--gray {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--half .new-user__right-price--gray {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--half .new-user__right-price--gray {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--half .new-user__right-price--gray {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 24px
    }
}

.new-user--trisection {
    grid-gap: 12px
}

@media screen and (max-width:720px) {
    .new-user--trisection {
        --columns: 1
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection {
        --columns: 1
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection {
        --columns: 3
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection {
        --columns: 3
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection {
        --columns: 3
    }
}

.new-user--trisection .content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative
}

@media screen and (max-width:720px) {
    .new-user--trisection .content {
        border-radius: 8px;
        height: 128.67px;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .content {
        border-radius: 9px;
        height: 151px;
        width: 100%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .content {
        border-radius: 9px;
        height: 151.69px;
        width: 100%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .content {
        border-radius: 9px;
        height: 202.69px;
        width: 412px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .content {
        border-radius: 16px;
        height: 270px;
        width: 549px
    }
}

.new-user--trisection .new-user__left {
    background: #fff;
    border-right: 1px dashed #d2d2d2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    position: relative
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left {
        border-radius: 8px;
        flex: 2 1;
        padding: 25px 16px;
        width: 182px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left {
        border-radius: 9px;
        flex: 2 1;
        padding: 76px 48px;
        width: 156px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left {
        border-radius: 9px;
        flex: 1 1;
        padding: 34px 16px 33px 17px;
        width: 156px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left {
        border-radius: 9px;
        flex: 1 1;
        padding: 49px 21px 49px 30px;
        width: 210px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left {
        border-radius: 16px;
        flex: 1 1;
        padding: 65px 28px 65px 40px;
        width: 280px
    }
}

.new-user--trisection .new-user__left .top-right {
    background-color: #f7f7f7;
    height: 15px;
    position: absolute;
    right: -8px;
    top: -5px;
    width: 15px
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left .top-right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left .top-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left .top-right {
        border-radius: 16px
    }
}

.new-user--trisection .new-user__left .bottom-right {
    background-color: #f7f7f7;
    bottom: -5px;
    height: 15px;
    position: absolute;
    right: -8px;
    width: 15px
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left .bottom-right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left .bottom-right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left .bottom-right {
        border-radius: 16px
    }
}

.new-user--trisection .new-user__left-textbox {
    box-sizing: border-box;
    width: 100%
}

.new-user--trisection .new-user__left-textbox-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ff6900;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox-title {
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox-title {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox-title {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox-title {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox-title {
        font-size: 24px;
        line-height: 24px
    }
}

.new-user--trisection .new-user__left-textbox-subtitle {
    color: #ff6900;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox-subtitle {
        font-size: 12px;
        line-height: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox-subtitle {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox-subtitle {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox-subtitle {
        font-size: 14px;
        line-height: 14px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox-subtitle {
        font-size: 24px;
        line-height: 24px;
        margin-top: 16px
    }
}

.new-user--trisection .new-user__left-textbox .tips-div {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox .tips-div {
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox .tips-div {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox .tips-div {
        margin-top: 16px
    }
}

.new-user--trisection .new-user__left-textbox-tips {
    color: #ff6900;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 172px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 130px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 130.67px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox-tips {
        font-size: 12px;
        max-width: 180.67px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox-tips {
        font-size: 20px;
        max-width: 208px
    }
}

.new-user--trisection .new-user__left-textbox .tips-popover {
    background-color: #fff;
    height: 100%;
    margin-left: 5px
}

.new-user--trisection .new-user__left-textbox-title--gray {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ccc;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox-title--gray {
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox-title--gray {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox-title--gray {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox-title--gray {
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox-title--gray {
        font-size: 24px;
        line-height: 24px
    }
}

.new-user--trisection .new-user__left-textbox-subtitle--gray {
    color: #ccc;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox-subtitle--gray {
        font-size: 12px;
        line-height: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox-subtitle--gray {
        font-size: 14px;
        line-height: 14px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox-subtitle--gray {
        font-size: 24px;
        line-height: 24px;
        margin-top: 16px
    }
}

.new-user--trisection .new-user__left-textbox-tips--gray {
    color: #ccc;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 172px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 130px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 130.67px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__left-textbox-tips--gray {
        font-size: 12px;
        max-width: 180.67px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__left-textbox-tips--gray {
        font-size: 20px;
        max-width: 208px
    }
}

.new-user--trisection .new-user__left-textbox .tips-popover--gray {
    background-color: #fff;
    height: 100%;
    margin-left: 5px
}

.new-user--trisection .new-user__left-textbox .tan {
    background-color: #000;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    left: 10px;
    min-width: 200px;
    opacity: .7;
    padding: 20px;
    position: absolute;
    text-align: center;
    z-index: 99
}

.new-user--trisection .new-user__right {
    align-items: center;
    background: #fff;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 10px
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right {
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right {
        border-radius: 9px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right {
        border-radius: 16px
    }
}

.new-user--trisection .new-user__right .right-box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right .right-box {
        padding: 36px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right .right-box {
        padding: 44px 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right .right-box {
        padding: 44px 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right .right-box {
        padding: 60px 8px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right .right-box {
        padding: 81px 14px
    }
}

.new-user--trisection .new-user__right-link {
    align-items: center;
    background-color: #ff6900;
    border: 1px solid #ff6900;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right-link {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right-link {
        border-radius: 10px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right-link {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--trisection .new-user__right-link--white {
    align-items: center;
    background-color: #f8bb92;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    opacity: .4;
    pointer-events: none
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right-link--white {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right-link--white {
        border-radius: 10px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right-link--white {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--trisection .new-user__right-price {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ff6900;
    display: -webkit-box;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right-price {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right-price {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right-price {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right-price {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right-price {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 24px
    }
}

.new-user--trisection .new-user__right-link--gray {
    align-items: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    pointer-events: none
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 97px;
        padding: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right-link--gray {
        border-radius: 8px;
        font-size: 12px;
        line-height: 13px;
        min-width: 121px;
        padding: 5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right-link--gray {
        border-radius: 10px;
        font-size: 12px;
        line-height: 13px;
        min-width: 164px;
        padding: 5px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right-link--gray {
        border-radius: 14px;
        font-size: 16px;
        line-height: 24px;
        min-width: 215px;
        padding: 6px
    }
}

.new-user--trisection .new-user__right-price--gray {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ccc;
    display: -webkit-box;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .new-user--trisection .new-user__right-price--gray {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .new-user--trisection .new-user__right-price--gray {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .new-user--trisection .new-user__right-price--gray {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .new-user--trisection .new-user__right-price--gray {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1921px) {
    .new-user--trisection .new-user__right-price--gray {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 24px
    }
}

.tips-modal .mi-modal__main {
    text-align: center
}

.tan-btn--one {
    color: #898989;
    font-weight: 400;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .tan-btn--one {
        font-size: 12px;
        margin-bottom: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tan-btn--one {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tan-btn--one {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tan-btn--one {
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 30px
    }
}

@media screen and (min-width:1921px) {
    .tan-btn--one {
        font-size: 24px;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.icon-orange {
    color: orange
}

@media screen and (max-width:720px) {
    .icon-orange {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .icon-orange {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .icon-orange {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .icon-orange {
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .icon-orange {
        font-size: 20px
    }
}

.icon-gray {
    color: #ccc
}

@media screen and (max-width:720px) {
    .icon-gray {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .icon-gray {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .icon-gray {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .icon-gray {
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .icon-gray {
        font-size: 20px
    }
}

.new-user-module {
    background-color: #fff;
    background-color: var(--background-white)
}

.new-user-module .new-user-module__title {
    margin-bottom: 0
}

.tan-box {
    display: flex;
    justify-content: center;
    width: 100%
}

.tan-box .tan-btn {
    background: #000;
    border-radius: 8px;
    color: #fff;
    margin-top: 10px;
    padding: 5px 10px
}

.tan-box .tan-btn .mi-btn__text {
    font-size: 12px
}

.support-quick {
    width: 100%
}

.support-quick-title {
    font-weight: 700;
    line-height: 1;
    text-align: center
}

@media screen and (max-width:720px) {
    .support-quick-title {
        font-size: 21px;
        padding-bottom: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-quick-title {
        font-size: 24px;
        padding-bottom: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-quick-title {
        font-size: 28px;
        padding-bottom: 46px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-quick-title {
        font-size: 32px;
        padding-bottom: 56px
    }
}

@media screen and (min-width:1921px) {
    .support-quick-title {
        font-size: 32px;
        padding-bottom: 56px
    }
}

@media screen and (max-width:720px) {
    .support-quick-title {
        background-color: #fff
    }
}

.support-quick-enter {
    grid-gap: 14px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .support-quick-enter {
        background-color: #fff;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        padding: 0 14px
    }
}

.support-quick-enter .support-quick-enter-item {
    cursor: pointer;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:720px) {
    .support-quick-enter .support-quick-enter-item {
        background-color: #fcfcfc;
        box-sizing: border-box;
        padding: 14px
    }
}

.support-quick-enter .support-quick-enter-item__icon {
    align-items: center;
    color: #898989;
    display: flex;
    justify-content: center
}

@media screen and (max-width:720px) {
    .support-quick-enter .support-quick-enter-item__icon {
        align-items: end;
        height: 80px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-quick-enter .support-quick-enter-item__icon {
        height: 70px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-quick-enter .support-quick-enter-item__icon {
        height: 90px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-quick-enter .support-quick-enter-item__icon {
        height: 100px
    }
}

@media screen and (min-width:1921px) {
    .support-quick-enter .support-quick-enter-item__icon {
        height: 100px
    }
}

.support-quick-enter .support-quick-enter-item__icon .micon {
    line-height: 1;
    transition: all .3s
}

@media screen and (max-width:720px) {
    .support-quick-enter .support-quick-enter-item__icon .micon {
        font-size: 50px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-quick-enter .support-quick-enter-item__icon .micon {
        font-size: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-quick-enter .support-quick-enter-item__icon .micon {
        font-size: 55px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-quick-enter .support-quick-enter-item__icon .micon {
        font-size: 64px
    }
}

@media screen and (min-width:1921px) {
    .support-quick-enter .support-quick-enter-item__icon .micon {
        font-size: 64px
    }
}

.support-quick-enter .support-quick-enter-item__title {
    color: #191919;
    font-weight: 700;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-quick-enter .support-quick-enter-item__title {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 14px;
        padding: 0 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-quick-enter .support-quick-enter-item__title {
        font-size: 16px;
        margin-bottom: 12px;
        margin-top: 18px;
        padding: 0 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-quick-enter .support-quick-enter-item__title {
        font-size: 21px;
        margin-bottom: 16px;
        margin-top: 24px;
        padding: 0 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-quick-enter .support-quick-enter-item__title {
        font-size: 21px;
        margin-bottom: 16px;
        margin-top: 24px;
        padding: 0 12px
    }
}

@media screen and (min-width:1921px) {
    .support-quick-enter .support-quick-enter-item__title {
        font-size: 21px;
        margin-bottom: 16px;
        margin-top: 24px;
        padding: 0 20px
    }
}

.support-quick-enter .support-quick-enter-item__describe {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #191919;
    display: box;
    display: -webkit-box;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .support-quick-enter .support-quick-enter-item__describe {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: box;
        display: -webkit-box;
        font-size: 12px;
        margin-bottom: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .support-quick-enter .support-quick-enter-item__describe {
        font-size: 16px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .support-quick-enter .support-quick-enter-item__describe {
        font-size: 16px;
        margin-bottom: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .support-quick-enter .support-quick-enter-item__describe {
        font-size: 16px;
        margin-bottom: 16px
    }
}

@media screen and (min-width:1921px) {
    .support-quick-enter .support-quick-enter-item__describe {
        font-size: 16px;
        margin-bottom: 16px
    }
}

.support-quick-enter .support-quick-enter-item:hover .support-quick-enter-item__icon .micon {
    color: #191919
}

.discover {
    margin-bottom: 0 !important;
    width: 100%
}

.discover .discover-title {
    font-weight: 700;
    line-height: 1;
    text-align: center
}

@media screen and (max-width:720px) {
    .discover .discover-title {
        font-size: 21px;
        padding-bottom: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover .discover-title {
        font-size: 24px;
        padding-bottom: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover .discover-title {
        font-size: 28px;
        padding-bottom: 46px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover .discover-title {
        font-size: 32px;
        padding-bottom: 56px
    }
}

@media screen and (min-width:1921px) {
    .discover .discover-title {
        font-size: 32px;
        padding-bottom: 56px
    }
}

@media screen and (max-width:720px) {
    .discover .discover-title {
        background-color: #fff
    }
}

.discover-mobile {
    background-color: #fff;
    width: 100%
}

@media screen and (max-width:720px) {
    .discover-mobile {
        display: block
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-mobile {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-mobile {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-mobile {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .discover-mobile {
        display: none
    }
}

.discover-mobile .swiper-slide {
    padding-bottom: 40px;
    width: 280px !important
}

.discover-mobile .swiper-pagination {
    bottom: 0;
    position: absolute
}

.discover-mobile .swiper-pagination .swiper-pagination-bullet {
    background-color: #d0d0d0;
    border-radius: 4px;
    height: 2px;
    margin: 0 4px;
    opacity: .7;
    width: 26px
}

.discover-mobile .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff6900
}

.discover-mobile .discover-mobile__slide {
    border-radius: 4px;
    position: relative
}

.discover-mobile .discover-mobile__slide-img {
    border-radius: 4px;
    height: 160px;
    overflow: hidden;
    position: relative
}

.discover-mobile .discover-mobile__slide-img .discover-mobile__slide-discover-img {
    display: inline-block;
    height: 160px;
    object-fit: cover;
    width: 100%
}

.discover-mobile .discover-mobile__slide-img .discover-mobile__slide-discover-play {
    bottom: 16px;
    height: 21px;
    position: absolute;
    right: 16px;
    width: 21px
}

.discover-mobile .discover-mobile__slide-img .discover-mobile__slide-discover-play img {
    width: 100%
}

.discover-mobile .discover-mobile__slide-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #191919;
    display: box;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-top: 27px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word
}

.mi-modal.mi-modal--dialog .mi-modal-mobile-video {
    background-color: #000;
    height: 290px;
    max-width: unset;
    overflow: hidden;
    width: 100%
}

.mi-modal.mi-modal--dialog .mi-modal-mobile-video .mi-modal__main {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.mi-modal.mi-modal--dialog .mi-modal-mobile-video .mi-modal__main .modal-video {
    border: unset;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.discover-pc {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    pointer-events: unset
}

@media screen and (max-width:720px) {
    .discover-pc {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc {
        padding: 16px 16px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc {
        padding: 20px 20px 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc {
        padding: 24px 24px 56px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc {
        padding: 24px 24px 56px
    }
}

.discover-pc .discover-pc__slide {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    transition: all .6s;
    width: var(--slide-width)
}

.discover-pc .discover-pc__slide-active {
    background-color: #ff6900;
    height: 3px;
    position: absolute;
    top: 0;
    width: 100%
}

.discover-pc .discover-pc__slide-img {
    cursor: pointer;
    position: relative
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-img {
        height: 270px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-img {
        height: 340px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-img {
        height: 405px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-img {
        height: 405px
    }
}

.discover-pc .discover-pc__slide-img .discover-pc__slide-mask {
    background-color: #000000b3;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.discover-pc .discover-pc__slide-img .discover-pc__slide-discover-img {
    display: inline-block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.discover-pc .discover-pc__slide-img .discover-pc__slide-discover-play {
    cursor: pointer;
    position: absolute
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-img .discover-pc__slide-discover-play {
        bottom: 19px;
        right: 19px;
        width: 21px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-img .discover-pc__slide-discover-play {
        bottom: 24px;
        right: 24px;
        width: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-img .discover-pc__slide-discover-play {
        bottom: 24px;
        right: 24px;
        width: 32px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-img .discover-pc__slide-discover-play {
        bottom: 24px;
        right: 24px;
        width: 32px
    }
}

.discover-pc .discover-pc__slide-img .discover-pc__slide-discover-play img {
    width: 100%
}

.discover-pc .discover-pc__slide-bottom {
    position: relative
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom {
        height: 100px;
        padding-top: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom {
        height: 110px;
        padding-top: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom {
        height: 120px;
        padding-top: 24px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom {
        height: 120px;
        padding-top: 24px
    }
}

.discover-pc .discover-pc__slide-bottom-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: silver;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom-title {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom-title {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom-title {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom-title {
        font-size: 18px
    }
}

.discover-pc .discover-pc__slide-bottom-title-active {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #191919;
    display: block;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 40px 0 10px;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom-title-active {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom-title-active {
        font-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom-title-active {
        font-size: 21px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom-title-active {
        font-size: 21px
    }
}

.discover-pc .discover-pc__slide-bottom-content {
    padding: 0 40px 0 10px;
    position: absolute;
    transition: all .3s
}

.discover-pc .discover-pc__slide-bottom-content-hidden {
    opacity: 0
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom-content-hidden {
        top: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom-content-hidden {
        top: 68px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom-content-hidden {
        top: 74px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom-content-hidden {
        top: 74px
    }
}

.discover-pc .discover-pc__slide-bottom-content-show {
    opacity: 1
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom-content-show {
        top: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom-content-show {
        top: 52px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom-content-show {
        top: 58px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom-content-show {
        top: 58px
    }
}

.discover-pc .discover-pc__slide-bottom-subtitle {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom-subtitle {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom-subtitle {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom-subtitle {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom-subtitle {
        font-size: 16px
    }
}

.discover-pc .discover-pc__slide-bottom-button {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    width: auto
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-bottom-button {
        font-size: 12px;
        line-height: 24px;
        margin-top: 12px;
        padding: 0 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-bottom-button {
        font-size: 12px;
        line-height: 24px;
        margin-top: 12px;
        padding: 0 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-bottom-button {
        font-size: 16px;
        line-height: 28px;
        margin-top: 24px;
        padding: 0 12px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-bottom-button {
        font-size: 16px;
        line-height: 28px;
        margin-top: 24px;
        padding: 0 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .discover-pc .discover-pc__slide-hover {
        --slide-width: 480px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .discover-pc .discover-pc__slide-hover {
        --slide-width: 600px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .discover-pc .discover-pc__slide-hover {
        --slide-width: 720px
    }
}

@media screen and (min-width:1921px) {
    .discover-pc .discover-pc__slide-hover {
        --slide-width: 720px
    }
}

.discover-pc .discover-pc__slide:first-child .discover-pc__slide-img {
    border-top-left-radius: 10px;
    overflow: hidden
}

.discover-pc .discover-pc__slide:last-child .discover-pc__slide-img {
    border-top-right-radius: 10px;
    overflow: hidden
}

.mi-modal.mi-modal--dialog .mi-modal__overlay {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0006
}

.mi-modal.mi-modal--dialog .mi-modal-video {
    background-color: #000;
    height: 75%;
    max-width: unset;
    overflow: hidden;
    width: 80%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--dialog .mi-modal-video {
        height: 435px;
        width: 90%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--dialog .mi-modal-video {
        height: 486px;
        width: 864px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--dialog .mi-modal-video {
        height: 486px;
        width: 864px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--dialog .mi-modal-video {
        height: 486px;
        width: 864px
    }
}

.mi-modal.mi-modal--dialog .mi-modal-video .mi-modal__main {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.mi-modal.mi-modal--dialog .mi-modal-video .mi-modal__main .modal-video {
    border: unset;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.carousel-banner-important .preview-image,
.carousel-banner-normal-site .preview-image,
.site-official-service .preview-image {
    height: auto;
    width: 100%
}

.recommended {
    background-color: #fff;
    background-color: var(--background-white);
    padding: 3.33333vw
}

.recommended .preview-image {
    width: 100%
}

.event-page-module {
    background-color: #fff;
    background-color: var(--background-white)
}

.event-page-module .preview-image {
    width: 100%
}

.daily-picks-app .preview-image {
    height: auto;
    width: 100%
}

.banner-h364 {
    background-color: #fff;
    background-color: var(--background-white)
}

.banner-h364 .preview-image {
    height: auto;
    width: 100%
}

.login-guide {
    background-color: #fff;
    background-color: var(--background-white);
    padding: 2.77778vw
}

.login-guide .preview-image {
    width: 100%
}

.carousel-banner {
    --info-group-upper-row-gap: 10px;
    --controller-background-color: silver;
    --controller-indicator-opacity: 0.5;
    position: relative
}

@media screen and (max-width:720px) {
    .carousel-banner {
        --banner-height: 480px;
        --banner-content-width: 320px;
        --banner-content-height: 412px;
        --banner-content-padding-vertical: 0;
        --banner-content-padding-horizontal: 0;
        --info-width: 100%;
        --info-group-row-gap: 24px;
        --info-group-lower-row-gap: 12px;
        --action-row-gap: 16px;
        --font-size-large: 24px;
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --action-button-padding-horizontal: 8px;
        --action-button-height: 24px;
        --action-button-border-radius: 8px;
        --navigator-font-size: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .carousel-banner {
        --banner-height: 320px;
        --banner-content-width: 900px;
        --banner-content-height: 260px;
        --banner-content-padding-vertical: 16px;
        --banner-content-padding-horizontal: 48px;
        --info-width: 300px;
        --info-group-row-gap: 24px;
        --info-group-lower-row-gap: 10px;
        --action-row-gap: 20px;
        --font-size-large: 24px;
        --font-size-medium: 16px;
        --font-size-small: 14px;
        --icon-size: 18px;
        --action-button-padding-horizontal: 12px;
        --action-button-height: 26px;
        --action-button-border-radius: 8px;
        --navigator-font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .carousel-banner {
        --banner-height: 450px;
        --banner-content-width: 1080px;
        --banner-content-height: 360px;
        --banner-content-padding-vertical: 24px;
        --banner-content-padding-horizontal: 48px;
        --info-width: 342px;
        --info-group-row-gap: 60px;
        --info-group-lower-row-gap: 12px;
        --action-row-gap: 16px;
        --font-size-large: 28px;
        --font-size-medium: 16px;
        --font-size-small: 14px;
        --icon-size: 14px;
        --action-button-padding-horizontal: 10px;
        --action-button-height: 22px;
        --action-button-border-radius: 8px;
        --navigator-font-size: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .carousel-banner {
        --banner-height: 600px;
        --banner-content-width: 1440px;
        --banner-content-height: 480px;
        --banner-content-padding-vertical: 32px;
        --banner-content-padding-horizontal: 80px;
        --info-width: 456px;
        --info-group-row-gap: 60px;
        --info-group-lower-row-gap: 16px;
        --action-row-gap: 24px;
        --font-size-large: 36px;
        --font-size-medium: 20px;
        --font-size-small: 16px;
        --icon-size: 18px;
        --action-button-padding-horizontal: 12px;
        --action-button-height: 30px;
        --action-button-border-radius: 10px;
        --navigator-font-size: 48px
    }
}

@media screen and (min-width:1921px) {
    .carousel-banner {
        --banner-height: 600px;
        --banner-content-width: 1440px;
        --banner-content-height: 480px;
        --banner-content-padding-vertical: 32px;
        --banner-content-padding-horizontal: 80px;
        --info-width: 456px;
        --info-group-row-gap: 60px;
        --info-group-lower-row-gap: 16px;
        --action-row-gap: 24px;
        --font-size-large: 36px;
        --font-size-medium: 20px;
        --font-size-small: 16px;
        --icon-size: 18px;
        --action-button-padding-horizontal: 12px;
        --action-button-height: 30px;
        --action-button-border-radius: 10px;
        --navigator-font-size: 48px
    }
}

.carousel-banner.carousel-banner--dark {
    --controller-background-color: #d0d0d0
}

.carousel-banner:hover .carousel-banner__swiper-navigator .navigator__button {
    --controller-indicator-opacity: 0.5
}

.carousel-banner:hover .carousel-banner__swiper-navigator .navigator__button .navigator__icon {
    font-size: 1em
}

@keyframes progress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.carousel-banner .with-transition {
    transition: all .5s
}

.carousel-banner .carousel-banner__slide {
    align-items: center;
    color: #191919;
    color: var(--text-base);
    cursor: pointer;
    display: flex;
    height: var(--banner-height);
    justify-content: center;
    overflow: hidden;
    position: relative
}

.carousel-banner .carousel-banner__slide.carousel-banner__slide--dark {
    color: #fff;
    color: var(--text-reverse)
}

.carousel-banner .slide__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-banner .slide__background.slide__background--video {
    object-fit: cover;
    object-position: center
}

.carousel-banner .slide__background>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.carousel-banner .slide__content {
    box-sizing: border-box;
    display: flex;
    height: var(--banner-content-height);
    margin: 0 var(--site-horizontal-padding);
    max-width: var(--banner-content-width);
    padding: var(--banner-content-padding-vertical) var(--banner-content-padding-horizontal);
    position: relative;
    width: 100%;
    z-index: 2
}

.carousel-banner .slide__content.slide__content--horizontal-center {
    justify-content: center
}

.carousel-banner .slide__content.slide__content--end {
    justify-content: flex-end
}

.carousel-banner .slide__content.slide__content--vertical-center {
    align-items: center
}

.carousel-banner .slide__content.slide__content--bottom {
    align-items: flex-end
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__content.slide__content--mobile-top {
        align-items: flex-start
    }

    .carousel-banner .slide__content.slide__content--mobile-vertical-center {
        align-items: center
    }

    .carousel-banner .slide__content.slide__content--mobile-bottom {
        align-items: flex-end
    }
}

.carousel-banner .slide__info {
    display: grid;
    height: -moz-fit-content;
    height: fit-content;
    row-gap: var(--info-group-row-gap);
    width: var(--info-width)
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__info {
        align-content: center;
        justify-items: center;
        min-height: 200px;
        text-align: center
    }

    .carousel-banner .slide__info .slide__energy {
        justify-items: center
    }
}

.carousel-banner .slide__info.slide__info--center {
    justify-items: center;
    text-align: center
}

.carousel-banner .slide__info.slide__info--center .slide__energy {
    justify-items: center
}

.carousel-banner .slide__info-group {
    display: grid
}

.carousel-banner .slide__info-group.slide__info-group--upper {
    row-gap: var(--info-group-upper-row-gap)
}

.carousel-banner .slide__info-group.slide__info-group--lower {
    row-gap: var(--info-group-lower-row-gap)
}

.carousel-banner .slide__title {
    font-size: var(--font-size-large);
    font-weight: 700;
    margin: 0
}

.carousel-banner .slide__svg {
    width: 100%
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__svg.slide__svg--desktop {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .carousel-banner .slide__svg.slide__svg--mobile {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .carousel-banner .slide__svg.slide__svg--mobile {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .carousel-banner .slide__svg.slide__svg--mobile {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .carousel-banner .slide__svg.slide__svg--mobile {
        display: none
    }
}

.carousel-banner .slide__subtitle {
    font-size: var(--font-size-medium);
    font-weight: 700;
    margin: 0
}

.carousel-banner .slide__description,
.carousel-banner .slide__price {
    font-size: var(--font-size-small)
}

.carousel-banner .slide__description,
.carousel-banner .slide__subtitle,
.carousel-banner .slide__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

.carousel-banner .slide__price del {
    font-size: .8em;
    margin-inline-start: 6px
}

.carousel-banner .slide__footnote-label {
    padding: 2px
}

.carousel-banner .slide__energy {
    --link-font-size: var(--font-size-small)
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__energy {
        --image-width: 38px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .carousel-banner .slide__energy {
        --image-width: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .carousel-banner .slide__energy {
        --image-width: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .carousel-banner .slide__energy {
        --image-width: 52px
    }
}

@media screen and (min-width:1921px) {
    .carousel-banner .slide__energy {
        --image-width: 52px
    }
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__energy {
        justify-items: center
    }
}

.carousel-banner .slide__action {
    column-gap: var(--action-row-gap);
    display: grid;
    grid-auto-flow: column;
    width: -moz-fit-content;
    width: fit-content
}

.carousel-banner .slide__action-button {
    --btn-padding-vertical: 4px;
    --btn-padding-horizontal: var(--action-button-padding-horizontal);
    --btn-border-radius: var(--action-button-border-radius);
    --btn-ellipsis-lines: 2;
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--font-size-small);
    font-weight: 700;
    min-height: var(--action-button-height)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .carousel-banner .slide__action-button {
        --btn-padding-vertical: 2px
    }
}

.carousel-banner .slide__action-button.mi-btn--link-default {
    min-height: auto
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__action-button.mi-btn--link-default {
        min-height: var(--action-button-height)
    }
}

.carousel-banner .slide__action-icon {
    font-size: var(--icon-size);
    font-weight: 400;
    height: var(--icon-size);
    line-height: 1;
    margin-inline-start: 2px;
    width: var(--icon-size)
}

@media screen and (max-width:720px) {
    .carousel-banner .slide__action-icon {
        display: none
    }
}

.carousel-banner .carousel-banner__swiper-navigator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

@media screen and (max-width:720px) {
    .carousel-banner .carousel-banner__swiper-navigator {
        display: none
    }
}

.carousel-banner .carousel-banner__swiper-navigator.carousel-banner__swiper-navigator--prev {
    left: 0;
    right: auto
}

.carousel-banner .carousel-banner__swiper-navigator.carousel-banner__swiper-navigator--next,
[dir=rtl] .carousel-banner .carousel-banner__swiper-navigator.carousel-banner__swiper-navigator--prev {
    left: auto;
    right: 0
}

[dir=rtl] .carousel-banner .carousel-banner__swiper-navigator.carousel-banner__swiper-navigator--next {
    left: 0;
    right: auto
}

.carousel-banner .navigator__button {
    --controller-indicator-opacity: 0;
    align-items: center;
    display: flex;
    font-size: var(--navigator-font-size);
    height: 2em;
    justify-content: center;
    line-height: 1;
    opacity: var(--controller-indicator-opacity);
    width: 2em
}

.carousel-banner .navigator__button.navigator__button--prev {
    margin-inline-start: .5em
}

.carousel-banner .navigator__button.navigator__button--next {
    margin-inline-end: .5em
}

.carousel-banner .navigator__button.navigator__button--next:hover,
.carousel-banner .navigator__button.navigator__button--prev:hover {
    --controller-indicator-opacity: 1
}

.carousel-banner .navigator__icon {
    color: var(--controller-background-color);
    font-size: .9em;
    line-height: 1
}

.carousel-banner .carousel-banner__swiper-controller {
    align-items: center;
    bottom: 0;
    column-gap: var(--controller-gap);
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    padding-bottom: var(--controller-bottom-gap);
    padding-top: calc(var(--controller-bottom-gap)/2);
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2
}

@media screen and (max-width:720px) {
    .carousel-banner .carousel-banner__swiper-controller {
        --controller-gap: 10px;
        --controller-bottom-gap: 10px;
        --controller-bar-width: 40px;
        --controller-bar-height: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .carousel-banner .carousel-banner__swiper-controller {
        --controller-gap: 12px;
        --controller-bottom-gap: 12px;
        --controller-bar-width: 100px;
        --controller-bar-height: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .carousel-banner .carousel-banner__swiper-controller {
        --controller-gap: 12px;
        --controller-bottom-gap: 16px;
        --controller-bar-width: 100px;
        --controller-bar-height: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .carousel-banner .carousel-banner__swiper-controller {
        --controller-gap: 20px;
        --controller-bottom-gap: 20px;
        --controller-bar-width: 150px;
        --controller-bar-height: 18px
    }
}

@media screen and (min-width:1921px) {
    .carousel-banner .carousel-banner__swiper-controller {
        --controller-gap: 20px;
        --controller-bottom-gap: 20px;
        --controller-bar-width: 150px;
        --controller-bar-height: 18px
    }
}

.carousel-banner .carousel-banner__swiper-controller:hover {
    --controller-indicator-opacity: 0.7
}

.carousel-banner .controller__button {
    background-color: initial;
    border: none;
    cursor: pointer;
    padding: 0
}

.carousel-banner .controller__button:hover {
    --controller-indicator-opacity: 1
}

.carousel-banner .controller__bar {
    align-items: center;
    display: flex;
    height: var(--controller-bar-height);
    opacity: var(--controller-indicator-opacity);
    width: var(--controller-bar-width)
}

.carousel-banner .controller__bar.controller__bar--current {
    --controller-indicator-opacity: 1
}

.carousel-banner .controller__bar.controller__bar--current .controller__indicator {
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-name: progress;
    animation-timing-function: linear
}

.carousel-banner .controller__bar.controller__bar--pause .controller__indicator {
    animation-play-state: paused
}

.carousel-banner .controller__indicator-container {
    --indicator-border-radius: 1px;
    background-color: var(--controller-background-color);
    border-radius: var(--indicator-border-radius);
    overflow: hidden;
    width: 100%
}

.carousel-banner .controller__indicator {
    background-color: #ff6900;
    border-radius: var(--indicator-border-radius);
    display: block;
    height: 2px;
    width: 0
}

.carousel-banner .controller__icon-container {
    background-color: initial;
    border: 0;
    cursor: pointer;
    line-height: 0;
    opacity: var(--controller-indicator-opacity);
    padding: 0;
    width: var(--controller-bar-height)
}

.carousel-banner .controller__icon {
    color: var(--controller-background-color);
    font-size: var(--controller-bar-height);
    line-height: 1
}

.mi-footnote-label .mi-footnote-label__link {
    color: inherit
}

.mi-footnote-label .mi-footnote-label__link:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.trade-in-sku .trade-in-sku__title {
    color: #191919;
    color: var(--text-base);
    font-weight: 700;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__title {
        font-size: 19px;
        margin-bottom: 34px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__title {
        font-size: 34px;
        margin-bottom: 58px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__title {
        font-size: 42px;
        margin-bottom: 70px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__title {
        font-size: 42px;
        margin-bottom: 70px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__title {
        font-size: 48px;
        margin-bottom: 80px
    }
}

.trade-in-sku .trade-in-sku__list {
    display: grid;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list {
        grid-gap: 14px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list {
        grid-gap: 16px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list {
        grid-gap: 21px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list {
        grid-gap: 21px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list {
        grid-gap: 24px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__item {
    background-color: #fff;
    background-color: var(--background-white);
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: box-shadow .25s ease;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item:hover {
        box-shadow: 0 .3125vw .72917vw 0 #00000014
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item:hover {
        box-shadow: 0 6px 14px 0 #00000014
    }
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item {
        height: auto;
        padding: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item {
        height: 190px;
        padding: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item {
        height: 230px;
        padding: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item {
        height: 230px;
        padding: 20px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__item {
        height: 268px;
        padding: 20px
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product-wrapper:hover {
    transition: all .25s ease
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product-wrapper:hover .trade-in-sku__product-info .product-link {
    display: inline-block;
    height: auto
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product {
        flex-direction: column
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product {
        flex-direction: row
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product {
        flex-direction: row
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product {
        flex-direction: row
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product {
        flex-direction: row
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-img {
    font-size: 0;
    object-fit: contain;
    object-position: center
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-img {
        height: 80px;
        width: 80px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-img {
        height: 100px;
        width: 100px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-img {
        height: 120px;
        width: 120px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-img {
        height: 120px;
        width: 120px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-img {
        height: 140px;
        width: 140px
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info {
    word-wrap: break-word;
    flex: 1 1;
    width: 100%
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info {
        font-size: 12px;
        text-align: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info {
        font-size: 12px;
        margin-inline-start: 17px;
        text-align: left
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info {
        font-size: 14px;
        margin-inline-start: 20px;
        text-align: left
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info {
        font-size: 14px;
        margin-inline-start: 20px;
        text-align: left
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info {
        font-size: 16px;
        margin-inline-start: 24px;
        text-align: left
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: inline-block;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-title {
        font-size: 12px;
        margin: 12px 0 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-title {
        font-size: 14px;
        margin: 14px 0 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-title {
        font-size: 18px;
        margin: 17px 0 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-title {
        font-size: 18px;
        margin: 17px 0 14px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-title {
        font-size: 20px;
        margin: 20px 0 16px
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .trade-in-bonus {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: inline-block;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .trade-in-bonus {
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .trade-in-bonus {
        margin-top: 23px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .trade-in-bonus {
        margin-top: 27px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .trade-in-bonus {
        margin-top: 27px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .trade-in-bonus {
        margin-top: 32px
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link {
    border-radius: 10px;
    display: none;
    height: 0
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link {
        font-size: 12px;
        padding: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link {
        font-size: 12px;
        margin-top: 10px;
        padding: 5px 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link {
        font-size: 14px;
        margin-top: 12px;
        padding: 5px 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link {
        font-size: 14px;
        margin-top: 12px;
        padding: 5px 16px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link {
        font-size: 16px;
        margin-top: 16px;
        padding: 6px 18px
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__product .trade-in-sku__product-info .product-link:hover {
    color: #fff;
    color: var(--text-reverse)
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__more {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
    padding-right: 0
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link {
    font-weight: 700;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link {
        font-size: 12px;
        line-height: normal
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link {
        font-size: 14px;
        line-height: 20px;
        margin-inline-end: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link {
        font-size: 18px;
        line-height: 24px;
        margin-inline-end: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link {
        font-size: 18px;
        line-height: 24px;
        margin-inline-end: 22px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link {
        font-size: 20px;
        line-height: 28px;
        margin-inline-end: 26px
    }
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-link .mi-btn__text {
    display: block
}

.trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-img {
    align-self: flex-end;
    border-radius: 10px;
    font-size: 0;
    object-fit: contain
}

@media screen and (max-width:720px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-img {
        max-height: 54px;
        max-width: 54px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-img {
        max-height: 115px;
        max-width: 115px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-img {
        max-height: 150px;
        max-width: 150px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-img {
        max-height: 140px;
        max-width: 140px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-sku .trade-in-sku__list .trade-in-sku__more .trade-in-sku__more-img {
        max-height: 160px;
        max-width: 160px
    }
}

.trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-img {
    background-color: #eee;
    background-color: var(--skeleton-color)
}

.trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-price,
.trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-title,
.trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-bonus {
    background-color: #eee;
    background-color: var(--skeleton-color);
    color: #eee;
    color: var(--skeleton-color)
}

@media screen and (max-width:720px) {

    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-price,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-title,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-bonus {
        height: 12px;
        width: 115px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-price,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-title,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-bonus {
        height: 14px;
        width: 120px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-price,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-title,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-bonus {
        height: 18px;
        width: 145px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-price,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-title,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-bonus {
        height: 18px;
        width: 140px
    }
}

@media screen and (min-width:1921px) {

    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-price,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .product-title,
    .trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-bonus {
        height: 20px;
        width: 168px
    }
}

.trade-in-sku .trade-in-sku__list--loading .trade-in-sku__product-info .trade-in-sku__product-link {
    background-color: #eee;
    background-color: var(--skeleton-color)
}

.exclusive-offers {
    width: 100%
}

.exclusive-offers .exclusive-offers__header {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    position: relative
}

@media screen and (max-width:720px) {
    .exclusive-offers .exclusive-offers__header {
        margin-bottom: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers .exclusive-offers__header {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers .exclusive-offers__header {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers .exclusive-offers__header {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers .exclusive-offers__header {
        margin-bottom: 40px
    }
}

@media screen and (max-width:720px) {
    .exclusive-offers .exclusive-offers__header {
        background: #fff
    }
}

.exclusive-offers .exclusive-offers__header-text {
    color: #000;
    font-weight: 700;
    line-height: 32px
}

@media screen and (max-width:720px) {
    .exclusive-offers .exclusive-offers__header-text {
        font-size: 21px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers .exclusive-offers__header-text {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers .exclusive-offers__header-text {
        font-size: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers .exclusive-offers__header-text {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers .exclusive-offers__header-text {
        font-size: 32px
    }
}

.exclusive-offers .exclusive-offers__header-arrow {
    color: #d1d1d1;
    position: absolute;
    right: 0
}

@media screen and (max-width:720px) {
    .exclusive-offers .exclusive-offers__header-arrow {
        display: none
    }
}

.exclusive-offers .exclusive-offers__header-arrow-left {
    cursor: pointer;
    font-size: 30px
}

.exclusive-offers .exclusive-offers__header-arrow-right {
    cursor: pointer;
    font-size: 30px;
    margin-left: 25px
}

.exclusive-offers .exclusive-offers__header-arrow-disabled {
    color: #e1e1e1;
    cursor: not-allowed
}

.exclusive-offers .exclusive-offers__header .swiper-button-disabled {
    color: #e1e1e1;
    cursor: auto
}

.exclusive-offers .exclusive-offers__list {
    display: flex;
    position: relative;
    transition: all .5s;
    width: 100%
}

@media screen and (max-width:720px) {
    .exclusive-offers .exclusive-offers__list {
        background: #fff;
        flex-direction: column
    }
}

.exclusive-offers .exclusive-offers__item {
    display: inline-block;
    flex-shrink: 0;
    width: calc(33.3333% - 14px)
}

@media screen and (max-width:720px) {
    .exclusive-offers .exclusive-offers__item {
        height: auto;
        margin: 13px 0 0;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers .exclusive-offers__item {
        height: 320px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers .exclusive-offers__item {
        height: 396px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers .exclusive-offers__item {
        height: 480px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers .exclusive-offers__item {
        height: 480px
    }
}

.exclusive-offers .exclusive-offers__item:first-child {
    margin-left: 0
}

.exclusive-offers .exclusive-offers__item:last-child {
    margin-inline-end: 0
}

.exclusive-offers * {
    box-sizing: initial
}

.activity-customize {
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    height: calc(100% - 16px);
    padding-top: 16px;
    position: relative
}

@media screen and (max-width:720px) {
    .activity-customize {
        border-radius: 0;
        height: 100%;
        padding-top: 0
    }
}

.activity-customize .activity-customize__content {
    border-radius: 10px;
    margin-inline-start: 16px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:720px) {
    .activity-customize .activity-customize__content {
        height: 140px;
        width: "auto"
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-customize .activity-customize__content {
        height: 200px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-customize .activity-customize__content {
        height: 258px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-customize .activity-customize__content {
        height: 321px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1921px) {
    .activity-customize .activity-customize__content {
        height: 321px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width:720px) {
    .activity-customize .activity-customize__content {
        margin-inline-start: 0;
        padding: 0 12px
    }
}

.activity-customize .activity-customize__content-background img {
    border-radius: 10px;
    object-fit: cover;
    transition: .5s;
    width: 100%
}

@media screen and (max-width:720px) {
    .activity-customize .activity-customize__content-background img {
        border-radius: 0;
        height: 140px;
        vertical-align: top
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-customize .activity-customize__content-background img {
        height: 200px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-customize .activity-customize__content-background img {
        height: 258px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-customize .activity-customize__content-background img {
        height: 321px
    }
}

@media screen and (min-width:1921px) {
    .activity-customize .activity-customize__content-background img {
        height: 321px
    }
}

.activity-customize .activity-customize__content-image img {
    bottom: 0;
    height: 160px;
    left: 0;
    margin: auto;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px
}

.activity-customize:hover .activity-customize__content-background img {
    transform: scale(1.05)
}

@media screen and (max-width:720px) {
    .activity-customize:hover .activity-customize__content-background img {
        transform: unset
    }
}

.activity-customize:hover .exclusive-offers-footer-bar__content-desc {
    opacity: 0;
    transform: translateY(-10px)
}

@media screen and (max-width:720px) {
    .activity-customize:hover .exclusive-offers-footer-bar__content-desc {
        opacity: 1;
        transform: unset
    }
}

.activity-customize:hover .exclusive-offers-footer-bar__content-button {
    opacity: 1;
    transform: translateY(-50px)
}

@media screen and (max-width:720px) {
    .activity-customize:hover .exclusive-offers-footer-bar__content-button {
        opacity: 0;
        transform: unset
    }
}

.exclusive-offers-empty {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:720px) {
    .exclusive-offers-empty {
        border-radius: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-empty {
        border-radius: 7px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-empty {
        border-radius: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-empty {
        border-radius: 8px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-empty {
        border-radius: 8px
    }
}

.exclusive-offers-empty__img {
    background: #eee;
    background: var(--skeleton-color);
    border-radius: 10px;
    margin-bottom: 20px;
    object-fit: cover
}

@media screen and (max-width:720px) {
    .exclusive-offers-empty__img {
        border-radius: 0;
        height: 140px;
        margin-bottom: 0;
        vertical-align: top;
        width: calc(100vw - 25px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-empty__img {
        height: 228px;
        width: 288px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-empty__img {
        height: 325px;
        width: 426px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-empty__img {
        height: 325px;
        width: 426px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-empty__img {
        height: 325px;
        width: 426px
    }
}

.exclusive-offers-empty__title {
    background: #eee;
    background: var(--skeleton-color);
    height: 30px;
    width: 50%
}

@media screen and (max-width:720px) {
    .exclusive-offers-empty__title {
        height: 19px;
        margin-top: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-empty__title {
        margin-top: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-empty__title {
        margin-top: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-empty__title {
        margin-top: 15px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-empty__title {
        margin-top: 15px
    }
}

.exclusive-offers-empty__subtitle {
    background: #eee;
    background: var(--skeleton-color);
    height: 30px;
    margin-top: 25px;
    width: 80%
}

@media screen and (max-width:720px) {
    .exclusive-offers-empty__subtitle {
        height: 19px;
        margin-top: 10px
    }
}

.exclusive-offers-footer-bar {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-inline-start: 16px
}

@media screen and (max-width:720px) {
    .exclusive-offers-footer-bar {
        height: 83px;
        margin-top: 16px;
        width: calc(100% - 72px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-footer-bar {
        height: 64px;
        margin-top: 25px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-footer-bar {
        height: 74px;
        margin-top: 32px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-footer-bar {
        height: 72px;
        margin-top: 32px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-footer-bar {
        height: 72px;
        margin-top: 32px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width:720px) {
    .exclusive-offers-footer-bar {
        background: #fafafa;
        margin-inline-start: 12px;
        margin-top: 0;
        padding: 0 24px
    }
}

.exclusive-offers-footer-bar__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #191919;
    display: box;
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word;
    z-index: 2
}

@media screen and (max-width:720px) {
    .exclusive-offers-footer-bar__title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-footer-bar__title {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-footer-bar__title {
        font-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-footer-bar__title {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-footer-bar__title {
        font-size: 18px
    }
}

.exclusive-offers-footer-bar__title i {
    color: #ff6900
}

.exclusive-offers-footer-bar__content {
    font-weight: 400;
    height: 38px;
    text-align: center
}

@media screen and (max-width:720px) {
    .exclusive-offers-footer-bar__content {
        height: 35px;
        line-height: 12px;
        margin-top: 3px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-footer-bar__content {
        margin-top: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-footer-bar__content {
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-footer-bar__content {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-footer-bar__content {
        margin-top: 12px
    }
}

.exclusive-offers-footer-bar__content-desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    height: 50px;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s;
    word-break: break-word;
    z-index: 1
}

@media screen and (max-width:720px) {
    .exclusive-offers-footer-bar__content-desc {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-footer-bar__content-desc {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-footer-bar__content-desc {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-footer-bar__content-desc {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-footer-bar__content-desc {
        font-size: 16px
    }
}

.exclusive-offers-footer-bar__content-desc-tag,
.exclusive-offers-footer-bar__content-desc-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.exclusive-offers-footer-bar__content-desc-tag {
    margin-top: 3px
}

.exclusive-offers-footer-bar__content-button {
    background: #191919;
    border-radius: 10.5px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-top: 7px;
    opacity: 0;
    padding: 6px 12px;
    transition: .3s
}

@media screen and (max-width:720px) {
    .exclusive-offers-footer-bar__content-button {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exclusive-offers-footer-bar__content-button {
        font-size: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exclusive-offers-footer-bar__content-button {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exclusive-offers-footer-bar__content-button {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .exclusive-offers-footer-bar__content-button {
        font-size: 16px
    }
}

.activity-daily-picks {
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    height: calc(100% - 16px);
    padding-top: 16px;
    text-align: center
}

@media screen and (max-width:720px) {
    .activity-daily-picks {
        border-radius: 0;
        height: 100%;
        padding-top: 0
    }
}

.activity-daily-picks .activity-daily-picks__content {
    border-radius: 10px;
    margin-inline-start: 16px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content {
        height: 140px;
        width: "auto"
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content {
        height: 200px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content {
        height: 258px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content {
        height: 321px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content {
        height: 321px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content {
        margin-inline-start: 0;
        padding: 0 12px
    }
}

.activity-daily-picks .activity-daily-picks__content-background img {
    border-radius: 10px;
    object-fit: cover;
    transition: .5s;
    width: 100%
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-background img {
        border-radius: 0;
        height: 140px;
        vertical-align: top
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-background img {
        height: 200px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-background img {
        height: 258px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content-background img {
        height: 321px
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content-background img {
        height: 321px
    }
}

.activity-daily-picks .activity-daily-picks__content-info {
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info {
        align-items: center;
        justify-content: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info {
        justify-content: center
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info {
        justify-content: center
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content-info {
        align-items: center
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content-info {
        align-items: center
    }
}

.activity-daily-picks .activity-daily-picks__content-info-status {
    align-items: flex-start;
    color: #ff6900;
    display: flex;
    flex-flow: column nowrap;
    font-weight: 400;
    margin-top: 66px
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info-status {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info-status {
        font-size: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info-status {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content-info-status {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content-info-status {
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info-status {
        margin-top: 20px
    }
}

.activity-daily-picks .activity-daily-picks__content-info-status .mi-count-down__date {
    margin-inline-end: 10px
}

.activity-daily-picks .activity-daily-picks__content-info-time {
    flex: 1 1;
    margin-left: 16px;
    text-align: left
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info-time {
        flex: none;
        margin-left: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info-time {
        bottom: 12px;
        left: 12px;
        margin-left: 0;
        position: absolute
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info-time {
        bottom: 12px;
        left: 12px;
        margin-left: 0;
        position: absolute
    }
}

.activity-daily-picks .activity-daily-picks__content-info-time-date {
    color: #ff6900;
    display: inline-block;
    font-weight: 700;
    line-height: 32px;
    width: 100%
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        display: none
    }
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        font-size: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        font-size: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        font-size: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-date {
        font-size: 32px
    }
}

.activity-daily-picks .activity-daily-picks__content-info-time-desc {
    color: #ff6900;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    width: 100%
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-desc {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-desc {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-desc {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-desc {
        font-size: 20px
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content-info-time-desc {
        font-size: 20px
    }
}

.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__tip {
    margin-bottom: 5px
}

.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day,
.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-inline-end: 8px
}

@media screen and (max-width:720px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
        border-radius: 7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
        border-radius: 7px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
        border-radius: 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
        border-radius: 10px
    }
}

@media screen and (min-width:1921px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
        border-radius: 10px
    }
}

.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong,
.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__time {
    background: #fff;
    color: #ff6900
}

@media screen and (max-width:720px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__time {
        font-size: 12px;
        height: 20px;
        width: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__time {
        font-size: 10px;
        height: 20px;
        width: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__time {
        font-size: 12px;
        height: 23px;
        width: 23px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__time {
        font-size: 14px;
        height: 28px;
        width: 28px
    }
}

@media screen and (min-width:1921px) {

    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong,
    .activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__time {
        font-size: 14px;
        height: 28px;
        width: 28px
    }
}

.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__day-content strong {
    display: inline-flex
}

.activity-daily-picks .activity-daily-picks__content-info-time .mi-count-down__colon {
    color: #ff6900
}

.activity-daily-picks .activity-daily-picks__content-info-image img {
    margin-inline-end: 15px;
    transition: all .5s
}

@media screen and (max-width:720px) {
    .activity-daily-picks .activity-daily-picks__content-info-image img {
        height: 120px;
        margin-inline-end: 0;
        margin-left: 34px;
        margin-top: 0;
        width: 120px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-daily-picks .activity-daily-picks__content-info-image img {
        height: 136px;
        margin-inline-end: 0;
        margin-top: 10px;
        width: 136px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-daily-picks .activity-daily-picks__content-info-image img {
        height: 160px;
        margin-inline-end: 0;
        margin-top: 35px;
        width: 160px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-daily-picks .activity-daily-picks__content-info-image img {
        height: 240px;
        margin-inline-end: 15px;
        margin-top: 0;
        width: 240px
    }
}

@media screen and (min-width:1921px) {
    .activity-daily-picks .activity-daily-picks__content-info-image img {
        height: 240px;
        margin-inline-end: 15px;
        margin-top: 0;
        width: 240px
    }
}

.activity-daily-picks .activity-daily-picks__image {
    border-radius: 10px;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: auto
}

.activity-daily-picks .activity-daily-picks__count-down {
    bottom: 130px;
    left: 40px;
    position: absolute
}

.activity-daily-picks:hover .activity-daily-picks__content-background img,
.activity-daily-picks:hover .activity-daily-picks__content-info-image img {
    transform: scale(1.05)
}

@media screen and (max-width:720px) {

    .activity-daily-picks:hover .activity-daily-picks__content-background img,
    .activity-daily-picks:hover .activity-daily-picks__content-info-image img {
        transform: unset
    }
}

.activity-daily-picks:hover .exclusive-offers-footer-bar__content-desc {
    opacity: 0;
    transform: translateY(-10px)
}

@media screen and (max-width:720px) {
    .activity-daily-picks:hover .exclusive-offers-footer-bar__content-desc {
        opacity: 1;
        transform: unset
    }
}

.activity-daily-picks:hover .exclusive-offers-footer-bar__content-button {
    opacity: 1;
    transform: translateY(-50px)
}

@media screen and (max-width:720px) {
    .activity-daily-picks:hover .exclusive-offers-footer-bar__content-button {
        opacity: 0;
        transform: unset
    }
}

.activity-new-product {
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    height: calc(100% - 16px);
    padding-top: 16px;
    position: relative;
    text-align: center
}

@media screen and (max-width:720px) {
    .activity-new-product {
        border-radius: 0;
        height: 100%;
        padding-top: 0
    }
}

.activity-new-product .activity-new-product__content {
    border-radius: 10px;
    margin-inline-start: 16px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:720px) {
    .activity-new-product .activity-new-product__content {
        height: 140px;
        width: "auto"
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-new-product .activity-new-product__content {
        height: 200px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-new-product .activity-new-product__content {
        height: 258px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-new-product .activity-new-product__content {
        height: 321px;
        width: calc(100% - 30px)
    }
}

@media screen and (min-width:1921px) {
    .activity-new-product .activity-new-product__content {
        height: 321px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width:720px) {
    .activity-new-product .activity-new-product__content {
        margin-inline-start: 0;
        padding: 0 12px
    }
}

.activity-new-product .activity-new-product__content-background img {
    border-radius: 10px;
    object-fit: cover;
    transition: .5s;
    width: 100%
}

@media screen and (max-width:720px) {
    .activity-new-product .activity-new-product__content-background img {
        border-radius: 0;
        height: 140px;
        vertical-align: top
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-new-product .activity-new-product__content-background img {
        height: 200px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-new-product .activity-new-product__content-background img {
        height: 258px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-new-product .activity-new-product__content-background img {
        height: 321px
    }
}

@media screen and (min-width:1921px) {
    .activity-new-product .activity-new-product__content-background img {
        height: 321px
    }
}

.activity-new-product .activity-new-product__content-image {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:720px) {
    .activity-new-product .activity-new-product__content-image {
        align-items: center
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-new-product .activity-new-product__content-image {
        align-items: center
    }
}

@media screen and (min-width:1921px) {
    .activity-new-product .activity-new-product__content-image {
        align-items: center
    }
}

.activity-new-product .activity-new-product__content-image img {
    object-fit: cover;
    transition: all .5s
}

@media screen and (max-width:720px) {
    .activity-new-product .activity-new-product__content-image img {
        height: 120px;
        margin-top: 0;
        width: 120px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity-new-product .activity-new-product__content-image img {
        height: 136px;
        margin-top: 10px;
        width: 136px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity-new-product .activity-new-product__content-image img {
        height: 160px;
        margin-top: 35px;
        width: 160px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity-new-product .activity-new-product__content-image img {
        height: 240px;
        margin-top: 0;
        width: 240px
    }
}

@media screen and (min-width:1921px) {
    .activity-new-product .activity-new-product__content-image img {
        height: 240px;
        margin-top: 0;
        width: 240px
    }
}

.activity-new-product:hover .activity-new-product__content-background img,
.activity-new-product:hover .activity-new-product__content-image img {
    transform: scale(1.05)
}

@media screen and (max-width:720px) {

    .activity-new-product:hover .activity-new-product__content-background img,
    .activity-new-product:hover .activity-new-product__content-image img {
        transform: unset
    }
}

.activity-new-product:hover .exclusive-offers-footer-bar__content-desc {
    opacity: 0;
    transform: translateY(-10px)
}

@media screen and (max-width:720px) {
    .activity-new-product:hover .exclusive-offers-footer-bar__content-desc {
        opacity: 1;
        transform: unset
    }
}

.activity-new-product:hover .exclusive-offers-footer-bar__content-button {
    opacity: 1;
    transform: translateY(-50px)
}

@media screen and (max-width:720px) {
    .activity-new-product:hover .exclusive-offers-footer-bar__content-button {
        opacity: 0;
        transform: unset
    }
}

.ribbon-ads {
    background: #ff6900;
    color: #fff;
    display: flex;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:720px) {
    .ribbon-ads {
        height: auto
    }
}

.ribbon-ads__container {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .ribbon-ads__container {
        line-height: normal;
        padding: 10px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .ribbon-ads__container {
        padding: 0 28px;
        width: calc(100% - 56px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .ribbon-ads__container {
        padding: 0 28px;
        width: calc(100% - 56px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .ribbon-ads__container {
        padding: 0 28px;
        width: 1440px
    }
}

@media screen and (min-width:1921px) {
    .ribbon-ads__container {
        padding: 0 28px;
        width: 1440px
    }
}

.ribbon-ads__content {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.ribbon-ads__content-desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media screen and (max-width:720px) {
    .ribbon-ads__content-desc {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 10;
        display: box;
        display: -webkit-box;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        word-break: break-all;
        word-break: break-word
    }
}

.ribbon-ads__content-button {
    margin-inline-start: 5px;
    white-space: nowrap
}

.ribbon-ads__content-button a span {
    display: inline-block;
    white-space: nowrap
}

@media screen and (max-width:720px) {
    .ribbon-ads__content-button {
        display: none
    }
}

.ribbon-ads__content-button:hover {
    cursor: pointer
}

.ribbon-ads__content-mobile-button {
    display: none;
    margin-inline-start: 5px
}

@media screen and (max-width:720px) {
    .ribbon-ads__content-mobile-button {
        display: inline
    }
}

.ribbon-ads__close {
    cursor: pointer;
    margin-left: 20px
}

.ribbon-ads:hover .ribbon-ads__content-button a span {
    text-decoration: underline
}

.ribbon-ads__default {
    background: #e8e8e8;
    color: #898989;
    transition: 1s
}

.ribbon-ads__default .ribbon-ads__close {
    color: #89898999;
    cursor: pointer;
    margin-left: 20px;
    transition: 1s
}

.ribbon-ads__default:hover .ribbon-ads__content-button {
    color: #ff6900
}

.feature-tab {
    background-color: #f7f7f7;
    background-color: var(--background-base);
    width: 100%
}

.feature-tab div[role=button] {
    outline: none
}

@media screen and (max-width:720px) {
    .feature-tab {
        --grid-gap: 12px;
        --grid-content-height: auto;
        --grid-main-row-height: 186px;
        background-color: #fff;
        background-color: var(--background-white);
        padding: 0 var(--site-horizontal-padding);
        width: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab {
        --grid-gap: 16px;
        --grid-content-height: 536px;
        --grid-main-row-height: 260px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab {
        --grid-gap: 24px;
        --grid-content-height: 684px;
        --grid-main-row-height: 330px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab {
        --grid-gap: 24px;
        --grid-content-height: 684px;
        --grid-main-row-height: 330px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab {
        --grid-gap: 24px;
        --grid-content-height: 684px;
        --grid-main-row-height: 330px
    }
}

.feature-tab-title {
    font-weight: 700;
    text-align: center
}

@media screen and (max-width:720px) {
    .feature-tab-title {
        font-size: 21px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab-title {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab-title {
        font-size: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab-title {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab-title {
        font-size: 32px
    }
}

@media screen and (max-width:720px) {
    .feature-tab__container {
        font-size: 12px;
        margin-top: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab__container {
        font-size: 16px;
        margin-top: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab__container {
        font-size: 16px;
        margin-top: 56px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab__container {
        font-size: 16px;
        margin-top: 56px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab__container {
        font-size: 16px;
        margin-top: 56px
    }
}

.feature-tab__container .feature-tab__header {
    display: flex;
    justify-content: center;
    width: 100%
}

.feature-tab__container .feature-tab__header .tab-header__wrapper {
    max-width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item {
    cursor: pointer;
    display: inline-block;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@media screen and (max-width:720px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item {
        padding: 0 9px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item {
        padding: 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item {
        padding: 0 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item {
        padding: 0 28px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item {
        padding: 0 28px
    }
}

@media screen and (max-width:720px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item div {
        height: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item div {
        height: 34px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item div {
        height: 38px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item div {
        height: 38px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item div {
        height: 38px
    }
}

.feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item:first-child {
    padding-left: 0
}

.feature-tab__container .feature-tab__header .tab-header__wrapper .feature-tab__item:last-child {
    padding-right: 0
}

.feature-tab__container .feature-tab__header .tab-header__wrapper::-webkit-scrollbar {
    display: none
}

.feature-tab__container .feature-tab__header .feature-tab--active {
    color: #ff6900;
    color: var(--text-primary);
    font-weight: 700
}

.feature-tab__container .feature-tab__header .feature-tab--active div {
    border-bottom: 2px solid #ff6900;
    border-bottom: 2px solid var(--brand-orange)
}

.feature-tab__container .feature-tab__pane {
    background-color: #fff;
    background-color: var(--background-white);
    margin-top: 24px;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .feature-tab__container .feature-tab__pane {
        border-radius: 0;
        height: "initial";
        height: var(--tab-pane-height, "initial");
        padding: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab__container .feature-tab__pane {
        border-radius: 8px;
        padding: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab__container .feature-tab__pane {
        border-radius: 10px;
        padding: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab__container .feature-tab__pane {
        border-radius: 10px;
        padding: 24px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab__container .feature-tab__pane {
        border-radius: 10px;
        padding: 24px
    }
}

.feature-tab .feature-tab-content {
    grid-gap: var(--grid-gap);
    display: grid;
    height: var(--grid-content-height)
}

.feature-tab .feature-tab-content--1C-4C,
.feature-tab .feature-tab-content--1C-4S,
.feature-tab .feature-tab-content--1S-4S {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.feature-tab .feature-tab-content--1C-4C .feature-tab--item-main,
.feature-tab .feature-tab-content--1C-4S .feature-tab--item-main,
.feature-tab .feature-tab-content--1S-4S .feature-tab--item-main {
    grid-auto-rows: var(--grid-main-row-height);
    grid-column: span 4
}

.feature-tab .feature-tab-content--1C-4C .feature-tab--item-other,
.feature-tab .feature-tab-content--1C-4S .feature-tab--item-other,
.feature-tab .feature-tab-content--1S-4S .feature-tab--item-other {
    grid-column: span 1
}

@media screen and (max-width:720px) {

    .feature-tab .feature-tab-content--1C-4C .feature-tab--item-other,
    .feature-tab .feature-tab-content--1C-4S .feature-tab--item-other,
    .feature-tab .feature-tab-content--1S-4S .feature-tab--item-other {
        grid-column: span 2
    }
}

.feature-tab .feature-tab-content--1C-2C,
.feature-tab .feature-tab-content--1C-2S,
.feature-tab .feature-tab-content--1S-2S {
    grid-template-columns: repeat(2, 1fr)
}

.feature-tab .feature-tab-content--1C-2C .feature-tab--item-main,
.feature-tab .feature-tab-content--1C-2S .feature-tab--item-main,
.feature-tab .feature-tab-content--1S-2S .feature-tab--item-main {
    grid-column: span 2
}

.feature-tab .feature-tab-content--1C-2C .feature-tab--item-other,
.feature-tab .feature-tab-content--1C-2S .feature-tab--item-other,
.feature-tab .feature-tab-content--1S-2S .feature-tab--item-other {
    grid-column: span 1
}

@media screen and (max-width:720px) {

    .feature-tab .feature-tab-content--1C-2C .feature-tab--item-other,
    .feature-tab .feature-tab-content--1C-2S .feature-tab--item-other,
    .feature-tab .feature-tab-content--1S-2S .feature-tab--item-other {
        grid-column: span 2
    }
}

.feature-tab .feature-tab-content--2S-2S {
    grid-template-columns: repeat(2, 1fr)
}

.feature-tab .feature-tab-content--2S-2S .feature-tab--item-other {
    grid-column: span 1
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--2S-2S .feature-tab--item-other {
        grid-column: span 2
    }
}

.feature-tab .feature-tab-content--1C .feature-tab--item-main,
.feature-tab .feature-tab-content--1C .feature-tab--item-other,
.feature-tab .feature-tab-content--1S .feature-tab--item-main,
.feature-tab .feature-tab-content--1S .feature-tab--item-other {
    height: 100%;
    width: 100%
}

.feature-tab .feature-tab--item-main,
.feature-tab .feature-tab--item-other {
    align-items: center;
    background-color: #fafafa;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: var(--grid-main-row-height)
}

.feature-tab .feature-tab--item-main .item-image,
.feature-tab .feature-tab--item-other .item-image {
    grid-column: span 1;
    overflow: hidden
}

.feature-tab .feature-tab--item-main .item-image img,
.feature-tab .feature-tab--item-other .item-image img {
    overflow: hidden;
    transition: .5s
}

.feature-tab .feature-tab--item-main .item-info,
.feature-tab .feature-tab--item-other .item-info {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    grid-column: span 1;
    justify-content: center;
    width: 100%
}

.feature-tab .feature-tab--item-main .item-info__title,
.feature-tab .feature-tab--item-other .item-info__title {
    align-items: center;
    display: flex;
    font-weight: 700;
    margin: 0
}

.feature-tab .feature-tab--item-main .item-info__subtitle,
.feature-tab .feature-tab--item-other .item-info__subtitle {
    font-weight: 400;
    margin: 0
}

@media screen and (max-width:720px) {

    .feature-tab .feature-tab--item-main .item-info__subtitle,
    .feature-tab .feature-tab--item-other .item-info__subtitle {
        font-weight: 400
    }
}

.feature-tab .feature-tab--item-main .item-info__description,
.feature-tab .feature-tab--item-main .item-info__subtitle,
.feature-tab .feature-tab--item-main .item-info__title,
.feature-tab .feature-tab--item-other .item-info__description,
.feature-tab .feature-tab--item-other .item-info__subtitle,
.feature-tab .feature-tab--item-other .item-info__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    width: 100%;
    word-break: break-word
}

.feature-tab .feature-tab--item-main .item-info__translate,
.feature-tab .feature-tab--item-other .item-info__translate {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.feature-tab .feature-tab--item-main .item-info__translate .item-info__energy,
.feature-tab .feature-tab--item-main .item-info__translate .item-info__price,
.feature-tab .feature-tab--item-other .item-info__translate .item-info__energy,
.feature-tab .feature-tab--item-other .item-info__translate .item-info__price {
    transition: all .3s
}

.feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper,
.feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper {
    left: 0;
    position: absolute;
    top: 100%;
    transition: all .3s;
    width: 100%
}

.feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper .mi-btn,
.feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper .mi-btn {
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper .mi-btn,
    .feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper .mi-btn {
        border-radius: 8px;
        font-size: 12px;
        padding: 6px 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper .mi-btn,
    .feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper .mi-btn {
        border-radius: 12px;
        font-size: 16px;
        padding: 6px 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper .mi-btn,
    .feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper .mi-btn {
        border-radius: 12px;
        font-size: 16px;
        padding: 6px 12px
    }
}

@media screen and (min-width:1921px) {

    .feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper .mi-btn,
    .feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper .mi-btn {
        border-radius: 12px;
        font-size: 16px;
        padding: 6px 12px
    }
}

.feature-tab .feature-tab--item-main .item-info__translate .item-info__button-wrapper .mi-btn:hover,
.feature-tab .feature-tab--item-other .item-info__translate .item-info__button-wrapper .mi-btn:hover {
    color: #fff
}

.feature-tab .feature-tab--item-main .item-info__price span,
.feature-tab .feature-tab--item-main .item-info__price strong,
.feature-tab .feature-tab--item-other .item-info__price span,
.feature-tab .feature-tab--item-other .item-info__price strong {
    font-weight: 700
}

@media screen and (max-width:720px) {

    .feature-tab .feature-tab--item-main .item-info__price span,
    .feature-tab .feature-tab--item-main .item-info__price strong,
    .feature-tab .feature-tab--item-other .item-info__price span,
    .feature-tab .feature-tab--item-other .item-info__price strong {
        font-weight: 500
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .feature-tab .feature-tab--item-main .item-info__price span,
    .feature-tab .feature-tab--item-main .item-info__price strong,
    .feature-tab .feature-tab--item-other .item-info__price span,
    .feature-tab .feature-tab--item-other .item-info__price strong {
        font-weight: 700
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .feature-tab .feature-tab--item-main .item-info__price span,
    .feature-tab .feature-tab--item-main .item-info__price strong,
    .feature-tab .feature-tab--item-other .item-info__price span,
    .feature-tab .feature-tab--item-other .item-info__price strong {
        font-weight: 700
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .feature-tab .feature-tab--item-main .item-info__price span,
    .feature-tab .feature-tab--item-main .item-info__price strong,
    .feature-tab .feature-tab--item-other .item-info__price span,
    .feature-tab .feature-tab--item-other .item-info__price strong {
        font-weight: 700
    }
}

@media screen and (min-width:1921px) {

    .feature-tab .feature-tab--item-main .item-info__price span,
    .feature-tab .feature-tab--item-main .item-info__price strong,
    .feature-tab .feature-tab--item-other .item-info__price span,
    .feature-tab .feature-tab--item-other .item-info__price strong {
        font-weight: 700
    }
}

.feature-tab .feature-tab--item-main .item-info__price del,
.feature-tab .feature-tab--item-other .item-info__price del {
    color: #d0d0d0;
    font-size: .8em;
    margin-inline-start: 6px
}

.feature-tab .feature-tab--item-main .item-info__button-wrapper,
.feature-tab .feature-tab--item-other .item-info__button-wrapper {
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s
}

.feature-tab .feature-tab--item-main {
    grid-gap: var(--grid-gap);
    border-radius: 6px
}

.feature-tab .feature-tab--item-main .item-image {
    height: var(--grid-main-row-height);
    width: 100%
}

.feature-tab .feature-tab--item-main .item-image img {
    border-radius: 6px 0 0 6px;
    height: var(--grid-main-row-height);
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-image img {
        border-radius: 6px 6px 0 0
    }
}

.feature-tab .feature-tab--item-main .item-info {
    align-items: center;
    text-align: center
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-info {
        padding: 38px 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-main .item-info {
        padding: 0 42px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-main .item-info {
        padding: 0 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-main .item-info {
        padding: 0 154px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-main .item-info {
        padding: 0 154px
    }
}

.feature-tab .feature-tab--item-main .slide__svg {
    width: 100%
}

.feature-tab .feature-tab--item-main .item-info__title {
    margin: 0
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-info__title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-main .item-info__title {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-main .item-info__title {
        font-size: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-main .item-info__title {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-main .item-info__title {
        font-size: 32px
    }
}

.feature-tab .feature-tab--item-main .item-info__subtitle {
    margin: 0
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-info__subtitle {
        font-size: 12px;
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-main .item-info__subtitle {
        font-size: 16px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-main .item-info__subtitle {
        font-size: 16px;
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-main .item-info__subtitle {
        font-size: 16px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-main .item-info__subtitle {
        font-size: 16px;
        margin-top: 12px
    }
}

.feature-tab .feature-tab--item-main .item-info__description {
    font-weight: 100
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-info__description {
        font-size: 12px;
        margin-top: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-main .item-info__description {
        font-size: 16px;
        margin-top: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-main .item-info__description {
        font-size: 16px;
        margin-top: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-main .item-info__description {
        font-size: 16px;
        margin-top: 20px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-main .item-info__description {
        font-size: 16px;
        margin-top: 20px
    }
}

.feature-tab .feature-tab--item-main .item-info__translate {
    align-items: center
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-info__translate {
        height: 42px;
        margin-top: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-main .item-info__translate {
        height: 70px;
        margin-top: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-main .item-info__translate {
        height: 70px;
        margin-top: 26px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-main .item-info__translate {
        height: 70px;
        margin-top: 26px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-main .item-info__translate {
        height: 70px;
        margin-top: 26px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-main .item-info__price {
        margin-top: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-main .item-info__price {
        margin-top: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-main .item-info__price {
        margin-top: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-main .item-info__price {
        margin-top: 16px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-main .item-info__price {
        margin-top: 16px
    }
}

.feature-tab .feature-tab--item-main .item-info__button-wrapper {
    left: 50%
}

.feature-tab .feature-tab--item-other {
    border-radius: 6px;
    box-sizing: border-box
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other {
        --img-width: 153px;
        padding: 16px 13px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other {
        --img-width: 200px;
        padding: 27px 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other {
        --img-width: 280px;
        padding: 25px 17px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other {
        --img-width: 280px;
        padding: 25px 17px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other {
        --img-width: 280px;
        padding: 25px 17px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other .item-image {
        height: 42.5vw;
        width: 42.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other .item-image {
        height: 19.53125vw;
        width: 19.53125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other .item-image {
        height: 19.44444vw;
        width: 19.44444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other .item-image {
        height: 280px;
        width: 280px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other .item-image {
        height: 280px;
        width: 280px
    }
}

.feature-tab .feature-tab--item-other .item-image img {
    max-height: var(--img-width);
    max-width: var(--img-width);
    object-fit: cover;
    object-position: center
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other .item-image img {
        height: 42.5vw;
        width: 42.5vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other .item-image img {
        height: 19.53125vw;
        width: 19.53125vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other .item-image img {
        height: 19.44444vw;
        width: 19.44444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other .item-image img {
        height: 280px;
        width: 280px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other .item-image img {
        height: 280px;
        width: 280px
    }
}

.feature-tab .feature-tab--item-other .item-info {
    align-items: flex-start
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other .item-info__title {
        font-size: 12px;
        height: 30px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other .item-info__title {
        font-size: 16px;
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other .item-info__title {
        font-size: 18px;
        height: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other .item-info__title {
        font-size: 18px;
        height: 42px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other .item-info__title {
        font-size: 18px;
        height: 42px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other .item-info__subtitle {
        font-size: 12px;
        margin-top: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other .item-info__subtitle {
        font-size: 16px;
        margin-top: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other .item-info__subtitle {
        font-size: 16px;
        margin-top: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other .item-info__subtitle {
        font-size: 16px;
        margin-top: 9px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other .item-info__subtitle {
        font-size: 16px;
        margin-top: 9px
    }
}

.feature-tab .feature-tab--item-other .item-info__description {
    display: none
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other .item-info__translate {
        height: 47px;
        margin-top: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other .item-info__translate {
        height: 70px;
        margin-top: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other .item-info__translate {
        height: 54px;
        margin-top: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other .item-info__translate {
        height: 54px;
        margin-top: 32px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other .item-info__translate {
        height: 54px;
        margin-top: 32px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab--item-other .item-info__price {
        margin-top: 9px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab--item-other .item-info__price {
        margin-top: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab--item-other .item-info__price {
        margin-top: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab--item-other .item-info__price {
        margin-top: 13px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab--item-other .item-info__price {
        margin-top: 13px
    }
}

@media (hover:hover) {

    .feature-tab .feature-tab--item-main:hover,
    .feature-tab .feature-tab--item-other:hover {
        cursor: pointer
    }

    .feature-tab .feature-tab--item-main:hover .item-image img,
    .feature-tab .feature-tab--item-other:hover .item-image img {
        transform: scale(1.05)
    }

    .feature-tab .feature-tab--item-main:hover .item-info__energy,
    .feature-tab .feature-tab--item-main:hover .item-info__price,
    .feature-tab .feature-tab--item-other:hover .item-info__energy,
    .feature-tab .feature-tab--item-other:hover .item-info__price {
        opacity: 0;
        transform: translateY(-100%)
    }

    .feature-tab .feature-tab--item-main:hover .item-info__button-wrapper,
    .feature-tab .feature-tab--item-other:hover .item-info__button-wrapper {
        bottom: 0;
        opacity: 1;
        top: 50%;
        transform: translateY(-50%)
    }
}

.feature-tab .feature-tab-content--1left4 .feature-tab--item-other {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other {
        --img-width: 80px;
        padding: 13px 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other {
        --img-width: 110px;
        padding: 16px 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other {
        --img-width: 160px;
        padding: 24px 30px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other {
        --img-width: 160px;
        padding: 24px 30px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other {
        --img-width: 160px;
        padding: 24px 30px
    }
}

.feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-image {
    height: var(--img-width);
    width: var(--img-width)
}

.feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-image img {
    height: var(--img-width);
    object-fit: cover;
    object-position: center;
    width: var(--img-width)
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info {
        margin-top: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info {
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info {
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info {
        margin-top: 12px
    }
}

.feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info,
.feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__title {
    white-space: nowrap;
    align-items: center;
    text-align: center
}

.feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__translate {
    align-items: center
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__translate {
        margin-top: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__translate {
        margin-top: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__translate {
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__translate {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__translate {
        margin-top: 12px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__energy {
        margin-top: 7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__energy {
        margin-top: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__energy {
        margin-top: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__energy {
        margin-top: 14px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__energy {
        margin-top: 14px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__price {
        margin-top: 7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__price {
        margin-top: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__price {
        margin-top: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__price {
        margin-top: 14px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-other .item-info__price {
        margin-top: 14px
    }
}

.feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-image {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0 auto
}

.feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-image img {
    border-radius: 0 6px 6px 0
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-image img {
        border-radius: 6px 6px 0 0
    }
}

.feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-info {
    grid-column: 1/2;
    grid-row: 1/2
}

@media screen and (max-width:720px) {

    .feature-tab .feature-tab-content--1left2,
    .feature-tab .feature-tab-content--1left4,
    .feature-tab .feature-tab-content--1right2 {
        grid-auto-rows: auto
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-main,
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-main,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-main {
        grid-gap: 0;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        height: -moz-fit-content;
        height: fit-content;
        min-height: 346px
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-main .item-image,
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-main .item-image,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-image {
        grid-column: 1/3;
        grid-row: 1/2;
        height: 166px;
        margin: 0 auto;
        width: 100%
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-main .item-image img,
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-main .item-image img,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-image img {
        height: 166px;
        width: 100%
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-main .item-info,
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-main .item-info,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-info {
        align-items: center;
        grid-auto-rows: auto;
        grid-column: 1/3;
        grid-row: 2/2;
        height: -moz-fit-content;
        height: fit-content;
        min-height: 186px;
        padding: 18px 38px
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-main .item-info .item-info__translate,
    .feature-tab .feature-tab-content--1left4 .feature-tab--item-main .item-info .item-info__translate,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-main .item-info .item-info__translate {
        align-items: center
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-other:nth-child(odd) .item-image,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-other:nth-child(odd) .item-image {
        grid-column: 2/3;
        grid-row: 1/2;
        margin: 0 auto
    }

    .feature-tab .feature-tab-content--1left2 .feature-tab--item-other:nth-child(odd) .item-info,
    .feature-tab .feature-tab-content--1right2 .feature-tab--item-other:nth-child(odd) .item-info {
        grid-column: 1/2;
        grid-row: 1/2
    }

    .feature-tab .feature-tab-content--2and2 .feature-tab--item-other:nth-child(2n) .item-image {
        grid-column: 2/3;
        grid-row: 1/2;
        margin: 0 auto
    }

    .feature-tab .feature-tab-content--2and2 .feature-tab--item-other:nth-child(2n) .item-info {
        grid-column: 1/2;
        grid-row: 1/2
    }

    .feature-tab .feature-tab-content--1left {
        height: 478px
    }
}

.feature-tab .feature-tab-content--1left .feature-tab--item-main {
    grid-gap: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: var(--grid-content-height)
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main {
        height: 478px
    }
}

.feature-tab .feature-tab-content--1left .feature-tab--item-main .item-image {
    border-radius: 6px;
    grid-column: span 3;
    height: auto
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-image {
        grid-column: span 5;
        height: 278px
    }
}

.feature-tab .feature-tab-content--1left .feature-tab--item-main .item-image img {
    height: var(--grid-content-height)
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-image img {
        height: 278px
    }
}

.feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
    grid-column: span 2
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
        padding: 38px 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
        padding: 0 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
        padding: 0 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
        padding: 0 60px
    }
}

@media screen and (min-width:1921px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
        padding: 0 60px
    }
}

@media screen and (max-width:720px) {
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info {
        grid-column: span 5
    }

    .feature-tab .feature-tab-content--1left2 .item-info,
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info .item-info__subtitle,
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info .item-info__title,
    .feature-tab .feature-tab-content--1left .feature-tab--item-main .item-info .item-info__translate,
    .feature-tab .feature-tab-content--1left .item-info,
    .feature-tab .feature-tab-content--1right2 .item-info,
    .feature-tab .feature-tab-content--2and2 .item-info {
        align-items: center;
        text-align: center
    }

    .feature-tab .feature-tab-content--1left2 .item-info .item-info__subtitle,
    .feature-tab .feature-tab-content--1left2 .item-info .item-info__title,
    .feature-tab .feature-tab-content--1left2 .item-info .item-info__translate,
    .feature-tab .feature-tab-content--1left .item-info .item-info__subtitle,
    .feature-tab .feature-tab-content--1left .item-info .item-info__title,
    .feature-tab .feature-tab-content--1left .item-info .item-info__translate,
    .feature-tab .feature-tab-content--1right2 .item-info .item-info__subtitle,
    .feature-tab .feature-tab-content--1right2 .item-info .item-info__title,
    .feature-tab .feature-tab-content--1right2 .item-info .item-info__translate,
    .feature-tab .feature-tab-content--2and2 .item-info .item-info__subtitle,
    .feature-tab .feature-tab-content--2and2 .item-info .item-info__title,
    .feature-tab .feature-tab-content--2and2 .item-info .item-info__translate {
        align-items: flex-start;
        margin-left: 7px;
        text-align: left
    }

    .feature-tab .feature-tab-content--1left2 .item-info h3,
    .feature-tab .feature-tab-content--1left .item-info h3,
    .feature-tab .feature-tab-content--1right2 .item-info h3,
    .feature-tab .feature-tab-content--2and2 .item-info h3 {
        text-align: center !important
    }
}

.feature-tab .feature-tab-content--1left2 .feature-tab--item-other h3,
.feature-tab .feature-tab-content--1left .feature-tab--item-other h3,
.feature-tab .feature-tab-content--1right2 .feature-tab--item-other h3,
.feature-tab .feature-tab-content--2and2 .feature-tab--item-other h3 {
    text-align: left !important
}

.site-default {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    min-height: 200px;
    padding: 30px
}