#circle[data-astro-cid-z3gsenzb] {
    width: 15rem;
    height: 15rem;
    margin-left: -1.5rem;
    border-radius: 50%;
    filter: blur(20px);
    will-change: filter
}

.animation-bg[data-astro-cid-z3gsenzb] {
    height: 103.5vw;
    left: -9vw;
    right: -9vw;
    top: -2rem;
    opacity: 0
}

#animation[data-astro-cid-z3gsenzb] {
    width: 120vw;
    margin: 2rem -10vw -10%
}

.main-text[data-astro-cid-z3gsenzb] {
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 900;
    z-index: 9;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.detail-text[data-astro-cid-z3gsenzb] {
    font-size: 1.5rem;
    font-weight: 700;
    z-index: 9
}

.score-label[data-astro-cid-z3gsenzb] {
    font-size: 1.125rem;
    font-weight: 700
}

@media (min-width: 576px) {
    #circle[data-astro-cid-z3gsenzb] {
        margin-left: calc(17% - 2.25rem)
    }

    .animation-bg[data-astro-cid-z3gsenzb] {
        max-height: calc(100vw - 4.5rem);
        inset: auto -16.5% 0
    }

    #animation[data-astro-cid-z3gsenzb] {
        width: 100%;
        margin: 2rem 0 -10%
    }

    .main-text[data-astro-cid-z3gsenzb] {
        font-size: 5rem
    }

    .detail-text[data-astro-cid-z3gsenzb] {
        font-size: 2.25rem
    }

    .score-label[data-astro-cid-z3gsenzb] {
        font-size: 1.25rem
    }
}

@media (min-width: 992px) {
    #circle[data-astro-cid-z3gsenzb] {
        width: 25rem;
        height: 25rem;
        margin-left: -2.25rem
    }

    .text-area-lg[data-astro-cid-z3gsenzb] {
        left: calc(10% - 2.25rem)
    }

    .main-text[data-astro-cid-z3gsenzb] {
        max-width: 46%;
        font-size: 4rem
    }

    .detail-text[data-astro-cid-z3gsenzb] {
        max-width: 46%;
        font-size: 2.5rem
    }

    .score-label[data-astro-cid-z3gsenzb] {
        font-size: 1.75rem
    }

    .animation-bg[data-astro-cid-z3gsenzb] {
        max-width: none;
        height: 40rem;
        width: 53.33rem;
        right: -8.92rem
    }

    #animation[data-astro-cid-z3gsenzb] {
        max-width: none;
        width: 40rem;
        margin: 2rem -3.5rem -10% 0
    }
}

@media (min-width: 1200px) {
    #circle[data-astro-cid-z3gsenzb] {
        margin-left: -5.5rem
    }

    .text-area-lg[data-astro-cid-z3gsenzb] {
        left: 0
    }

    .main-text[data-astro-cid-z3gsenzb] {
        max-width: 42rem;
        font-size: 6rem
    }

    .detail-text[data-astro-cid-z3gsenzb] {
        max-width: 42rem;
        font-size: 3.5rem
    }

    .score-label[data-astro-cid-z3gsenzb] {
        font-size: 2.25rem
    }

    .animation-bg[data-astro-cid-z3gsenzb] {
        height: 45rem;
        width: 60rem;
        right: -7.5rem;
        left: -7.5rem
    }

    #animation[data-astro-cid-z3gsenzb] {
        height: 40rem;
        width: 45rem;
        margin: 3rem -8rem -4rem 0
    }
}

.text-large[data-astro-cid-xzsdsw5w] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #490000
}

.text-medium[data-astro-cid-xzsdsw5w] {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #490000
}

.text-small[data-astro-cid-xzsdsw5w] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #490000
}

.line[data-astro-cid-xzsdsw5w] {
    background-color: #4900001a;
    border-radius: 4px;
    width: 15rem;
    height: .25rem;
    margin: auto
}

@media (min-width: 576px) {
    .line[data-astro-cid-xzsdsw5w] {
        width: calc(100% - 8rem)
    }
}

@media (min-width: 992px) {
    .line[data-astro-cid-xzsdsw5w] {
        width: .25rem;
        height: 3rem
    }

    #app-info-bar[data-astro-cid-xzsdsw5w] {
        margin: -2.75rem auto;
        width: calc(100% - 4.5rem);
        height: 5.5rem;
        position: relative;
        z-index: 10;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 8px 20px #00c89826
    }

    .text-medium[data-astro-cid-xzsdsw5w] {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    .line[data-astro-cid-xzsdsw5w] {
        height: 4rem
    }

    #app-info-bar[data-astro-cid-xzsdsw5w] {
        margin: -4rem auto;
        width: 70rem;
        height: 8rem
    }

    .text-large[data-astro-cid-xzsdsw5w] {
        font-size: 2rem
    }

    .text-medium[data-astro-cid-xzsdsw5w] {
        font-size: 1.75rem
    }

    .text-small[data-astro-cid-xzsdsw5w] {
        font-size: 1.5rem
    }
}

.feature-card[data-astro-cid-gh5d2hnw] {
    border-radius: 40px
}

.feature-title[data-astro-cid-gh5d2hnw] {
    color: #444;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3
}

.feature-text[data-astro-cid-gh5d2hnw] {
    color: #888;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3
}

@media (min-width: 1200px) {
    .feature-card[data-astro-cid-gh5d2hnw] {
        border-radius: 60px
    }

    .feature-title[data-astro-cid-gh5d2hnw] {
        font-size: 1.75rem
    }

    .feature-text[data-astro-cid-gh5d2hnw] {
        font-size: 1.25rem
    }
}

#phone-swiper-container[data-astro-cid-aky3falt] {
    background: url(/assets/app/screenshot/bg.png) no-repeat center;
    background-size: contain;
    width: 100%;
    position: relative
}

#phone-border[data-astro-cid-aky3falt] {
    position: absolute;
    width: 42%;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    pointer-events: none
}

#phone-swiper[data-astro-cid-aky3falt] {
    width: 38.5%;
    margin-top: 1%
}

#phone-arrow-prev[data-astro-cid-aky3falt] {
    position: absolute;
    width: 21%;
    top: 33.5%;
    left: 50%;
    transform: translate(-175%);
    z-index: 3
}

#phone-arrow-next[data-astro-cid-aky3falt] {
    position: absolute;
    width: 21%;
    top: 44.5%;
    right: 50%;
    transform: translate(175%);
    z-index: 1
}

@media (min-width: 992px) {
    #phone-swiper-container[data-astro-cid-aky3falt] {
        width: calc(50% - 1.25rem)
    }
}

@media (min-width: 1200px) {
    #phone-swiper-container[data-astro-cid-aky3falt] {
        width: 34rem;
        height: 30rem
    }

    #phone-border[data-astro-cid-aky3falt] {
        width: 14.25rem;
        height: 28rem
    }

    #phone-arrow-prev[data-astro-cid-aky3falt] {
        width: 7.125rem;
        top: 8.7575rem
    }

    #phone-arrow-next[data-astro-cid-aky3falt] {
        width: 7.125rem;
        top: calc(28rem * .55 - 7.125rem / 2)
    }

    #phone-swiper[data-astro-cid-aky3falt] {
        width: 13rem;
        height: 27rem;
        margin-top: .5rem
    }
}

.rate-text[data-astro-cid-ld5lylyp] {
    color: #444;
    font-size: 1.125rem;
    line-height: 1.5
}

.comment[data-astro-cid-ld5lylyp] {
    display: flex !important;
    width: 16rem;
    height: auto !important;
    background-color: #fff;
    border-radius: 20px;
    margin-left: .5rem;
    margin-right: .5rem
}

.comment-swiper[data-astro-cid-ld5lylyp] {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.title-text[data-astro-cid-ld5lylyp] {
    color: #222;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3
}

.content-text[data-astro-cid-ld5lylyp] {
    color: #444;
    font-size: 1rem;
    line-height: 1.4
}

.user-text[data-astro-cid-ld5lylyp] {
    color: #444;
    font-size: .75rem;
    line-height: 1.3
}

.comment-grid[data-astro-cid-ld5lylyp] {
    grid-template-rows:auto 4rem
}

#page-prev[data-astro-cid-ld5lylyp] {
    background-image: url(/assets/app/comment/page_prev.png);
    background-size: contain
}

#page-next[data-astro-cid-ld5lylyp] {
    background-image: url(/assets/app/comment/page_next.png);
    background-size: contain
}

#page-prev[data-astro-cid-ld5lylyp]:hover {
    background-image: url(/assets/app/comment/page_prev_hover.png);
    background-size: contain
}

#page-next[data-astro-cid-ld5lylyp]:hover {
    background-image: url(/assets/app/comment/page_next_hover.png);
    background-size: contain
}

@media (min-width: 576px) {
    .comment[data-astro-cid-ld5lylyp] {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .comment-swiper[data-astro-cid-ld5lylyp] {
        margin-left: -2.25rem;
        margin-right: -2.25rem
    }
}

@media (min-width: 992px) {
    .comment[data-astro-cid-ld5lylyp] {
        width: 30rem
    }

    .store-info[data-astro-cid-ld5lylyp] {
        margin-left: calc(10% - 2.25rem)
    }
}

@media (min-width: 1200px) {
    .store-info[data-astro-cid-ld5lylyp] {
        margin-left: 0
    }

    .rate-text[data-astro-cid-ld5lylyp] {
        width: 30rem;
        font-size: 1.75rem
    }

    .comment[data-astro-cid-ld5lylyp] {
        width: 22rem !important;
        margin-left: 0;
        margin-right: 2rem;
        border-radius: 40px
    }

    .comment-swiper[data-astro-cid-ld5lylyp] {
        margin-left: 0;
        margin-right: -2rem
    }

    .title-text[data-astro-cid-ld5lylyp] {
        font-size: 1.5rem
    }

    .date-text[data-astro-cid-ld5lylyp] {
        font-size: 1rem
    }

    .content-text[data-astro-cid-ld5lylyp] {
        font-size: 1.25rem
    }

    .user-text[data-astro-cid-ld5lylyp] {
        font-size: 1rem
    }
}

.swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.section-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
}

@media (min-width: 1200px) {
    .section-title {
        font-size: 2.5rem
    }
}