.hwhir-container {
    background: #f5f5f5;
    font-weight: normal
}

.hwhir-container img {
    display: block;
    width: 100%
}

.hwhir-container sup {
    font-size: .6em;
    line-height: 1;
    cursor: pointer
}

.hwhir-container .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter
}

.hwhir-container .blur-up.lazyloaded {
    filter: blur(0)
}

.hwhir-container .radius16 {
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.hwhir-container p {
    line-height: 1.6
}

.hwhir-container h2,
.hwhir-container h3 {
    line-height: 1.25
}

.hwhir-container .section {
    position: relative
}

.hwhir-container .pc-show {
    display: block
}

.hwhir-container .mob-show {
    display: none
}

.hwhir-container .hwhir-kv .kv-text {
    position: absolute;
    left: 12.5vw;
    top: 50%;
    transform: translate(0, -50%);
    width: 35.416667vw
}

.hwhir-container .hwhir-kv .kv-text h2 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #fff
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-kv .kv-text {
        left: 0;
        top: 10.277778vw;
        transform: translate(0, 0%);
        width: 100%;
        text-align: center
    }

    .hwhir-container .hwhir-kv .kv-text h2 {
        font-size: 6.666667vw
    }
}

.hwhir-container .hwhir-intro {
    width: 42.708333vw;
    margin: 8.125vw auto 8.28125vw;
    text-align: center
}

.hwhir-container .hwhir-intro p {
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.6
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-intro {
        width: 82.222222vw;
        margin: 22.222222vw auto 22.222222vw
    }

    .hwhir-container .hwhir-intro p {
        font-size: 4.444444vw
    }
}

.hwhir-container .hwhir-banner-wrap {
    height: 130vh
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner>picture {
    width: 100%;
    height: 100%
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner>picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 42.291667vw;
    text-align: center;
    transform: translate(0, 10vw);
    opacity: 0;
    transition: all .5s
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title.active {
    transform: translate(0, 0);
    opacity: 1;
    transition: all .5s
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title h2 {
    font-size: 3.333333vw;
    font-weight: 500;
    color: #fff
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title h2 img {
    margin: 0 auto;
    width: 5.208333vw;
    height: 5.208333vw
}

.hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title p {
    font-size: 1.145833vw;
    font-weight: 500;
    color: #fff;
    margin-top: 2.5vw
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-banner-wrap {
        height: auto
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner {
        position: relative;
        height: auto;
        top: 0
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner>picture>img {
        height: auto
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title {
        transform: translate(0, 0);
        opacity: 1;
        width: 100%;
        display: block;
        position: relative
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title .icon-title-mob {
        position: relative
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title .icon-title-mob picture img {
        width: 100%
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title h2 {
        text-wrap: nowrap;
        font-size: 8.888889vw;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title h2 img {
        width: 13.888889vw;
        height: 13.888889vw;
        margin-right: 5.555556vw
    }

    .hwhir-container .hwhir-banner-wrap .hwhir-banner .icon-title p {
        font-size: 4.444444vw;
        margin-top: 6.666667vw;
        color: #000;
        opacity: .5;
        width: 82.222222vw;
        margin: 8.888889vw 8.888889vw 11.111111vw;
        text-align: left
    }
}

.hwhir-container .section-modal .section-content h3 {
    font-size: 1.666667vw;
    font-weight: 500;
    display: flex;
    align-items: center
}

.hwhir-container .section-modal .section-content h3 img {
    width: 3.333333vw;
    margin-right: 1.25vw
}

.hwhir-container .section-modal .section-content p {
    color: #7a7a7a;
    font-size: 1.25vw;
    margin-top: 1.25vw
}
.hwhir-container .section-modal .section-content p a {
    color: #7a7a7a;
    text-decoration: underline;
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .section-modal .section-content h3 {
        font-size: 8.888889vw
    }

    .hwhir-container .section-modal .section-content h3 img {
        width: 11.111111vw;
        margin-right: 3.333333vw
    }

    .hwhir-container .section-modal .section-content p {
        font-size: 4.444444vw;
        margin-top: 4.722222vw;
        color: #7a7a7a;
        opacity: 1
    }
}

.hwhir-container .hwhir-com {
    width: 100%;
    overflow: hidden
}

.hwhir-container .hwhir-com .com-swiper {
    width: 67.5vw;
    margin-top: 4.166667vw;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    padding-bottom: 10.416667vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide {
    margin-right: 1.25vw
}
.hwhir-container .hwhir-com .com-swiper .swiper-slide {
    
}
.hwhir-container .hwhir-com .com-swiper:not(.care-swiper) .swiper-slide:not(.swiper-slide-active) {
    cursor: pointer
}
.hwhir-container .hwhir-com .com-swiper.isend .swiper-slide:last-child{
    cursor: default
}
.hwhir-container .hwhir-com .com-swiper .swiper-slide:last-child {
    margin-right: 0
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .com-img {
    position: relative
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap h3 {
    font-size: 1.666667vw;
    font-weight: 500;
    color: #000
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap p {
    font-size: 1.041667vw;
    font-weight: normal;
    color: #000;
    opacity: .5;
    margin-top: .833333vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-2 {
    margin: 1.875vw .833333vw 0;
    width: 20.3125vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-2 p {
    margin-top: .78125vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-3 {
    width: 30vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-4 {
    width: 30.677083vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-5 {
    width: 22.239583vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-7 {
    width: 19.114583vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-6 {
    width: 28.958333vw;
    width: 28.333333vw
}

.hwhir-container .hwhir-com .com-swiper .swiper-slide .btn-plus {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    right: 2.083333vw;
    bottom: 2.083333vw;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    transition: .6s ease
}

.hwhir-container .hwhir-com .com-swiper .swiper-button-center {
    position: relative
}

.hwhir-container .hwhir-com .com-swiper .swiper-button-center .swiper-button-next:after,
.hwhir-container .hwhir-com .com-swiper .swiper-button-center .swiper-button-prev:after {
    font-size: 1.2625vw;
    content: ""
}

.hwhir-container .hwhir-com .com-swiper .only-arrow {
    margin-top: 2.5vw;
    display: flex;
    justify-content: end
}

.hwhir-container .hwhir-com .com-swiper .only-arrow .swiper-button {
    width: 2.5vw;
    height: 2.5vw;
    position: static;
    margin: 0;
    transition: .6s ease
}

.hwhir-container .hwhir-com .com-swiper .only-arrow .swiper-button:last-child {
    margin-left: 1.25vw
}

.hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide {
    background: #fff;
    color: #000
}

.hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .cardio-img {
    width: 35.416667vw;
    margin-right: auto
}

.hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .cardio-watch {
    position: absolute;
    left: 53.06%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17.8125vw
}

.hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .text-wrap-cardio {
    position: absolute;
    width: 17.395833vw;
    top: 12.447917vw;
    left: 46.770833vw
}

.hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .text-wrap-cardio-2 {
    width: 20.3125vw;
    left: 39.583333vw
}
.hwhir-container .hwhir-com .com-swiper.cardio-swiper{
    padding-bottom: 0;
}
@media screen and (max-aspect-ratio: 11 / 10) {
   .hwhir-container .hwhir-com .com-swiper.cardio-swiper{
    padding-bottom: 11.111111vw;
} 
}
.hwhir-container .hwhir-com .com-swiper.sleep-swiper {
    padding-bottom: 0
}

.hwhir-container .hwhir-com .com-swiper.sleep-swiper .swiper-slide {
    width: 25vw
}

.hwhir-container .hwhir-com .com-swiper.sleep-swiper:last-child {
    margin-top: 4.166667vw;
    padding-bottom: 10.416667vw
}

.hwhir-container .hwhir-com .com-swiper.sleep-swiper:last-child .swiper-slide {
    width: 33.125vw
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper {
    flex-wrap: wrap
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide {
    width: 41.666667vw
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-2 {
    width: 24.583333vw;
    margin-right: 0
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-3,
.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-4,
.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-5 {
    width: 21.666667vw;
    margin-top: 2.291667vw
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-button-center {
    display: none
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-button-center .swiper-button-prev {
    left: 1.666667vw
}

.hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-button-center .swiper-button-next {
    right: 1.666667vw
}

.hwhir-container .hwhir-com .com-swiper.workouts-swiper .swiper-slide .text-wrap-workouts {
    position: absolute;
    width: 25vw;
    top: 11.354167vw;
    right: 5.208333vw;
    transform: translate3d(0, 0, 0)
}

.hwhir-container .hwhir-com .com-swiper.workouts-swiper .swiper-slide .text-wrap-workouts h3 {
    color: #fff
}

.hwhir-container .hwhir-com .com-swiper.workouts-swiper .swiper-slide .text-wrap-workouts p {
    color: #fff;
    opacity: .7
}

.hwhir-container .hwhir-com .com-swiper.lifestyle-swiper .swiper-slide {
    width: 33.125vw
}

@media screen and (min-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-com .com-swiper .only-arrow .swiper-button:hover {
        opacity: .6
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .btn-plus:hover {
        opacity: .6
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-com .com-swiper {
        width: 82.222222vw;
        padding-bottom: 27.777778vw;
        margin-top: 0
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide {
        margin-right: 4.444444vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap {
        width: 77.777778vw;
        opacity: 0;
        transition: opacity .6s;
    }
    .hwhir-container .hwhir-com .com-swiper .swiper-slide.swiper-slide-active .text-wrap {
        opacity: 1;
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap h3 {
        font-size: 5.555556vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap p {
        font-size: 3.888889vw;
        margin-top: 2.638889vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-2 {
        margin: 5.972222vw 2.222222vw 0
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-2 p {
        width: 66.666667vw;
        margin-top: 2.638889vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-3 p {
        width: 66.666667vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-4 p {
        width: 66.666667vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-5 p {
        width: 66.666667vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-7 p {
        width: 66.666667vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .text-wrap-6 p {
        width: 66.666667vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-slide .btn-plus {
        width: 11.111111vw;
        height: 11.111111vw;
        right: 4.444444vw;
        bottom: 4.444444vw
    }

    .hwhir-container .hwhir-com .com-swiper .swiper-button-center {
        position: relative
    }

    .hwhir-container .hwhir-com .com-swiper .only-arrow {
        margin-top: 10.416667vw
    }

    .hwhir-container .hwhir-com .com-swiper .only-arrow .swiper-button {
        width: 11.111111vw;
        height: 11.111111vw
    }

    .hwhir-container .hwhir-com .com-swiper .only-arrow .swiper-button:last-child {
        margin-left: 4.444444vw
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide {
        background: rgba(0, 0, 0, 0)
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .cardio-img {
        width: 82.222222vw;
        margin-right: 0;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        overflow: hidden;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .cardio-watch {
        display: none
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .text-wrap-cardio {
        position: relative;
        top: 0;
        left: 0;
        margin: 5.972222vw 2.222222vw 0;
        width: 77.777778vw
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .text-wrap-cardio p {
        width: 66.666667vw
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .text-wrap-cardio-2 {
        width: 77.777778vw;
        left: 0
    }

    .hwhir-container .hwhir-com .com-swiper.cardio-swiper .swiper-slide .btn-plus {
        top: 81.666667vw;
        bottom: auto
    }

    .hwhir-container .hwhir-com .com-swiper.sleep-swiper .swiper-slide {
        width: 82.222222vw
    }

    .hwhir-container .hwhir-com .com-swiper.sleep-swiper:last-child {
        margin-top: 11.111111vw;
        padding-bottom: 27.777778vw
    }

    .hwhir-container .hwhir-com .com-swiper.sleep-swiper:last-child .swiper-slide {
        width: 82.222222vw
    }

    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper {
        flex-wrap: nowrap
    }

    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide {
        width: 82.222222vw
    }

    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-2 {
        margin-right: 4.444444vw
    }

    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-3 {
        margin-top: 0
    }

    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-4,
    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-wrapper .swiper-slide-5 {
        margin-top: 0
    }

    .hwhir-container .hwhir-com .com-swiper.care-swiper .swiper-button-center {
        display: flex
    }

    .hwhir-container .hwhir-com .com-swiper.workouts-swiper .swiper-slide .text-wrap-workouts {
        position: absolute;
        width: 68.888889vw;
        top: 5.833333vw;
        right: auto;
        left: 6.666667vw;
        opacity: 1;
    }

    .hwhir-container .hwhir-com .com-swiper.lifestyle-swiper .swiper-wrapper .swiper-slide {
        width: 82.222222vw
    }
}

.hwhir-container .hwhir-contact {
    background: #fff;
    padding-top: 9.895833vw;
    padding-bottom: 10.416667vw;
    text-align: center
}

.hwhir-container .hwhir-contact>img {
    width: 3.4375vw;
    margin: 0 auto
}

.hwhir-container .hwhir-contact h3 {
    font-size: 1.666667vw;
    color: #000;
    margin-top: 1.041667vw
}

.hwhir-container .hwhir-contact p {
    font-size: 1.25vw;
    margin-top: 1.458333vw
}

.hwhir-container .hwhir-contact p a {
    transition: .6s ease
}

.hwhir-container .hwhir-contact>a {
    margin-top: 2.489583vw;
    font-size: .9375vw;
    line-height: 1.6;
    padding: 1.072917vw 1.666667vw 1.010417vw;
    padding: .844271vw 1.5625vw .78125vw;
    border: .104167vw solid #000;
    display: inline-block;
    border-radius: 3.333333vw;
    cursor: pointer;
    transition: .6s ease
}

@media screen and (min-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-contact>a:hover {
        opacity: .6
    }

    .hwhir-container .hwhir-contact p a:hover {
        opacity: .6
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-contact {
        padding-top: 21.666667vw;
       
    }

    .hwhir-container .hwhir-contact>img {
        width: 11.666667vw
    }

    .hwhir-container .hwhir-contact h3 {
        font-size: 6.666667vw;
        margin-top: 2.5vw
    }

    .hwhir-container .hwhir-contact p {
        font-size: 4.444444vw;
        margin-top: 2.638889vw
    }

    .hwhir-container .hwhir-contact>a {
        margin-top: 8.75vw;
        font-size: 3.888889vw;
        padding: 3.819444vw 6.666667vw 4.236111vw;
        padding: 4.027778vw 6.666667vw 4.027778vw;
        border: .555556vw solid #000;
        border-radius: 13.333333vw
    }
}

.hwhir-container .hwhir-service {
    background: #f5f5f5;
    padding-top: 4.166667vw;
    padding-bottom: 10.416667vw;
    display: flex;
    justify-content: center;
    align-items: center
}

.hwhir-container .hwhir-service img {
    width: 40.625vw
}

.hwhir-container .hwhir-service .text-wrap {
    width: 23.4375vw;
    margin-left: 3.333333vw
}

.hwhir-container .hwhir-service .text-wrap p {
    font-size: 1.145833vw;
    line-height: 1.6;
    color: #000;
    margin-bottom: 3.90625vw
}

.hwhir-container .hwhir-service .text-wrap a {
    font-size: 1.666667vw;
    font-weight: normal;
    color: #000;
    line-height: 1.6;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 1.40625vw;
    transition: .6s ease
}

.hwhir-container .hwhir-service .text-wrap a:last-child {
    margin-bottom: 0
}

.hwhir-container .hwhir-service .text-wrap a img {
    width: .625vw;
    margin-left: .833333vw;
    display: inline-block;
    transform: translateX(0);
    transition: .6s ease
}

@media screen and (min-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-service .text-wrap a:hover {
        opacity: .6
    }

    .hwhir-container .hwhir-service .text-wrap a:hover img {
        transform: translateX(3px)
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .hwhir-service {
        padding-top: 0;
        padding-bottom: 27.777778vw;
        flex-direction: column
    }

    .hwhir-container .hwhir-service img {
        width: 82.222222vw
    }

    .hwhir-container .hwhir-service .text-wrap {
        margin-left: 0;
        width: 82.222222vw
    }

    .hwhir-container .hwhir-service .text-wrap p {
        font-size: 4.444444vw;
        margin-bottom: 8.194444vw;
        margin-top: 8.888889vw
    }

    .hwhir-container .hwhir-service .text-wrap a {
        font-size: 5.555556vw;
        margin-bottom: 3.611111vw
    }

    .hwhir-container .hwhir-service .text-wrap a img {
        width: 1.666667vw;
        margin-left: 3.333333vw
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .pc-show {
        display: none
    }

    .hwhir-container .mob-show {
        display: block
    }

    .hwhir-container .radius16 {
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        overflow: hidden;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

html.has-modal body,
html.has-modal .main-navigation.nav-v2,
html.has-modal #second-navigation-v4 .product-tabs__heading,
html.fancybox-margin body,
html.fancybox-margin .main-navigation.nav-v2,
html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
    -webkit-padding-end: var(--modal-scrollbar-buffer);
    padding-inline-end: var(--modal-scrollbar-buffer)
}

html.has-modal {
    overflow: hidden
}

.has-modal .hwhir-container .section-modal.modal-open,
.has-modal .hwhir-container .section-modal.modal-will-close {
    z-index: 200
}

.has-modal .hwhir-container .section-modal .modal-overlay {
    transform: translate3d(0, 0, 0)
}

.hwhir-container .seiya-a-pop {
    color: #006dff;
    color: #9e8ae7
}

.hwhir-container .section-modal {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: -webkit-backdrop-filter .6s cubic-bezier(0.65, 0.05, 0.36, 1), backdrop-filter .6s cubic-bezier(0.65, 0.05, 0.36, 1), background-color .6s cubic-bezier(0.65, 0.05, 0.36, 1);
    outline: 0;
    background-color: rgba(25, 25, 26, 0);
    -webkit-backdrop-filter: blur(0px) brightness(100%);
    backdrop-filter: blur(0px) brightness(100%);
    -webkit-padding-end: var(--modal-scrollbar-buffer);
    padding-inline-end: var(--modal-scrollbar-buffer)
}

.hwhir-container .section-modal.modal-fully-visible {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.hwhir-container .section-modal.modal-open {
    background-color: rgba(237, 238, 242, .8);
    -webkit-backdrop-filter: blur(50px) brightness(120%);
    backdrop-filter: blur(50px) brightness(120%)
}

.hwhir-container .section-modal.modal-open .modal-overlay {
    transition: transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
    opacity: 1
}

.hwhir-container .section-modal.modal-will-close {
    overflow: auto;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.hwhir-container .section-modal.modal-will-close .modal-overlay {
    transition: all .6s
}

.hwhir-container .section-modal .modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%
}

.hwhir-container .section-modal .modal-overlay {
    width: 81.25vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    transform: translate3d(0, 100vh, 0);
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity
}

.hwhir-container .section-modal .modal-wrapper {
    position: relative;
    pointer-events: auto
}

.hwhir-container .section-modal .modal-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 4.166667vw;
    border-radius: 1.25vw;
    -webkit-border-radius: 1.25vw;
    overflow: hidden;
    background-color: #fff
}

.hwhir-container .section-modal .modal-close-container {
    position: absolute;
    top: 1.666667vw;
    right: 1.666667vw;
    bottom: 0
}

.hwhir-container .section-modal .modal-close-button {
    width: 2.083333vw;
    height: 2.083333vw;
    position: sticky;
    z-index: 10;
    top: 2.083333vw;
    cursor: pointer;
    border-radius: 100%;
    background-color: rgba(128, 128, 128, .5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: background-color 300ms ease-out;
    border: 0
}

.hwhir-container .section-modal .modal-close-button rect {
    fill: #fff
}

.hwhir-container .section-modal .modal-close-button {
    transition: .6s ease
}

.hwhir-container .section-modal .modal-close-button:hover {
    opacity: .6
}

.hwhir-container .section-modal .modal-close-icon {
    pointer-events: none
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .section-modal .modal-overlay {
        width: 95.555556vw;
        padding-top: 8.88889vw;
        padding-bottom: 8.88889vw
    }

    .hwhir-container .section-modal .modal-content {
        padding-bottom: 13.333333vw;
        padding: 18.472222vw 6.666667vw;
        border-radius: 3.333333vw
    }

    .hwhir-container .section-modal .modal-close-container {
        top: 3.33333vw;
        right: 3.33333vw;
        width: 11.11111vw
    }

    .hwhir-container .section-modal .modal-close-button {
        top: 3.33333vw
    }

    .hwhir-container .section-modal .modal-close-button {
        width: 11.11111vw;
        height: 11.11111vw
    }

    .hwhir-container .section-modal .section-content {
        flex-direction: column
    }
}

.hwhir-container .hwhir-footer {
    background: #fff
}

.hwhir-container .section-footnote {
    color: #85858a;
    
    font-size: max(.625vw, 12px);
    line-height: 1.6;
    margin-left: auto;
    margin-right: auto;
    width: 58.333333vw;
    padding-top: 10.416667vw;
    padding-bottom: 10.416667vw;
    overflow: hidden
}

.hwhir-container .section-footnote ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    padding-left: 2em
}

.hwhir-container .section-footnote p {
    padding-left: 2em;
    padding-bottom: 1em
}

.hwhir-container .section-footnote .active {
    color: #2a2a2c;
    opacity: 1
}

.hwhir-container .section-footnote .price {
    list-style-type: none;
    position: relative;
    pointer-events: none
}

.hwhir-container .section-footnote a {
    color: #1f71ff
}

.hwhir-container .section-footnote .price::before {
    content: "*";
    position: absolute;
    bottom: 0;
    padding-right: 3px;
    transform: translateX(-100%)
}

@media screen and (max-aspect-ratio: 11/10) {
    .hwhir-container .section-footnote {
        font-size: 3.333333vw;
        width: 82.222222vw;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 27.777778vw;
        padding-top: 27.777778vw
    }
}