@media (min-width: 1024px) {
    .is-socialdog-login .hero__content {
        padding-bottom: 70px
    }
}

.home .lpo.hero {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 0;
    background-position: 30% 60%;
    background-image: url("data:image/svg+xml,%3csvg%20width='2011'%20height='1831'%20viewBox='0%200%202011%201831'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1130'%20cy='461'%20r='399'%20stroke='%233FCFDA'%20stroke-width='124'/%3e%3crect%20x='1415.72'%20y='1075.81'%20width='531.503'%20height='531.503'%20transform='rotate(17.4972%201415.72%201075.81)'%20stroke='%2322C16D'%20stroke-width='140'/%3e%3cpath%20d='M445.684%201047.91L470.97%201573.26L3.3641%201332.48L445.684%201047.91Z'%20fill='%23FFD75E'/%3e%3c/svg%3e")
}

@media (min-width: 640px) {
    .home .lpo.hero {
        background-position: 26% 113%
    }
}

@media (min-width: 769px) {
    .home .lpo.hero {
        background-position: 30% 60%
    }
}

@media screen and (768px < width <=820px) {
    .home .lpo.hero {
        background-position: 29% 119%
    }
}

@media screen and (820px < width <=1023px) {
    .home .lpo.hero {
        background-position: 24% 127%
    }
}

.home .lpo .hero__inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 100%) {
    .home .lpo .hero__inner {
        max-width: 100%
    }
}

@media (min-width: 980px) {
    .home .lpo .hero__inner {
        max-width: 980px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width: 1280px) {
    .home .lpo .hero__inner {
        max-width: 1280px;
        padding-right: 40px;
        padding-left: 40px
    }
}

@media (min-width: 1440px) {
    .home .lpo .hero__inner {
        max-width: 1440px;
        padding-right: 120px;
        padding-left: 120px
    }
}

.home .lpo .hero__inner {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 2rem
}

.case-studies .home .lpo .hero__inner {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.features__recommend .home .lpo .hero__inner>div {
    position: relative;
    z-index: 1
}

.features__recommend .home .lpo .hero__inner:before,
.features__recommend .home .lpo .hero__inner:after {
    position: absolute;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    content: ""
}

.features__recommend .home .lpo .hero__inner:before {
    top: -15px;
    left: -220px;
    height: 417px;
    width: 438px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-triangle-orange.png)
}

.features__recommend .home .lpo .hero__inner:after {
    bottom: -227px;
    right: -222px;
    height: 482px;
    width: 484px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-square-green.png)
}

@media (min-width: 769px) {
    .features__recommend .home .lpo .hero__inner:before {
        top: -150px;
        left: -380px;
        height: 595px;
        width: 606px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-triangle-orange2.png)
    }

    .features__recommend .home .lpo .hero__inner:after {
        bottom: -414px;
        right: -320px;
        height: 882px;
        width: 882px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-square-green2.png)
    }
}

@media (min-width: 1024px) {
    .features__recommend .home .lpo .hero__inner:before {
        top: -160px;
        left: -250px
    }
}

.integrations__support .home .lpo .hero__inner.bg {
    position: relative;
    overflow: visible
}

.integrations__support .home .lpo .hero__inner.bg>div {
    position: relative;
    z-index: 1
}

.integrations__support .home .lpo .hero__inner.bg:before,
.integrations__support .home .lpo .hero__inner.bg:after {
    position: absolute;
    z-index: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: ""
}

.integrations__support .home .lpo .hero__inner.bg:before {
    bottom: 490px;
    left: -210px;
    height: 377px;
    width: 377px
}

@media (min-width: 640px) {
    .integrations__support .home .lpo .hero__inner.bg:before {
        bottom: 400px;
        left: -210px
    }
}

.integrations__support .home .lpo .hero__inner.bg:before {
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-cta3.png)
}

.integrations__support .home .lpo .hero__inner.bg:after {
    bottom: -260px;
    right: -190px;
    height: 414px;
    width: 414px
}

@media (min-width: 640px) {
    .integrations__support .home .lpo .hero__inner.bg:after {
        bottom: -250px;
        right: -180px
    }
}

.integrations__support .home .lpo .hero__inner.bg:after {
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-cta4.png)
}

@media (min-width: 769px) {
    .integrations__support .home .lpo .hero__inner.bg:before {
        bottom: 280px;
        left: -330px;
        height: 733px;
        width: 732px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-cta32.png)
    }

    .integrations__support .home .lpo .hero__inner.bg:after {
        bottom: -370px;
        right: -210px;
        height: 686px;
        width: 686px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg-cta42.png)
    }
}

.single-user-type .sns-account-phase .home .lpo .hero__inner {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 1280px) {
    .single-user-type .sns-account-phase .home .lpo .hero__inner {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .single-user-type .sns-account-phase .home .lpo .hero__inner {
        max-width: 1440px;
        padding-left: 120px;
        padding-right: 120px
    }
}

.single-user-type .business-response .home .lpo .hero__inner {
    padding: 0
}

@media (min-width: 769px) {
    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table {
        width: 100%
    }
}

.single-user-type .features__pricing .home .lpo .hero__inner .pricing-table .pricing-table__card-button .wp-block-button__link {
    padding-top: 14px;
    padding-bottom: 14px
}

@media (min-width: 769px) {
    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table .pricing-table__card-button .wp-block-button__link {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__grid {
    justify-content: center;
    gap: 18px
}

@media (min-width: 769px) {
    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px
    }

    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card {
        max-width: 381px
    }

    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card-price {
        margin-bottom: 0
    }
}

.single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card-description {
    margin-bottom: 20px;
    margin-top: 2px
}

@media (min-width: 769px) {
    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card-description {
        margin-bottom: 2px;
        margin-top: 0
    }

    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card--professional,
    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card--business,
    .single-user-type .features__pricing .home .lpo .hero__inner .pricing-table__card--enterprise {
        padding-left: 20px;
        padding-right: 20px
    }
}

.single-user-type .user-type__recommend .home .lpo .hero__inner>div {
    position: relative;
    z-index: 1
}

.single-user-type .user-type__recommend .home .lpo .hero__inner:before,
.single-user-type .user-type__recommend .home .lpo .hero__inner:after {
    position: absolute;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    content: ""
}

@media (min-width: 1024px) {
    .single-user-type .user-type__recommend .home .lpo .hero__inner:before {
        top: -160px;
        left: -250px
    }
}

.single-plans .section-benefit .home .lpo .hero__inner {
    overflow: visible
}

.single-plans .section-benefit .home .lpo .hero__inner>div {
    position: relative;
    z-index: 1
}

.single-plans .section-benefit .home .lpo .hero__inner>div>div {
    position: relative;
    z-index: 1
}

.single-plans .section-benefit .home .lpo .hero__inner:before,
.single-plans .section-benefit .home .lpo .hero__inner:after {
    content: "";
    position: absolute;
    z-index: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.single-plans .section-benefit .home .lpo .hero__inner:before {
    top: 1650px;
    left: -230px;
    height: 439px;
    width: 440px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg4.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner:before {
        top: 1521px
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner:before {
        top: 1875px;
        height: 825px;
        width: 802px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg42.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner:after {
    top: 510px;
    right: 0;
    height: 406px;
    width: 408px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg3.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner:after {
        top: 369px
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner:after {
        top: 1365px;
        height: 818px;
        width: 821px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg32.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner .bg7,
.single-plans .section-benefit .home .lpo .hero__inner .bg8,
.single-plans .section-benefit .home .lpo .hero__inner .bg9,
.single-plans .section-benefit .home .lpo .hero__inner .bg10,
.single-plans .section-benefit .home .lpo .hero__inner .bg11,
.single-plans .section-benefit .home .lpo .hero__inner .bg12 {
    position: absolute;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.single-plans .section-benefit .home .lpo .hero__inner .bg7 {
    top: 510px;
    right: -63%;
    height: 428px;
    width: 428px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg7.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg7 {
        top: 369px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg7 {
        top: 2640px;
        right: -30%;
        height: 755px;
        width: 755px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg72.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner .bg8 {
    top: 510px;
    left: -57%;
    height: 406px;
    width: 408px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg8.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg8 {
        top: 369px;
        right: -27%
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg8 {
        top: 3400px;
        left: -31%;
        height: 865px;
        width: 865px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg82.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner .bg9 {
    bottom: -230px;
    right: -57%;
    height: 428px;
    width: 428px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg92.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg9 {
        bottom: -210px;
        right: -27%
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg9 {
        bottom: -250px;
        right: -11%;
        height: 860px;
        width: 860px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg9.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner .bg10 {
    height: 386px;
    width: 401px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg10.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg10 {
        bottom: -210px;
        right: -27%
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg10 {
        height: 818px;
        width: 818px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg102.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner .bg11 {
    height: 448px;
    width: 449px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg11.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg11 {
        bottom: -210px;
        right: -27%
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg11 {
        height: 825px;
        width: 826px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg112.png)
    }
}

.single-plans .section-benefit .home .lpo .hero__inner .bg12 {
    height: 427px;
    width: 428px;
    background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg12.png)
}

@media (min-width: 640px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg12 {
        bottom: -210px;
        right: -27%
    }
}

@media (min-width: 769px) {
    .single-plans .section-benefit .home .lpo .hero__inner .bg12 {
        height: 755px;
        width: 755px;
        background-image: url(/ja/wp-content/themes/sd_service_site/dist/images/bg122.png)
    }
}

.home .lpo__step-guide .home .lpo .hero__inner {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .home .lpo__step-guide .home .lpo .hero__inner {
        max-width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media screen and (max-width: 1024px) {
    .home .lpo__support .home .lpo .hero__inner {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.single-plans.postid-37 .section-benefit .home .lpo .hero__inner:before {
    top: 1640px
}

@media (min-width: 640px) {
    .single-plans.postid-37 .section-benefit .home .lpo .hero__inner:before {
        top: 1px
    }
}

@media (min-width: 769px) {
    .single-plans.postid-37 .section-benefit .home .lpo .hero__inner:before {
        top: 1615px;
        left: -16%
    }
}

.single-plans.postid-37 .section-benefit .home .lpo .hero__inner:after {
    top: 639px;
    right: -60%
}

@media (min-width: 640px) {
    .single-plans.postid-37 .section-benefit .home .lpo .hero__inner:after {
        top: 489px;
        right: -25%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-37 .section-benefit .home .lpo .hero__inner:after {
        top: 625px;
        right: -26%
    }
}

.single-plans.postid-39 .section-benefit .home .lpo .hero__inner:before {
    top: 2210px
}

@media (min-width: 640px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner:before {
        top: 2301px;
        left: -25%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner:before {
        top: 1875px;
        left: -21%
    }
}

.single-plans.postid-39 .section-benefit .home .lpo .hero__inner:after {
    top: 869px;
    right: -50%
}

@media (min-width: 640px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner:after {
        top: 989px;
        right: -29%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner:after {
        top: 1275px;
        right: -360px
    }
}

.single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg7 {
    top: 3340px;
    right: -63%
}

@media (min-width: 640px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 2660px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 2640px;
        right: -43%
    }
}

.single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg8 {
    display: none
}

@media (min-width: 769px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg8 {
        display: block
    }
}

@media (min-width: 640px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 369px;
        right: -27%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-39 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 3400px;
        left: -48%
    }
}

.single-plans.postid-41 .section-benefit .home .lpo .hero__inner:before {
    top: 2560px
}

@media (min-width: 640px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner:before {
        top: 2301px;
        left: -25%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner:before {
        top: 2185px;
        left: -21%
    }
}

.single-plans.postid-41 .section-benefit .home .lpo .hero__inner:after {
    top: 1189px;
    right: -40%
}

@media (min-width: 640px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner:after {
        top: 819px;
        right: -25%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner:after {
        top: 965px;
        right: -21%
    }
}

.single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg7 {
    top: 3980px;
    right: -63%
}

@media (min-width: 640px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 3690px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 3418px;
        right: -44%
    }
}

.single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg8 {
    top: 5290px;
    left: -81%
}

@media (min-width: 640px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 4800px;
        left: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 4700px;
        left: -46%
    }

    .single-plans.postid-41 .section-benefit .home .lpo .hero__inner .bg9 {
        bottom: -280px;
        right: -41%
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner:before {
    top: 2560px
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner:before {
        top: 2301px
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner:before {
        top: 2315px
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner:after {
    top: 1343px;
    right: -200px
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner:after {
        top: 819px
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner:after {
        top: 1335px;
        right: -19%
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg7 {
    top: 3650px;
    right: -85%
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 3220px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 3580px;
        right: -43%
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg8 {
    top: 5290px;
    left: -30%
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 4240px;
        left: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 4440px;
        left: -42%
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg10 {
    top: 6120px;
    right: -71%
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg10 {
        top: 5490px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg10 {
        top: 5580px;
        right: -41%
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg11 {
    top: 7305px;
    left: -60%
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg11 {
        top: 6650px;
        left: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg11 {
        top: 6852px;
        left: -39%
    }
}

.single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg12 {
    top: 8220px;
    right: -85%
}

@media (min-width: 640px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg12 {
        top: 7580px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-43 .section-benefit .home .lpo .hero__inner .bg12 {
        top: 7760px;
        right: -43%
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner:before {
    top: 2560px
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner:before {
        top: 2301px
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner:before {
        top: 2315px
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner:after {
    top: 1343px;
    right: -200px
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner:after {
        top: 819px
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner:after {
        top: 1335px;
        right: -19%
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg7 {
    top: 3650px;
    right: -85%
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 3220px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg7 {
        top: 3580px;
        right: -43%
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg8 {
    top: 4800px;
    left: -64%
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 4240px;
        left: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg8 {
        top: 4440px;
        left: -42%
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg10 {
    top: 6120px;
    right: -71%
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg10 {
        top: 5490px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg10 {
        top: 5580px;
        right: -41%
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg11 {
    top: 7305px;
    left: -60%
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg11 {
        top: 6650px;
        left: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg11 {
        top: 6852px;
        left: -39%
    }
}

.single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg12 {
    top: 8220px;
    right: -85%
}

@media (min-width: 640px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg12 {
        top: 7580px;
        right: -30%
    }
}

@media (min-width: 769px) {
    .single-plans.postid-45 .section-benefit .home .lpo .hero__inner .bg12 {
        top: 7760px;
        right: -43%
    }
}

@media (min-width: 640px) {
    .home .lpo .hero__inner {
        gap: 9px;
        padding-bottom: 43px
    }
}

@media (min-width: 1024px) {
    .home .lpo .hero__inner {
        flex-direction: row;
        justify-content: flex-start;
        gap: 0px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 162px;
        width: min(1220px, 100% - 40px)
    }
}

@media screen and (max-width: 640px) {
    .home .lpo .hero__inner {
        padding-left: 0;
        padding-right: 0
    }
}

.home .lpo .hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (min-width: 1024px) {
    .home .lpo .hero__content {
        width: 592px
    }
}

@media screen and (max-width: 640px) {
    .home .lpo .hero__content {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.home .lpo .hero__badges {
    margin-bottom: .75rem
}

@media (min-width: 640px) {
    .home .lpo .hero__badges {
        margin-bottom: 1.5rem
    }
}

.home .lpo .hero__badges img {
    height: auto;
    width: 280px
}

@media (min-width: 769px) {
    .home .lpo .hero__badges img {
        width: 375px;
    }
}

.home .lpo .hero__title:lang(ja),
:lang(ja) .home .lpo .hero__title {
    font-family: Gordita Bold, "A+mfCv-AXIS Font ベーシック B ProN", Meiryo, Hiragino Sans, Roboto, Helvetica Neue, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 700;
    font-feature-settings: "palt"
}

.home .lpo .hero__title {
    margin-bottom: .5rem;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 134%;
    letter-spacing: -.3px
}

@media screen and (width >=768px) {
    .home .lpo.hero .hero__title {
        font-size: 30px
    }
}

@media screen and (768px < width <=820px) {
    .home .lpo.hero .hero__title {
        font-size: 40px
    }
}

@media screen and (820px < width <=1024px) {
    .home .lpo.hero .hero__title {
        font-size: 30px
    }
}

@media screen and (width > 1024px) {
    .home .lpo.hero .hero__title {
        font-size: 42px
    }
}

.home .lpo .hero__description {
    margin-bottom: 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 160%
}

@media (min-width: 640px) {
    .home .lpo .hero__description {
        text-align: center
    }
}

@media (min-width: 769px) {
    .home .lpo .hero__description {
        margin-bottom: 1.5rem
    }
}

@media (min-width: 1025px) {
    .home .lpo .hero__description {
        font-size: 1.5rem;
        line-height: 1.6
    }
}

.home .lpo .hero__cta {
    margin-bottom: 1.25rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    gap: .75rem
}

@media (min-width: 640px) {
    .home .lpo .hero__cta {
        max-width: 400px
    }
}

@media (min-width: 769px) {
    .home .lpo .hero__cta {
        margin-bottom: 1rem;
        width: 430px
    }
}

.home .lpo.hero .btn {
    width: 100%
}

.home .lpo.floating-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.75rem 1.5rem;
    z-index: 40;
    background-color: #fff;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}

@media (min-width: 769px) {
    .home .lpo.floating-button {
        display: none;
    }
}

.lpo.floating-button.site-button--scroll {
    opacity: 1;
}

.home .lpo.hero .btn.btn--trial:lang(ja),
:lang(ja) .home .lpo.hero .btn.btn--trial,
.home .lpo.hero .btn.btn--download:lang(ja),
:lang(ja) .home .lpo.hero .btn.btn--download,
.home .lpo.hero .btn.btn--dashboard:lang(ja),
:lang(ja) .home .lpo.hero .btn.btn--dashboard,
:lang(ja) .home .lpo.floating-button .btn.btn--trial,
:lang(ja) .home .lpo.floating-button .btn.btn--dashboard {
    font-family: Gordita Bold, "A+mfCv-AXIS Font ベーシック B ProN", Meiryo, Hiragino Sans, Roboto, Helvetica Neue, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 700;
    font-feature-settings: "palt"
}

.home .lpo.hero .btn.btn--trial,
.home .lpo.hero .btn.btn--download,
.home .lpo.hero .btn.btn--dashboard,
.home .lpo.floating-button .btn.btn--trial,
.home .lpo.floating-button .btn.btn--dashboard {
    display: block;
    width: 100%;
    border-radius: .375rem;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 1.5
}

.home .lpo.hero .btn.btn--trial:hover,
.home .lpo.hero .btn.btn--download:hover,
.home .lpo.hero .btn.btn--dashboard:hover,
.home .lpo.floating-button .btn.btn--trial:hover,
.home .lpo.floating-button .btn.btn--dashboard:hover {
    opacity: .8
}

@media (min-width: 769px) {

    .home .lpo.hero .btn.btn--trial,
    .home .lpo.hero .btn.btn--download,
    .home .lpo.hero .btn.btn--dashboard,
    .home .lpo.floating-button .btn.btn--trial,
    .home .lpo.floating-button .btn.btn--dashboard {
        border-radius: .5rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.home .lpo.hero .btn.btn--trial,
.home .lpo.hero .btn.btn--download,
.home .lpo.hero .btn.btn--dashboard,
.home .lpo.floating-button .btn.btn--trial,
.home .lpo.floating-button .btn.btn--dashboard {
    line-height: normal;
    box-shadow: 0 4px 14px #0000000d
}

.home .lpo.hero .btn.btn--trial,
.home .lpo.hero .btn.btn--dashboard,
.home .lpo.floating-button .btn.btn--trial,
.home .lpo.floating-button .btn.btn--dashboard {
    --tw-bg-opacity: 1;
    background-color: rgb(255 85 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.home .lpo.hero .btn.btn--dashboard {
    display: none
}

.home .lpo.hero .btn.btn--download {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 85 0 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 85 0 / var(--tw-text-opacity, 1))
}

.home .lpo .hero__sns:lang(ja),
:lang(ja) .home .lpo .hero__sns {
    font-family: Gordita Bold, "A+mfCv-AXIS Font ベーシック B ProN", Meiryo, Hiragino Sans, Roboto, Helvetica Neue, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 700;
    font-feature-settings: "palt"
}

.home .lpo .hero__sns {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    line-height: 120%;
    --tw-text-opacity: 1;
    color: rgb(22 22 29 / var(--tw-text-opacity, 1))
}

@media (min-width: 769px) {
    .home .lpo .hero__sns {
        margin-bottom: 2rem
    }
}

.home .lpo .hero__sns-label {
    --tw-text-opacity: 1;
    color: rgb(22 22 29 / var(--tw-text-opacity, 1))
}

.home .lpo .hero__sns-icons {
    display: flex;
    gap: 1rem
}

.home .lpo .hero__sns-icon {
    width: auto
}

.home .lpo .hero__note:lang(ja),
:lang(ja) .home .lpo .hero__note {
    font-family: Gordita, "A+mfCv-AXIS Font ベーシック R ProN", Meiryo, Hiragino Sans, Roboto, Helvetica Neue, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 400;
    font-feature-settings: "palt"
}

.home .lpo .hero__note {
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 160%;
    --tw-text-opacity: 1;
    color: rgb(92 110 129 / var(--tw-text-opacity, 1))
}

@media (min-width: 769px) {
    .home .lpo .hero__note {
        line-height: 1
    }
}

.home .lpo .hero__illustration {
    position: relative;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px
}

@media (min-width: 1024px) {
    .home .lpo .hero__illustration {
        padding-left: 0;
        padding-right: 0
    }
}

.home .lpo .hero__illustration-img {
    position: relative;
    left: -1.5%;
    height: auto;
    width: 100vw;
    max-width: none
}

@media (min-width: 640px) {
    .home .lpo .hero__illustration-img {
        left: auto;
        height: auto;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }
}

@media (min-width: 769px) {
    .home .lpo .hero__illustration-img {
        margin-left: auto;
        margin-right: auto;
        width: 80%
    }
}

@media (min-width: 1024px) {
    .home .lpo .hero__illustration-img {
        position: absolute;
        top: -30px;
        left: 30px;
        width: 738px;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media screen and (max-width: 640px) {
    .home .lpo.hero {
        background-position: 34% 248px;
        background-image: url("data:image/svg+xml,%3csvg%20width='710'%20height='762'%20viewBox='0%200%20710%20762'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='130.5'%20cy='365.5'%20r='102.5'%20stroke='%233FCFDA'%20stroke-width='56'/%3e%3cpath%20d='M468.871%2041.5369L547.027%20274.727L306%20225.817L468.871%2041.5369Z'%20fill='%23FFD75E'/%3e%3crect%20x='452.971'%20y='417.041'%20width='233.494'%20height='233.494'%20transform='rotate(22.0312%20452.971%20417.041)'%20stroke='%2322C16D'%20stroke-width='61.5033'/%3e%3c/svg%3e")
    }
}