.movie[data-astro-cid-r5lgra5w] {
    display: block;
    margin: auto;
    width: 20.9375rem;
    position: relative;
    border-radius: .5rem;
    overflow: hidden
}

@media (min-width: 768px) {
    .movie[data-astro-cid-r5lgra5w] {
        width: 50rem;
        height: auto
    }
}

.movie-play-mark[data-astro-cid-r5lgra5w] {
    width: 3rem;
    height: 3rem;
    background-color: #ffffffb3;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 9999px
}

@media (min-width: 768px) {
    .movie-play-mark[data-astro-cid-r5lgra5w] {
        width: 4.375rem;
        height: 4.375rem
    }
}

.movie-play-mark-arrow[data-astro-cid-r5lgra5w] {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 1rem;
    height: 1rem
}

@media (min-width: 768px) {
    .movie-play-mark-arrow[data-astro-cid-r5lgra5w] {
        width: 1.875rem;
        height: 1.875rem
    }
}

.movie-play-mark-arrow-svg[data-astro-cid-r5lgra5w] {
    display: block;
    width: 100%;
    height: 100%;
    fill: #00ab4e
}

.movie-title[data-astro-cid-r5lgra5w] {
    position: absolute;
    top: 7.5rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: .875rem
}

@media (min-width: 768px) {
    .movie-title[data-astro-cid-r5lgra5w] {
        top: 17.5rem;
        font-size: 1rem
    }
}

.hero[data-astro-cid-r5lgra5w] {
    position: relative;
    background-color: #00ab4e;
    min-height: 100svh;
    z-index: 3
}

@media (min-width: 768px) {
    .hero[data-astro-cid-r5lgra5w] {
        min-height: 100vh
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hero[data-astro-cid-r5lgra5w] {
        min-height: min(632 / 1500 * 100vw, 632px)
    }
}

.hero-visual[data-astro-cid-r5lgra5w] {
    position: absolute;
    inset: 0;
    z-index: 0
}

.hero-visual-img[data-astro-cid-r5lgra5w] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-content[data-astro-cid-r5lgra5w] {
    width: 100%;
    min-height: 100svh
}

@media (min-width: 768px) {
    .hero-content[data-astro-cid-r5lgra5w] {
        min-height: 100vh
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hero-content[data-astro-cid-r5lgra5w] {
        min-height: min(632 / 1500 * 100vw, 632px)
    }
}

@media (min-width: 768px) {
    .hero-content[data-astro-cid-r5lgra5w]>.hero-container[data-astro-cid-r5lgra5w] {
        min-height: 100vh
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hero-content[data-astro-cid-r5lgra5w]>.hero-container[data-astro-cid-r5lgra5w] {
        min-height: min(632 / 1500 * 100vw, 632px)
    }
}

.hero-copy[data-astro-cid-r5lgra5w] {
    position: absolute;
    top: min(110 / 750 * 100vw, 110px);
    width: min(550 / 750 * 100vw, 439px)
}

@media (min-width: 768px) {
    .hero-copy[data-astro-cid-r5lgra5w] {
        top: auto;
        bottom: min(163 / 1500 * 100vw, 163px);
        left: min(460 / 1500 * 100vw, 480px);
        width: min(655 / 1500 * 100vw, 655px)
    }
}

.hero-bottom-masthead[data-astro-cid-r5lgra5w] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00ab4e;
    height: min(175 / 750 * 100vw, 175px)
}

@media (min-width: 768px) {
    .hero-bottom-masthead[data-astro-cid-r5lgra5w] {
        height: min(163 / 1500 * 100vw, 163px)
    }
}

.hero-product-brand[data-astro-cid-r5lgra5w] {
    position: absolute;
    bottom: 100%;
    width: min(379 / 750 * 100vw, 379px)
}

@media (min-width: 768px) {
    .hero-product-brand[data-astro-cid-r5lgra5w] {
        position: relative;
        bottom: auto;
        width: min(410 / 1500 * 100vw, 410px)
    }
}

.hero-feature-list[data-astro-cid-r5lgra5w] {
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    font-size: min(18 / 750 * 100vw, 18px);
    margin-top: min(30 / 750 * 100vw, 30px);
    width: min(390 / 750 * 100vw, 420px);
    list-style-type: disc;
    margin-left: min(50 / 750 * 100vw, 50px)
}

@media (min-width: 768px) {
    .hero-feature-list[data-astro-cid-r5lgra5w] {
        margin-top: 10px;
        margin-bottom: min(10 / 1500 * 100vw, 10px);
        margin-left: min(28 / 1500 * 100vw, 28px);
        font-size: min(14 / 1500 * 100vw, 14px);
        width: min(310 / 1500 * 100vw, 310px)
    }
}

.hero-feature-list-item[data-astro-cid-r5lgra5w]:not(:first-child) {
    margin-top: min(15 / 750 * 100vw, 15px)
}

@media (min-width: 768px) {
    .hero-feature-list-item[data-astro-cid-r5lgra5w]:not(:first-child) {
        margin-top: min(10 / 1500 * 100vw, 10px)
    }
}

@media (min-width: 768px) {
    .hero-application[data-astro-cid-r5lgra5w] {
        margin-left: min(15 / 1500 * 100vw, 30px);
        margin-bottom: min(10 / 1500 * 100vw, 10px)
    }
}

.hero-application-appstore[data-astro-cid-r5lgra5w] {
    width: min(116 / 750 * 100vw, 116px)
}

@media (min-width: 768px) {
    .hero-application-appstore[data-astro-cid-r5lgra5w] {
        width: min(116 / 1500 * 100vw, 116px);
    }
}

.hero-application-playgoogle[data-astro-cid-r5lgra5w] {
    width: min(143 / 750 * 100vw, 143px);
    margin-left: min(10 / 750 * 100vw, 10px)
}

@media (min-width: 768px) {
    .hero-application-playgoogle[data-astro-cid-r5lgra5w] {
        width: min(143 / 1500 * 100vw, 143px);
        width: min(130 / 1500 * 100vw, 130px)
    }
}

.hero-application-note[data-astro-cid-r5lgra5w] {
    margin-top: min(15 / 750 * 100vw, 15px);
    font-size: min(110 / 750 * 100vw, 110px);
    line-height: 1.8;
    color: #fff;
    width: min(340 / 750 * 100vw, 340px)
}

@media (min-width: 768px) {
    .hero-application-note[data-astro-cid-r5lgra5w] {
        font-size: min(10 / 1500 * 100vw, 10px);
        line-height: 1.6;
        margin-top: min(10 / 1500 * 100vw, 10px);
        width: min(350 / 1500 * 100vw, 350px)
    }
}

.hero-phone[data-astro-cid-r5lgra5w] {
    position: absolute;
    top: max(-312 / 750 * 100vw, -312px);
    right: min(30 / 750 * 100vw, 30px);
    width: min(276 / 750 * 100vw, 276px);
    height: min(557 / 750 * 100vw, 557px);
    z-index: 3
}

@media (min-width: 768px) {
    .hero-phone[data-astro-cid-r5lgra5w] {
        top: max(-460 / 1500 * 100vw, -460px);
        right: min(25 / 1500 * 100vw, 25px);
        width: min(343 / 1500 * 100vw, 343px);
        height: min(691 / 1500 * 100vw, 691px)
    }
}

.hero-container[data-astro-cid-r5lgra5w] {
    max-width: 1500px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.feature-card[data-astro-cid-dwetbggr] {
    width: 20.9375rem;
    background-color: #b7d433;
    border-width: .25rem;
    border-color: #fff;
    border-style: solid;
    border-radius: .625rem;
    z-index: 1;
    box-shadow: .375rem .25rem .9375rem #23181580;
    position: relative
}

@media (min-width: 768px) {
    .feature-card[data-astro-cid-dwetbggr] {
        width: 60.625rem;
        box-shadow: .75rem .5rem 1.875rem #23181580
    }
}

@media (min-width: 768px) {
    .feature-card__inner[data-astro-cid-dwetbggr] {
        min-height: 23.1875rem;
        display: flex;
        align-items: center
    }
}

.feature-bg[data-astro-cid-5rbc46gg] {
    position: absolute;
    inset: 0rem;
    margin: auto;
    overflow: hidden;
    border-radius: .625rem;
    will-change: opacity
}

@media (min-width: 768px) {
    .feature-bg[data-astro-cid-5rbc46gg] {
        inset: 1.25rem;
        border-radius: 1.875rem
    }
}

.feature-bg-img[data-astro-cid-5rbc46gg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    position: relative;
    left: -5px;
    top: -5px
}

.features[data-astro-cid-zfndrr6i] {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.feature[data-astro-cid-zfndrr6i] {
    overflow: hidden;
    min-height: 100vh
}

@media (max-width: 991.98px) {
    .img-wrap--1[data-astro-cid-zfndrr6i] {
        margin-top: -1.25rem
    }

    .img-wrap--2[data-astro-cid-zfndrr6i],
    .img-wrap--3[data-astro-cid-zfndrr6i] {
        margin-top: -1.5625rem
    }
}

@media (min-width: 768px) {
    .img-wrap--1[data-astro-cid-zfndrr6i] {
        width: 19.5rem;
        left: 36.875rem
    }

    .img-wrap--2[data-astro-cid-zfndrr6i] {
        width: 23.5625rem;
        left: 36.875rem
    }

    .img-wrap--3[data-astro-cid-zfndrr6i] {
        width: 20.3125rem;
        left: 36.875rem
    }

    .img-wrap--4[data-astro-cid-zfndrr6i] {
        width: 23.4375rem;
        left: 36.875rem
    }
}

.pagination[data-astro-cid-zfndrr6i] {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 9
}

@media (min-width: 768px) {
    .pagination[data-astro-cid-zfndrr6i] {
        bottom: 2.5rem;
        right: 2.5rem
    }
}

.pagination-item[data-astro-cid-zfndrr6i] {
    display: inline-block;
    margin: 0 .25rem
}

@media (min-width: 768px) {
    .pagination-item[data-astro-cid-zfndrr6i] {
        margin: 0 .25rem
    }
}

.pagination-button[data-astro-cid-zfndrr6i] {
    width: .5rem;
    height: .5rem;
    background-color: #ccc;
    border-radius: 9999px;
    transition: width .75s cubic-bezier(.25, 1, .5, 1)
}

.pagination-button[data-astro-cid-zfndrr6i].active {
    width: 2.875rem;
    background-color: #00ab4e
}

@media (min-width: 768px) {
    .button-A01[data-astro-cid-smkuhqux].--medium-large {
        font-size: 1rem
    }
}

@media (min-width: 768px) {
    .button-A01[data-astro-cid-smkuhqux].--medium-large .button-A01__container[data-astro-cid-smkuhqux] {
        min-height: 3.125rem
    }
}

.button-A01[data-astro-cid-smkuhqux] {
    background-color: #00682c;
    border-radius: 9999px;
    border-style: solid;
    border-width: .0625rem;
    border-color: #00682c;
    color: #fff;
    min-width: 10rem;
    font-size: .8125rem;
    font-weight: 500;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transform: scale(1);
    transition: transform .3s, background-color .35s, color .35s
}

@media (min-width: 768px) {
    .button-A01[data-astro-cid-smkuhqux] {
        font-size: .875rem
    }
}

.button-A01[data-astro-cid-smkuhqux]:hover {
    color: #00682c;
    background-color: #fff;
    transition: transform .3s, background-color .35s, color .35s
}

.button-A01__container[data-astro-cid-smkuhqux] {
    display: flex;
    align-items: center;
    min-height: 3rem
}

@media (min-width: 768px) {
    .button-A01__container[data-astro-cid-smkuhqux] {
        min-height: 1.875rem
    }
}

.button-A01__content[data-astro-cid-smkuhqux] {
    display: block;
    flex-grow: 1;
    text-align: center;
    padding: 0 1.875rem
}

@media (min-width: 768px) {
    .button-A01__content[data-astro-cid-smkuhqux] {
        padding: 0 2.1875rem
    }
}

.button-A01__arrow-right-svg[data-astro-cid-smkuhqux] {
    fill: currentColor;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .625rem;
    margin: auto;
    width: 1rem;
    height: 1rem
}

.collapse[data-astro-cid-qp2bs7ey] {
    display: none
}

.collapse[data-astro-cid-qp2bs7ey].in {
    display: block
}

.collapsing[data-astro-cid-qp2bs7ey] {
    overflow: hidden;
    transition-timing-function: cubic-bezier(.33, 1, .68, 1);
    transition-duration: .35s;
    transition-property: height, visibility
}

.quicksnap-masthead-banner[data-astro-cid-z2lnhfkq] {
    margin: auto;
    border-radius: .9375rem;
    overflow: hidden;
    position: relative
}

.quicksnap-masthead-banner__button[data-astro-cid-z2lnhfkq] {
    position: absolute;
    top: 86.8686868687%;
    width: 18.4375rem;
    left: 0;
    right: 0;
    margin: auto
}

@media (min-width: 768px) {
    .quicksnap-masthead-banner__button[data-astro-cid-z2lnhfkq] {
        top: 89.5833333333%;
        left: 1.875rem;
        width: auto
    }
}

.offcanvas[data-astro-cid-2umjlmcx] {
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #b7d433;
    position: fixed;
    z-index: 9999
}

@media (min-width: 768px) {
    .offcanvas[data-astro-cid-2umjlmcx] {
        border-bottom-left-radius: 1.875rem;
        width: 73.75rem
    }
}

.offcanvas[data-astro-cid-2umjlmcx].fade {
    transform: translate(100%);
    transition: transform .5s cubic-bezier(.22, 1, .36, 1)
}

.offcanvas[data-astro-cid-2umjlmcx].fade.in {
    transform: translate(0)
}

.offcanvas-close[data-astro-cid-2umjlmcx] {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: .9375rem;
    right: .9375rem;
    z-index: 1
}

@media (min-width: 768px) {
    .offcanvas-close[data-astro-cid-2umjlmcx] {
        width: 3.4375rem;
        height: 3.4375rem;
        position: absolute;
        top: 1.5625rem;
        right: 1.5625rem
    }
}

.offcanvas-close-bar[data-astro-cid-2umjlmcx] {
    height: .125rem;
    background-color: #000;
    position: absolute;
    width: 100%;
    inset: 0;
    margin: auto
}

.offcanvas-close-bar[data-astro-cid-2umjlmcx]:nth-child(1) {
    transform: rotate(45deg)
}

.offcanvas-close-bar[data-astro-cid-2umjlmcx]:nth-child(2) {
    transform: rotate(-45deg)
}

body.offcanvas-open {
    overflow: hidden
}

body.offcanvas-open .offcanvas {
    overflow-x: hidden;
    overflow-y: auto
}

.offcanvas-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background-color: #00000080
}

.offcanvas-backdrop.fade {
    transition: opacity .15s linear;
    opacity: 0
}

.offcanvas-backdrop.in {
    opacity: .5;
    opacity: 1
}

.offcanvas-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.annotation[data-astro-cid-j2qxyyjt] {
    position: relative;
    top: -2.5rem
}

@media (min-width: 768px) {
    .annotation[data-astro-cid-j2qxyyjt] {
        top: 0rem
    }
}

.modal[data-astro-cid-ihqjln7d] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-open[data-astro-cid-ihqjln7d] .modal[data-astro-cid-ihqjln7d] {
    overflow-x: hidden;
    overflow-y: auto
}

.modal[data-astro-cid-ihqjln7d].fade {
    opacity: 0;
    transition: opacity .15s linear
}

.modal[data-astro-cid-ihqjln7d].fade.in {
    opacity: 1
}

.modal[data-astro-cid-ihqjln7d].fade .modal-dialog[data-astro-cid-ihqjln7d] {
    opacity: 0;
    transform: scale(.9);
    transition-duration: .3s;
    transition-property: cubic-bezier(.14, .78, .46, .99);
    transition-delay: .15s;
    transition-property: transform, opacity
}

.modal[data-astro-cid-ihqjln7d].in .modal-dialog[data-astro-cid-ihqjln7d] {
    opacity: 1;
    transform: scale(1)
}

.modal-dialog[data-astro-cid-ihqjln7d] {
    min-height: 100%;
    display: flex;
    align-items: center;
    max-width: 62rem;
    margin-left: auto;
    margin-right: auto;
    min-height: calc(100% - 5rem);
    margin: 2.5rem auto;
    pointer-events: none
}

.modal-content[data-astro-cid-ihqjln7d] {
    flex: 1 0 0;
    background-color: #fff;
    color: #000;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    pointer-events: auto
}

.modal-dialog[data-astro-cid-ihqjln7d] {
    max-width: 100%
}

@media (min-width: 768px) {
    .modal-dialog[data-astro-cid-ihqjln7d] {
        max-width: 60rem
    }
}

iframe[data-astro-cid-ihqjln7d] {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

body.modal-open {
    overflow: hidden
}

body.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background-color: #00000080
}

.modal-backdrop.fade {
    transition: opacity .15s linear;
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5;
    opacity: 1
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.medium-text-12.paciking_caution{
        font-size: .6875rem
}

.packing_box{
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .packing_box{
    margin-bottom: 0;
}

    .medium-padding-horizon-box {
        padding-left: 3.125rem;
        padding-right: 24rem!important;
    }

}

.caution_text{
    font-size: .6875rem
}

.lang_pc{
  position: absolute;
  top:6.5vw;
  right: 1.5%;
}

.lang_sp{
    position: absolute;
    top:22%;
    left: 50%;
    transform: translateX(-50%);
}
    
.lang-selector {
    display: inline-block;
    background-color: #00AB4E;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.3s ease;
    color: #fff;
    border: 2px solid;
    width: 130px;
    cursor: pointer;
    font-size:.9375rem;
    user-select: none;
  }

  .lang-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw;
    font-size:.9375rem;
    background-color: #00AB4E;
    transition: background 0.3s;
    user-select: none;
  }

  .lang-selector:hover .lang-header {
    background-color: #018d40;
  }

  .lang-arrow {
    width: 18px;
    height: 18px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
    margin-left: 8px;
  }

  .lang-selector.open .lang-arrow {
    transform: rotate(180deg);
  }

  .lang-menu {
    background-color: #00AB4E;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
  }

  .lang-selector.open .lang-menu {
    max-height: 180px;
  }

  .lang-option {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    transition: background 0.2s;
  }

  .lang-option:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }

  @media (max-width: 767px) {
    .lang-selector {
    width: 35vw;
    font-size:.7375rem;
  }

   .lang-header {
    font-size:.8375rem;
    padding: 10px 14px;
  }
  }


.pc_show{
    display: block;
}
.sp_show{
    display: none;
}

@media (max-width: 767px) {
    .pc_show{
    display: none;
}
.sp_show{
    display: block;
}
}