.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--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: #000000;
    background-color: #0000006b;
    border-color: #000000;
    border-color: #000000;
}

.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
}

.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%
}

.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)
}

.site-default {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    min-height: 200px;
    padding: 30px
}