@charset "UTF-8";@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes icon-rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

@keyframes icon-rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

@-webkit-keyframes flow-images-sm {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-76.3846153846rem,0,0)
    }
}

@keyframes flow-images-sm {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-76.3846153846rem,0,0)
    }
}

@-webkit-keyframes flow-images-md {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-233.375rem,0,0)
    }
}

@keyframes flow-images-md {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-233.375rem,0,0)
    }
}

@-webkit-keyframes flow-typo-sm {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-81.9230769231rem,0,0)
    }
}

@keyframes flow-typo-sm {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-81.9230769231rem,0,0)
    }
}

@-webkit-keyframes flow-typo-md {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-137rem,0,0)
    }
}

@keyframes flow-typo-md {
    0% {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-137rem,0,0)
    }
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-slide,.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translate3d(0,0,0);
    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 {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.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 {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.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: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.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 {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill,.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-black .swiper-pagination-bullet-active,.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: 1s steps(12,end) infinite swiper-preloader-spin;
    animation: 1s steps(12,end) infinite swiper-preloader-spin
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.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-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.about__inner {
    position: relative;
    margin: -100vh 2rem 0;
    padding: 53.8461538462rem 0
}

.about__items {
    padding: 3.3846153846rem 0 0
}

.about__item {
    padding: 3.3846153846rem 2.8461538462rem 3.5384615385rem 2.9230769231rem;
    background-color: rgba(255,255,255,.95);
    border-radius: 1.3076923077rem
}

.about__item+.about__item {
    margin: 9.3846153846rem 0 0
}

.about__heading {
    position: relative;
    padding: 0 0 1.8461538462rem .2307692308rem;
    font-size: 1.5384615385rem;
    color: var(--c-text-primary);
    line-height: 1.5;
    letter-spacing: .15em;
    text-align: center
}

.about__heading::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1.9230769231rem;
    height: .6153846154rem;
    margin: 0 auto;
    content: "";
    background-image: url(../images/common/about_heading_decor_sm.svg);
    background-size: 1.9230769231rem .6153846154rem
}

.about__body {
    margin: 1.3076923077rem 0 0;
    font-size: 1rem;
    line-height: 1.92;
    letter-spacing: .07em;
    text-align: justify;
    text-justify: inter-ideograph
}

.about__body span,.balance .difference__body span,.balance .nutrients1__body span,.balance .nutrients2__body span,.balance__body span,.brand__body p span {
    color: var(--c-text-secondary)
}

.about__body sub,.balance .nutrients1__body sub,.balance .nutrients2__body sub,.balance__body sub,.honesty__features sub,.natural__paragraph sub,.nutrients-modal .item--unit>dt>sub,.nutrients-modal .nutrients>dt>sub {
    position: relative;
    bottom: 0;
    font-size: .7692307692rem
}

.about__body+.about__body {
    margin-top: .5384615385rem
}

.about__note {
    padding-left: 1em;
    text-indent: -1em;
    margin: .2307692308rem .9230769231rem 0 0;
    font-size: .7692307692rem;
    line-height: 1.5;
    letter-spacing: .04em;
    color: #bab09f
}

.about-images,.about-images__item {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.about-images {
    position: -webkit-sticky;
    position: sticky;
    z-index: -1;
    background-color: #fff;
    min-height: 100vh
}

.about-images__item {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%
}

.about-images__item:not(:nth-child(1)),.balance__image:not(:nth-child(1)) {
    opacity: 0
}

.about-images__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.balance {
    position: relative;
    z-index: 1;
    padding: 4.3076923077rem 0 6.3076923077rem;
    margin: -.0769230769rem 0 0;
    background: #6ec400;
}

.balance__sub img {
    position: relative;
    left: -.0769230769rem;
    width: 6.4615384615rem;
    height: 3.4615384615rem
}

.balance__header {
    text-align: center
}

.balance__heading {
    margin: 1.6923076923rem 0 0 .2307692308rem;
    font-size: 1.5384615385rem;
    color: var(--c-text-primary);
    line-height: 1.65;
    letter-spacing: .15em
}

.balance__images-wrapper {
    overflow: hidden;
    height: 28.8461538462rem;
    margin: 2.1538461538rem 0 0
}

.balance__images {
    position: relative;
    width: 100%;
    height: 28.8461538462rem
}

.balance__image,.balance__images img {
    width: 100%;
    height: 100%
}

.balance__image {
    position: absolute;
    top: 0;
    left: 0
}

.balance__main {
    position: relative;
    z-index: 2;
    padding: 2.0769230769rem 0 0;
    background-color: #fbf7ef
}

.balance__main::after,.balance__nutrients::before {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    content: ""
}

.balance__main::after {
    bottom: -3.3076923077rem;
    width: 100%;
    height: 3.3846153846rem;
    background-image: url(../images/common/arc_beige_bottom_sm.svg);
    background-size: 28.8461538462rem 3.3846153846rem
}

.balance__grid-item--2 {
    margin: 1.7692307692rem 0 0
}

.balance__grid-item--3 {
    margin: 3.8461538462rem 3.2307692308rem 0 3.3076923077rem
}

.balance__body {
    font-size: 1.0769230769rem;
    line-height: 2;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 3.6153846154rem
}

.balance__nutrients {
    position: relative;
    left: -.0769230769rem;
    width: 21.4615384615rem;
    height: 23.6923076923rem;
    margin: 0 auto
}

.balance__nutrients::before {
    top: 0;
    bottom: 0;
    width: 16.5384615385rem;
    height: 16.4615384615rem;
    background-image: url(../images/common/balance_nutrients_list_item_line_sm.svg);
    background-size: 16.5384615385rem 16.4615384615rem;
    margin: auto
}

.balance__nutrients-list {
    position: relative;
    width: 100%;
    height: 100%
}

.balance__nutrients-list-item {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.9230769231rem;
    height: 6.9230769231rem;
    padding: .1538461538rem 0 0 .1538461538rem;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: .08em;
    text-align: center;
    color: var(--c-text-secondary);
    background-color: #fff;
    border-radius: 50%
}

.balance__nutrients-list-item:nth-child(1) {
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.balance__nutrients-list-item:nth-child(1) img {
    position: relative;
    top: -.0769230769rem;
    left: -.1538461538rem;
    width: 2.7692307692rem;
    height: 2.8461538462rem
}

.balance__nutrients-list-item:nth-child(2) {
    top: 4.2307692308rem;
    right: 0
}

.balance__nutrients-list-item:nth-child(2) img {
    position: relative;
    top: -.0769230769rem;
    left: 0;
    width: 4.1538461538rem;
    height: 3.0769230769rem
}

.balance__nutrients-list-item:nth-child(3) {
    top: 12.6153846154rem;
    right: 0
}

.balance__nutrients-list-item:nth-child(3) img {
    position: relative;
    top: -.0769230769rem;
    left: 0;
    width: 4rem;
    height: 3.1538461538rem
}

.balance__nutrients-list-item:nth-child(4) {
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.balance__nutrients-list-item:nth-child(4) img {
    position: relative;
    top: -.1538461538rem;
    left: -.0769230769rem;
    width: 4.0769230769rem;
    height: 3.9230769231rem
}

.balance__nutrients-list-item:nth-child(5) {
    top: 12.6153846154rem;
    left: 0
}

.balance__nutrients-list-item:nth-child(5) img,.balance__nutrients-list-item:nth-child(6) img {
    position: relative;
    top: -.0769230769rem;
    left: -.0769230769rem;
    width: 4.8461538462rem;
    height: 3.9230769231rem
}

.balance__nutrients-list-item:nth-child(6) {
    top: 4.2307692308rem;
    left: 0
}

.balance__nutrients-list-item:nth-child(6) img {
    width: 3.8461538462rem;
    height: 3rem
}

.balance__nutrients-list-image {
    position: absolute;
    top: -.3076923077rem;
    right: 0;
    bottom: .0769230769rem;
    left: 0;
    width: 8.6923076923rem;
    height: 8.3846153846rem;
    margin: auto
}

.balance__detail {
    position: relative;
    margin: 1.9230769231rem 0 0;
    text-align: center
}

.balance__detail-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18.6923076923rem;
    height: 3.4615384615rem;
    font-size: 1rem;
    letter-spacing: .1em;
    color: #fff;
    background-color: var(--c-button-primary);
    border-radius: 1.7692307692rem
}

.balance__detail-button-icon {
    position: relative;
    top: .0625rem;
    width: .9230769231rem;
    height: .9230769231rem;
    line-height: 1
}

.balance__detail-button-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.balance__detail-button-icon .active {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.balance__detail-button-label {
    padding: 0 0 .1538461538rem;
    margin: .3076923077rem 0 0 .5384615385rem
}

.balance__detail-decor {
    position: absolute;
    bottom: -.6923076923rem;
    left: calc(50% + 6.7692307692rem);
    width: 3.2307692308rem;
    height: 3.5384615385rem
}

.balance__recommend {
    position: relative;
    padding: 2.3846153846rem 0 2.1538461538rem 2.6923076923rem;
    font-size: 1rem;
    letter-spacing: .1em;
    background-color: #fff;
    border-radius: 1.3076923077rem
}

.balance__recommend-heading {
    position: absolute;
    top: -1rem;
    right: 0;
    left: -.1538461538rem;
    width: 100%;
    text-align: center
}

.balance__recommend-heading img {
    width: 10.6923076923rem;
    height: 1.9230769231rem
}

.balance__recommend-list li {
    position: relative;
    padding: 0 0 0 1.3846153846rem
}

.balance__recommend-list li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: .6153846154rem;
    height: .4615384615rem;
    margin: auto 0;
    content: "";
    background-image: url(../images/common/balance_recommend_dot_01.svg);
    background-size: .6153846154rem .4615384615rem
}

.balance__recommend-list li:nth-child(even)::before {
    background-image: url(../images/common/balance_recommend_dot_02.svg)
}

.balance__recommend-list li+li {
    margin: .6153846154rem 0 0
}

.balance__recommend-decor img {
    width: 100%;
    height: 100%
}

.balance .nutrients1 {
    margin: 3.8461538462rem 0 0
}

.balance .nutrients1__heading {
    padding: 0 0 0 .1538461538rem;
    font-size: 1.5384615385rem;
    letter-spacing: .15em;
    line-height: 1.65;
    color: var(--c-text-primary);
    text-align: center
}

.balance .nutrients1__body {
    font-size: 1.0769230769rem;
    line-height: 2;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 1.1538461538rem 3.6153846154rem 0
}

.balance .nutrients1__figure {
    margin: 2.0769230769rem 0 0
}

.balance .nutrients1__figure figcaption {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.0769230769rem;
    height: 2.3076923077rem;
    padding: .0769230769rem 0 0;
    margin: 0 auto;
    font-size: 1rem;
    letter-spacing: .06em;
    background-color: #fff;
    border: .0769230769rem solid var(--c-text-secondary);
    border-radius: .3076923077rem
}

.balance .nutrients1__figure img {
    position: relative;
    left: -.9230769231rem;
    display: block;
    width: 22.5384615385rem;
    height: 22.0769230769rem;
    margin: .8461538462rem auto 0
}

.balance .nutrients1__cite {
    margin: 2.3076923077rem 0 0;
    font-size: .7692307692rem;
    line-height: 1.5;
    letter-spacing: .04em;
    color: #bab09f;
    text-align: center
}

.balance .difference__cite cite,.balance .nutrients1__cite cite,.balance .nutrients2__cite cite {
    font-style: inherit;
    font-size: inherit
}

.balance .difference {
    width: 24.0769230769rem;
    padding: 2.2307692308rem 0 2.8461538462rem;
    margin: 3.8461538462rem auto 0;
    background-color: #fff;
    border-radius: 1.3076923077rem
}

.balance .difference__header {
    padding: 0 0 0 .0769230769rem;
    text-align: center
}

.balance .difference__sub {
    position: relative;
    padding: 0 0 1.3846153846rem;
    font-size: 1.1538461538rem;
    letter-spacing: .15em
}

.balance .difference__sub::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1.6923076923rem;
    height: .5384615385rem;
    margin: 0 auto;
    content: "";
    background-image: url(../images/common/balance_difference_heading_decor_sm.svg);
    background-size: 1.6923076923rem .5384615385rem
}

.balance .difference__heading {
    margin: .7692307692rem 0 0;
    font-size: 1.3846153846rem;
    letter-spacing: .15em;
    color: var(--c-text-primary)
}

.balance .difference__image {
    margin: 1.8461538462rem 0 0
}

.balance .difference__image img {
    width: 24.0769230769rem;
    height: 14.3076923077rem
}

.balance .difference__body {
    margin: 1.9230769231rem 2.8461538462rem 0;
    font-size: 1rem;
    line-height: 1.91;
    letter-spacing: .07em;
    text-align: justify;
    text-justify: inter-ideograph
}

.balance .difference__figures {
    display: flex;
    flex-wrap: wrap;
    margin: 2.2307692308rem 0 0 2.0769230769rem
}

.balance .difference__figure {
    width: 9.0769230769rem;
    text-align: right
}

.balance .difference__figure:nth-child(n+3) {
    margin-top: 2.2307692308rem
}

.balance .difference__figure:nth-child(even) {
    margin-left: .9230769231rem
}

.balance .difference__figure:nth-child(1) img {
    width: 8.3076923077rem;
    height: 10rem
}

.balance .difference__figure:nth-child(2) img {
    width: 8.4615384615rem;
    height: 10rem
}

.balance .difference__figure:nth-child(3) img,.balance .difference__figure:nth-child(4) img {
    width: 8.3076923077rem;
    height: 10rem
}

.balance .difference__figure figcaption {
    margin: -.3846153846rem 0 0 2.1538461538rem;
    font-size: .8461538462rem;
    text-align: center;
    letter-spacing: .1em
}

.balance .difference__figure figcaption span,.balance .difference__others dd span,.nutrients-modal .item--unit>dt>span {
    font-size: .7692307692rem
}

.balance .difference__others {
    margin: 1.7692307692rem 2.8461538462rem 0
}

.balance .difference__others dt,.nutrients-modal .nutrients>dt {
    font-size: 1rem;
    letter-spacing: .06em;
    color: var(--c-text-primary)
}

.balance .difference__others dt .color {
    position: relative;
    display: inline-block
}

.balance .difference__others dt .color::before {
    position: absolute;
    bottom: .0769230769rem;
    left: 0;
    display: block;
    width: 100%;
    height: .0769230769rem;
    content: ""
}

.balance .difference__others dt .color--1 {
    color: #bfa072
}

.balance .difference__others dt .color--1::before {
    background-color: #bfa072
}

.balance .difference__others dt .color--2 {
    color: #c7837f
}

.balance .difference__others dt .color--2::before {
    background-color: #c7837f
}

.balance .difference__others dd+dt {
    margin: 1.3076923077rem 0 0
}

.balance .difference__others dd {
    margin: .6153846154rem 0 0;
    font-size: .8461538462rem;
    letter-spacing: .07em;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-ideograph
}

.balance .difference__cite {
    margin: 1.1538461538rem 2.8461538462rem 0;
    font-size: .7692307692rem;
    line-height: 1.5;
    letter-spacing: .04em;
    color: #bab09f
}

.balance .nutrients2 {
    margin: 4.2307692308rem 0 0
}

.balance .nutrients2__heading {
    padding: 0 1rem 0 0;
    font-size: max(calc(19rem / 10), 5.07vw);
    letter-spacing: .15em;
    line-height: 1.65;
    color: var(--c-text-primary);
	color:#fff;
    text-align: center
}

.balance .nutrients2__body {
    font-size: max(calc(14rem / 10), 3.73vw);
    line-height: 2;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph;
		color:#fff;
	        
}

.balance .nutrients2__body--1 {
    margin: 1.9230769231rem 3.5384615385rem 0 3.6153846154rem
}

.balance .nutrients2__body--2 {
    margin: 1.9230769231rem 3.6153846154rem 0
}

.balance .nutrients2__image1 {
    width: 100%;
    height: 18.6153846154rem;
    margin: 1.9230769231rem 0 0
}

.balance .nutrients2__image1 img,.balance .nutrients2__image2 img {
    width: 100%;
    height: 100%
}

.balance .nutrients2__image2 {
    width: 16.9230769231rem;
    height: 13.0769230769rem;
    margin: 1.9230769231rem auto 0;
    border-radius: 1.3076923077rem;
    overflow: hidden
}

.balance .nutrients2__cite {
    margin: .7692307692rem 3.6153846154rem 0;
    font-size: .7692307692rem;
    line-height: 1.5;
    letter-spacing: .04em;
    color: #bab09f
}

.brand {
    position: relative;
    padding: 16.0769230769rem 0 16.1538461538rem;
    background-color: #fff
}

.brand__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.brand__image img {
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50%
}

.brand__main {
    position: relative;
    width: 24.8461538462rem;
    padding: 3.3846153846rem 0 3.2307692308rem;
    margin: 0 auto;
    border-radius: 1.3076923077rem;
    background-color: rgba(255,255,255,.95)
}

.brand__heading {
    position: relative;
    padding: 0 0 1.8461538462rem .2307692308rem;
    font-size: 1.5384615385rem;
    letter-spacing: .15em;
    text-align: center;
    color: var(--c-text-primary)
}

.brand__heading::before,.cv-wrapper--1::after {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    content: ""
}

.brand__heading::before {
    bottom: 0;
    width: 1.9230769231rem;
    margin: 0 auto;
    height: .6153846154rem;
    background-image: url(../images/common/brand_decor_sm.svg);
    background-size: 1.9230769231rem .6153846154rem
}

.brand__body {
    margin: 1.2307692308rem 2.8461538462rem 0 2.9230769231rem;
    font-size: 1rem;
    letter-spacing: .07em;
    line-height: 1.92;
    text-align: justify;
    text-justify: inter-ideograph
}

.cv-wrapper {
    background-color: #fbf7ef
}

.cv-wrapper--1,.cv-wrapper--2 {
    padding: 0 0 3.9230769231rem
}

.cv-wrapper--1::after {
    bottom: -3.3076923077rem;
    width: 100%;
    height: 3.3846153846rem;
    background-image: url(../images/common/arc_beige_bottom_sm.svg);
    background-size: 28.8461538462rem 3.3846153846rem
}

.cv-wrapper--2 {
    margin: 5.3846153846rem 0 0
}

.cv__image {
    width: 28.8461538462rem;
    height: 17.6923076923rem
}

.brand__image img,.cv__image img {
    width: 100%;
    height: 100%
}

.cv__main {
    position: relative;
    z-index: 1;
    width: 23.6923076923rem;
    margin: -1.2307692308rem auto 0
}

.cv__plan {
    padding: 2.0769230769rem 2.5384615385rem 1.5384615385rem;
    background-color: #fff;
    border-radius: 1.3076923077rem
}

.cv__subs dt {
    position: relative;
    font-size: 1.0769230769rem;
    letter-spacing: .1em
}

.cv__subs dt img {
    position: absolute;
    top: -3.2307692308rem;
    right: 1.3076923077rem;
    width: 5.3076923077rem;
    height: 5.3076923077rem
}

.cv__subs .numbers,.cv__subs .yen {
    font-family: Quicksand,sans-serif;
    font-weight: 700;
    color: var(--c-text-primary)
}

.cv__subs .yen {
    margin: 0 0 0 .0769230769rem;
    font-size: 2.0769230769rem
}

.cv__subs .numbers {
    margin: 0 0 0 .3076923077rem;
    font-size: 3.3076923077rem;
    letter-spacing: .04em
}

.cv__subs .comma {
    position: relative;
    font-weight: 600;
    top: -.2307692308rem;
    margin: 0 -.2307692308rem 0 -.0769230769rem
}

.cv__subs .per,.cv__subs .slash {
    position: relative;
    top: -.3846153846rem;
    margin: 0 0 0 .0769230769rem;
    font-size: 1rem
}

.cv__subs .per {
    top: -.2307692308rem;
    margin: 0 0 0 .2307692308rem;
    font-size: 1.0769230769rem;
    letter-spacing: .15em
}

.cv__subs dd:nth-of-type(1) {
    margin: -.3076923077rem 0 0
}

.cv__subs dd:nth-of-type(2) {
    margin: .0769230769rem 0 0 .0769230769rem;
    font-size: .7692307692rem;
    letter-spacing: .07em;
    white-space: nowrap
}

.cv__single {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: .4615384615rem 0 0 .7692307692rem;
    margin: 1.3076923077rem 0 0
}

.cv__single::before,.drinking::before {
    position: absolute;
    right: 0;
    display: block;
    content: ""
}

.cv__single::before {
    top: 0;
    bottom: 0;
    width: 18.6923076923rem;
    margin: 0 auto;
    height: .1538461538rem;
    background-image: url(../images/common/cv_border_sm.svg);
    background-size: 18.6923076923rem .1538461538rem
}

.cv__single dt {
    font-size: 1.0769230769rem;
    letter-spacing: .1em
}

.cv__single dd {
    position: relative;
    top: .3846153846rem;
    margin: 0 0 0 .1538461538rem
}

.cv__single .numbers,.cv__single .yen {
    font-family: Quicksand,sans-serif;
    font-weight: 700;
    color: #a48d48
}

.cv__single .yen {
    font-size: 2.0769230769rem;
    margin: 0 .2307692308rem 0 0
}

.cv__single .numbers {
    font-size: 2.9230769231rem;
    letter-spacing: .04em
}

.cv__single .comma {
    position: relative;
    font-weight: 600;
    top: -.2307692308rem;
    margin: 0 -.3846153846rem 0 0
}

.cv__single .tax {
    position: relative;
    top: -.1538461538rem;
    margin: 0 0 0 .0769230769rem;
    font-size: .9230769231rem
}

.cv__notes {
    margin: 1rem 0 0;
    font-size: .9230769231rem;
    text-align: center;
    letter-spacing: .07em;
    line-height: 1.8
}

.cv__notes span {
    display: block;
    margin: -.1538461538rem 0 0;
    font-size: .7692307692rem
}

.cv__link {
    margin: 1.0769230769rem 0 0
}

.cv__link .button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    height: 3.8461538462rem;
    background-color: var(--c-button-primary);
    border-radius: 1.9230769231rem
}

.cv__link .button__icon {
    position: relative;
    top: 0;
    display: block;
    width: 1.3846153846rem;
    height: 1.1538461538rem
}

.cv__link .button__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.cv__link .button__icon .active {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.cv__link .button__label {
    margin: 0 0 0 .7692307692rem;
    font-size: 1.1538461538rem;
    letter-spacing: .1em;
    color: #fff
}

.drinking {
    position: relative;
    z-index: 1;
    padding: 2.3846153846rem 0 0;
    background: #fff
}

.drinking::before {
    top: -3.3076923077rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3.3846153846rem;
    background-image: url(../images/common/arc_white_top_sm.svg);
    background-size: 28.8461538462rem 3.3846153846rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(.1)
}

.drinking__inner {
    width: 22.3076923077rem;
    margin: 0 auto
}

.drinking__header {
    text-align: center
}

.drinking__sub {
    position: relative;
    left: -.0769230769rem
}

.drinking__sub img {
    width: 17.2307692308rem;
    height: 3.6923076923rem
}

.drinking__heading {
    position: relative;
    left: .1538461538rem;
    margin: -1.6923076923rem 0 0;
    font-size: 1.7692307692rem;
    letter-spacing: .15em
}

.drinking__aside-heading span,.drinking__heading span,[data-whatinput=mouse] .menu .close-button:hover .close-button__label,[data-whatinput=mouse] .menu .purchase-button:hover .purchase-button__label,[data-whatinput=mouse] .menu-button:hover .menu-button__label,[data-whatinput=mouse] .mv__purchase .button:hover .button__label {
    color: var(--c-text-primary)
}

.drinking__steps {
    margin: 2.1538461538rem 0 0
}

.drinking__step {
    position: relative;
    padding: 0 0 2.7692307692rem;
    background-color: #fbf7ef;
    border-radius: 1.3076923077rem
}

.drinking__step+.drinking__step {
    margin-top: 2.9230769231rem
}

.drinking__step+.drinking__step::before {
    position: absolute;
    top: -2.2307692308rem;
    right: 0;
    left: 0;
    display: block;
    width: 1rem;
    height: 1.5384615385rem;
    margin: 0 auto;
    content: "";
    background-image: url(../images/common/drinking_arrow_sm.svg);
    background-size: 1rem 1.5384615385rem
}

.drinking__step-number {
    position: absolute;
    top: 2.0769230769rem;
    left: 2.2307692308rem
}

.drinking__step-number--1 img {
    width: 3.8461538462rem;
    height: 1.1538461538rem
}

.drinking__step-number--2 img {
    width: 4.0769230769rem;
    height: 1.1538461538rem
}

.drinking__step-image--1 {
    padding: 1.7692307692rem 0 1.0769230769rem 8.3076923077rem
}

.drinking__step-image--1 img {
    width: 11.7692307692rem;
    height: 13.6153846154rem
}

.drinking__step-image--2 {
    padding: 2.9230769231rem 0 1.0769230769rem 8.2307692308rem
}

.drinking__step-image--2 img {
    width: 9.7692307692rem;
    height: 12.3846153846rem
}

.drinking__step-label {
    padding: 0 0 0 .2307692308rem;
    font-size: 1.3076923077rem;
    color: var(--c-text-primary);
    letter-spacing: .15em;
    text-align: center
}

.drinking__step-body {
    padding: 0 0 0 .1538461538rem;
    margin: .2307692308rem 0 0;
    font-size: .9230769231rem;
    letter-spacing: .1em;
    text-align: center
}

.drinking__aside {
    position: relative;
    width: 22.3076923077rem;
    height: 24.5384615385rem;
    padding: 2rem .0769230769rem 1.8461538462rem;
    margin: 2.3076923077rem 0 0;
    background-image: url(../images/common/drinking_aside_frame_sm.svg);
    background-size: contain
}

.drinking__aside-heading {
    padding: 0 0 0 .2307692308rem;
    font-size: 1.3846153846rem;
    line-height: 1.5;
    letter-spacing: .15em;
    text-align: center
}

.drinking__aside-body {
    margin: .6923076923rem 2.3846153846rem 0 2.5384615385rem;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: .07em;
    text-align: justify;
    text-justify: inter-ideograph
}

.drinking__aside-image {
    padding: 0 .0769230769rem 0 0;
    margin: 1.4615384615rem 0 0;
    text-align: center
}

.drinking__aside-image img {
    width: 12.7692307692rem;
    height: 9rem
}

.flow-purchase,.flow-purchase.is-purchase-reached {
    transition: transform .4s cubic-bezier(.55,.055,.675,.19)
}

.flow-purchase {
    position: fixed;
    bottom: 1.5384615385rem;
    left: 1.5384615385rem;
    z-index: 100;
    width: 11.2307692308rem;
    height: 3.4615384615rem;
    margin: 0 auto;
    transform: translate3d(0,8.75rem,0)
}

.flow-purchase.is-scrolled {
    transform: translate3d(0,0,0)!important;
    transition: transform .6s cubic-bezier(.215,.61,.355,1)
}

.flow-purchase.is-purchase-reached {
    transform: translate3d(0,8.75rem,0)!important
}

.flow-purchase__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: var(--c-button-primary);
    border-radius: 1.7692307692rem
}

.flow-purchase__button-icon {
    position: relative;
    top: -.0769230769rem;
    display: block;
    width: 1.3846153846rem;
    height: 1.1538461538rem
}

.flow-purchase__button-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.flow-purchase__button-icon .active {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.flow-purchase__button-label {
    margin: 0 0 0 .6153846154rem;
    font-size: 1rem;
    letter-spacing: .06em;
    color: #fff
}

.footer {
    position: relative;
    width: 100%;
    height: 58.5384615385rem;
    /*background-color: var(--light-beige);*/
}

.footer__background {
    position: absolute;
    top: 0
}

.footer__background,.footer__background img {
    width: 100%;
    height: 100%
}

.footer__contents {
    position: relative;
    padding: 10.8461538462rem 3.0769230769rem 0;
    color: #fff
}

.footer__logo img {
    width: 30.3846153846rem;
    /*height: 1.4615384615rem*/
}

.footer__navigation {
    margin: 6.9230769231rem 0 0 -.3846153846rem
}

.footer__navigation>li+li {
    margin: .1538461538rem 0 0
}

.footer__navigation-item {
    position: relative;
    display: inline-block;
    padding: .3846153846rem;
    font-size: 1.4461538462rem;
    letter-spacing: .07em;
    color: #fff
}

.footer__informations {
    margin: 1.3076923077rem 0 0;
    font-size: 1.3692307692rem;
    letter-spacing: .07em;
    line-height: 1.9
}

.footer__copyright {
    margin: .5384615385rem 0 0
}

.footer__copyright small {
    font-size: 1.3692307692rem;
    letter-spacing: .07em
}

.footer__pagetop {
    position: absolute;
    right: 3.0769230769rem;
    bottom: 22.5384615385rem
}

.footer__button {
    display: block;
    width: 5.0769230769rem;
    height: 4.4615384615rem
}

.footer__button-label {
    display: block;
    padding: 0 .1538461538rem 0 0;
    font-size: 1.7692307692rem;
    line-height: 1
}

.footer__button-label img {
    display: block;
    width: 2.8461538462rem;
    height: .9230769231rem;
    margin: 0 auto
}

.footer__button-icon {
    position: relative;
    display: block;
    width: 5.0769230769rem;
    height: 5.0769230769rem;
    margin: .4615384615rem 0 0;
    background-color: #fff;
    border-radius: 50%
}

.footer__button-icon img {
    position: absolute;
    top: -.1538461538rem;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1.7692307692rem;
    height: 1.0615384615rem;
    margin: auto
}

.footer__button-icon .active,[data-whatinput=mouse] .menu .purchase-button:hover .purchase-button__icon .default {
    opacity: 0
}

.gallery {
    position: relative;
    overflow: hidden;
    height: 48.7692307692rem
}

.gallery__images {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 28.8461538462rem;
    height: 59.2307692308rem
}

.gallery__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.gallery__image:not(:nth-child(1)),.honesty__image:not(:nth-child(1)) {
    opacity: 0
}

.gallery__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.honesty {
    position: relative;
    padding: 1.3076923077rem 0 0;
    background: #fff
}

.honesty::before {
    position: absolute;
    top: -3.3076923077rem;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 3.3846153846rem;
    content: "";
    background-image: url(../images/common/arc_white_top_sm.svg);
    background-size: 28.8461538462rem 3.3846153846rem
}

.honesty__sub img {
    position: relative;
    left: -.0769230769rem;
    width: 6.5384615385rem;
    height: 3.6923076923rem
}

.honesty__header {
    text-align: center
}

.honesty__heading {
    position: relative;
    margin: 1.3846153846rem 0 0 .2307692308rem;
    font-size: 1.7692307692rem;
    color: var(--c-text-primary);
    line-height: 1.65;
    letter-spacing: .15em
}

.honesty__images {
    position: relative;
    left: -.0769230769rem;
    width: 23.8461538462rem;
    height: 17.3846153846rem;
    margin: 1.6153846154rem auto 0
}

.honesty__decor img,.honesty__image img,.honesty__images-inner {
    width: 100%;
    height: 100%
}

.honesty__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.honesty__decor {
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: -2.4615384615rem;
    width: 9.6153846154rem;
    height: 5.3846153846rem
}

.honesty__body,.honesty__features {
    position: relative;
    font-size: 1.0769230769rem
}

.honesty__body {
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 2.1538461538rem 3.6153846154rem 0;
    line-height: 2;
    letter-spacing: .1em
}

.honesty__body p {
    display: inline
}

.honesty__body span {
    color: var(--c-text-secondary)
}

.honesty__features {
    z-index: 2;
    margin: 1.6923076923rem 3.2307692308rem 0;
    line-height: 1.5;
    letter-spacing: .094em;
    color: #a48d48;
    background-color: #fbf7ef;
    border-radius: 1.3076923077rem
}

.honesty__features li {
    position: relative;
    text-align: center
}

.honesty__features li:nth-child(1) {
    padding: 2rem 0 1.3846153846rem
}

.honesty__features li:nth-child(2) {
    padding: 1.6153846154rem 0 1.3846153846rem
}

.honesty__features li:nth-child(3) {
    padding: 1.3076923077rem 0 1rem
}

.honesty__features li:nth-child(4) {
    padding: 1.6153846154rem 0 1.8461538462rem
}

.honesty__features li+li::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 18.6923076923rem;
    height: .2307692308rem;
    content: "";
    background-image: url(../images/common/honesty_border_sm.svg);
    background-size: 18.6923076923rem .2307692308rem;
    margin: 0 auto
}

.honesty__notes {
    margin: .9230769231rem 3.3076923077rem 0;
    line-height: 1.4;
    letter-spacing: .04em;
    font-size: .7692307692rem;
    color: #bab09f
}

.honesty__notes li {
    display: flex
}

.honesty__notes li+li,.menu__navigation li+li {
    margin: .2307692308rem 0 0
}

.honesty__notes span {
    flex: 0 0 auto;
    width: 1.5384615385rem;
    white-space: nowrap
}

.menu .close-button::before,.menu .close-button__icon::after,.menu .close-button__icon::before,.menu-button::before,.menu-button__icon::after,.menu-button__icon::before {
    transition: background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .menu .close-button:hover .close-button__icon::after,[data-whatinput=mouse] .menu .close-button:hover .close-button__icon::before,[data-whatinput=mouse] .menu-button:hover .menu-button__icon::after,[data-whatinput=mouse] .menu-button:hover .menu-button__icon::before {
    background-color: var(--c-text-primary)
}

.menu .purchase-button {
    transition: border-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .menu .purchase-button:hover {
    background-color: #fff;
    border-color: var(--c-text-primary)
}

.menu .instagram-button__icon .active,.menu .instagram-button__icon .default,.menu .purchase-button__icon .active,.menu .purchase-button__icon .default,.mv__purchase .button__icon .active,.mv__purchase .button__icon .default {
    transition: opacity .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .menu .purchase-button:hover .purchase-button__icon .active {
    opacity: 1
}

.menu .purchase-button__label,.menu-button__label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.menu .instagram-button {
    transition: background-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .menu .instagram-button:hover {
    background-color: #fff;
    background-color: var(--c-text-primary)
}

[data-whatinput=mouse] .menu .instagram-button:hover .instagram-button__label .default {
    opacity: 0
}

[data-whatinput=mouse] .menu .instagram-button:hover .instagram-button__label .active {
    opacity: 1
}

[data-whatinput=mouse] .menu .close-button:hover::before,[data-whatinput=mouse] .menu-button:hover::before {
    background-color: #fff
}

.menu .close-button__label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.flow-purchase__button,.mv__purchase .button {
    transition: border-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .balance__detail-button:hover,[data-whatinput=mouse] .example__arrow:hover::before,[data-whatinput=mouse] .flow-purchase__button:hover,[data-whatinput=mouse] .mv__purchase .button:hover,[data-whatinput=mouse] .purchase-form__button:hover {
    background-color: #fff;
    border-color: var(--c-button-primary)
}

[data-whatinput=mouse] .flow-purchase__button:hover .flow-purchase__button-icon .default,[data-whatinput=mouse] .mv__purchase .button:hover .button__icon .default {
    opacity: 0
}

[data-whatinput=mouse] .flow-purchase__button:hover .flow-purchase__button-icon .active,[data-whatinput=mouse] .mv__purchase .button:hover .button__icon .active {
    opacity: 1
}

.flow-purchase__button-label,.mv__purchase .button__label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.balance__detail-button-icon .active,.balance__detail-button-icon .default,.example__arrow .active,.example__arrow .default,.flow-purchase__button-icon .active,.flow-purchase__button-icon .default,.footer__button-icon .active,.footer__button-icon .default,.madeby__button-label .active,.madeby__button-label .default {
    transition: opacity .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .balance__detail-button:hover .balance__detail-button-label,[data-whatinput=mouse] .flow-purchase__button:hover .flow-purchase__button-label,[data-whatinput=mouse] .purchase-form__button:hover .purchase-form__button-label {
    color: var(--c-text-primary)
}

.balance__detail-button {
    transition: border-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .balance__detail-button:hover .balance__detail-button-icon .default {
    opacity: 0
}

[data-whatinput=mouse] .balance__detail-button:hover .balance__detail-button-icon .active {
    opacity: 1
}

.balance__detail-button-label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.example__arrow::before,.purchase-form__button {
    transition: border-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

.notice-modal .close-button__label,.nutrients-modal .close-button__label,.purchase-form__button-label,.staff-modal .close-button__label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .purchase-form__button--single:hover {
    background-color: #fff;
    border-color: var(--c-button-secondary)
}

[data-whatinput=mouse] .purchase-form__button--single:hover .purchase-form__button-label {
    color: var(--c-text-tertialy)
}

[data-whatinput=mouse] .example__arrow:hover .default,[data-whatinput=mouse] .madeby__button:hover .madeby__button-label .default {
    opacity: 0
}

[data-whatinput=mouse] .example__arrow:hover .active,[data-whatinput=mouse] .madeby__button:hover .madeby__button-label .active {
    opacity: 1
}

.cv .button,.madeby__button {
    transition: border-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .madeby__button:hover,[data-whatinput=mouse] .staff-modal .close-button:hover .close-button__icon::after,[data-whatinput=mouse] .staff-modal .close-button:hover .close-button__icon::before {
    background-color: #fff
}

.footer__button-icon,.madeby__button-icon::after,.madeby__button-icon::before,.notice-modal .close-button::before,.notice-modal .close-button__icon::after,.notice-modal .close-button__icon::before,.nutrients-modal .close-button::before,.nutrients-modal .close-button__icon::after,.nutrients-modal .close-button__icon::before,.staff-modal .close-button::before,.staff-modal .close-button__icon::after,.staff-modal .close-button__icon::before {
    transition: background-color .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .madeby__button:hover .madeby__button-icon::after,[data-whatinput=mouse] .madeby__button:hover .madeby__button-icon::before {
    background-color: #85c0e1
}

[data-whatinput=mouse] .footer__button:hover .footer__button-icon,[data-whatinput=mouse] .notice-modal .close-button:hover::before,[data-whatinput=mouse] .nutrients-modal .close-button:hover::before,[data-whatinput=mouse] .staff-modal .close-button:hover::before {
    background-color: transparent
}

[data-whatinput=mouse] .cv .button:hover .button__icon .default,[data-whatinput=mouse] .footer__button:hover .footer__button-icon .default {
    opacity: 0
}

[data-whatinput=mouse] .cv .button:hover .button__icon .active,[data-whatinput=mouse] .footer__button:hover .footer__button-icon .active,[data-whatinput=mouse] .footer__navigation-item:hover::after,[data-whatinput=mouse] .notice-button:hover::before {
    opacity: 1
}

.cv .button__icon .active,.cv .button__icon .default,.footer__navigation-item::after {
    transition: opacity .4s cubic-bezier(.215,.61,.355,1)
}

[data-whatinput=mouse] .qa-unit:not([aria-expanded=true]):hover .qa-unit__icon {
    -webkit-animation: .4s cubic-bezier(.68,-.55,.265,1.55) forwards icon-rotation;
    animation: .4s cubic-bezier(.68,-.55,.265,1.55) forwards icon-rotation
}

[data-whatinput=mouse] .staff-modal .close-button:hover .close-button__label {
    color: #fff
}

[data-whatinput=mouse] .notice-modal .close-button:hover .close-button__icon::after,[data-whatinput=mouse] .notice-modal .close-button:hover .close-button__icon::before,[data-whatinput=mouse] .nutrients-modal .close-button:hover .close-button__icon::after,[data-whatinput=mouse] .nutrients-modal .close-button:hover .close-button__icon::before {
    background-color: var(--c-text-primary)
}

[data-whatinput=mouse] .cv .button:hover .button__label,[data-whatinput=mouse] .notice-modal .close-button:hover .close-button__label,[data-whatinput=mouse] .nutrients-modal .close-button:hover .close-button__label {
    color: var(--c-text-primary)
}

[data-whatinput=mouse] .cv .button:hover {
    background-color: #fff;
    border-color: var(--c-button-primary)
}

.cv .button__label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.identity {
    position: relative;
    z-index: 1;
    padding: 4.1538461538rem 0 0;
    background: #fff
}

.identity__sub img {
    width: 5.0769230769rem;
    height: 3.6923076923rem
}

.identity__header {
    text-align: center
}

.identity__heading {
    margin: 1.6153846154rem 0 0 .2307692308rem;
    font-size: 2.0769230769rem;
    color: var(--c-text-primary);
    line-height: 1.65;
    letter-spacing: .15em
}

.identity__body {
    margin: 2.4615384615rem 0 0;
    font-size: 1.0769230769rem;
    line-height: 2.3;
    letter-spacing: .1em;
    text-align: center
}

.identity__body p+p {
    margin: .6923076923rem 0 0
}

.identity__body span {
    position: relative;
    color: var(--c-text-secondary);
    display: inline-block
}

.example::before,.identity__body span::before {
    position: absolute;
    right: 0;
    display: block;
    content: ""
}

.identity__body span::before {
    bottom: .1538461538rem;
    left: .1538461538rem;
    width: calc(100% - .1538461538rem);
    background-repeat: repeat-x;
    height: .1538461538rem;
    background-image: url(../images/common/identity_border_sm.svg);
    background-size: .9230769231rem .1538461538rem
}

.identity__images {
    position: relative;
    width: 23.7692307692rem;
    height: 28.0769230769rem;
    margin: 2.5384615385rem auto 0
}

.identity__image {
    position: absolute;
    overflow: hidden;
    border-radius: 1.3076923077rem
}

.identity__image--1 {
    top: 0;
    left: 0
}

.identity__image--1 img {
    width: 16.3846153846rem;
    height: 23.5384615385rem
}

.identity__image--2 {
    right: 0;
    bottom: 0
}

.identity__image--2 img {
    width: 10.8461538462rem;
    height: 16rem
}

.example {
    position: relative;
    padding: .0769230769rem 0 5.5384615385rem;
    margin: 7.9230769231rem 0 0;
    background-color: #fbf7ef
}

.example::before {
    top: -3.3076923077rem;
    left: 0;
    width: 100%;
    height: 3.3846153846rem;
    /*background-image: url(../images/common/arc_beige_top_sm.svg);*/
    background-size: 28.8461538462rem 3.3846153846rem
}

.example__balloon {
    margin: 0 3.3076923077rem
}

.example__balloon img {
    width: 7.9230769231rem;
    height: 8rem
}

.example__carousel {
    position: relative;
    overflow: hidden;
    padding: 1.2307692308rem 0 0
}

.example__typo {
    position: absolute;
    width: 100%;
    height: 3.7692307692rem;
    overflow: hidden;
    top: .6153846154rem;
    text-align: center;
    pointer-events: none
}

.example__typo-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.example__typo-item:not(:nth-child(1)) {
    transform: translate3d(0,101%,0)
}

.example__typo-item:nth-child(1) img {
    width: 18.9230769231rem;
    height: 3.7692307692rem
}

.example__typo-item:nth-child(2) img {
    width: 22.7692307692rem;
    height: 3.7692307692rem
}

.example__typo-item:nth-child(3) img {
    width: 20.7692307692rem;
    height: 2.8461538462rem
}

.example__typo-item:nth-child(4) img {
    width: 20.6923076923rem;
    height: 3.6923076923rem
}

.example__typo-item:nth-child(5) img {
    width: 22.6153846154rem;
    height: 2.8461538462rem
}

.example__item-image {
    width: 100%;
    height: 15.7692307692rem
}

.example__item-image img {
    width: 100%;
    height: 100%
}

.example__item-text {
    margin: 1.3076923077rem 0 0 .0769230769rem;
    font-size: 1.5384615385rem;
    letter-spacing: .12em;
    line-height: 1.5;
    text-align: center
}

.example__item-text span {
    display: block;
    color: var(--c-text-primary)
}

.example__controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.2307692308rem 0 0
}

.example__arrow,.example__dots {
    display: flex;
    align-items: center;
    font-size: .7692307692rem
}

.example__arrow {
    position: relative;
    justify-content: center;
    width: 3.3846153846rem;
    height: 3.3846153846rem;
    margin: .0769230769rem .9230769231rem 0;
    z-index: 100;
    line-height: 0
}

.example__arrow::before,.example__dot::after,.example__dot::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    content: "";
    border-radius: 50%
}

.example__arrow::before {
    width: 2.1538461538rem;
    height: 2.1538461538rem;
    background-color: var(--c-text-primary)
}

.example__arrow img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    width: .4615384615rem;
    height: .6923076923rem
}

.example__arrow .active {
    opacity: 0
}

.example__arrow--prev img {
    top: -.0769230769rem;
    left: -.1538461538rem
}

.example__arrow--next img {
    top: .0769230769rem;
    left: .1538461538rem
}

.example__dots {
    line-height: 1;
    pointer-events: none
}

.example__dot {
    position: relative;
    width: 1.1538461538rem;
    height: 1.1538461538rem
}

.example__dot::after,.example__dot::before {
    line-height: 0;
    transition: .3s cubic-bezier(.175,.885,.32,1.275)
}

.example__dot::before {
    background-color: var(--c-text-primary);
    width: .3846153846rem;
    height: .3846153846rem
}

.example__dot::after {
    width: .6923076923rem;
    height: .6923076923rem;
    border: .1538461538rem solid var(--c-text-primary);
    transform: scale(.5)
}

.example__dot.is-active::before {
    transform: scale(.5);
    opacity: 0
}

.example__dot.is-active::after {
    transform: scale(1)
}

.instagram {
    position: relative;
    width: 100%;
    padding: 8.0769230769rem 0 4.1538461538rem;
    overflow: hidden;
    background: #fff
}

.instagram__images-wrapper {
    position: relative;
    display: flex;
    left: -3.6875rem;
    width: 157.3076923077rem;
    height: 24.3076923077rem;
    -webkit-animation: 30s linear infinite flow-images-sm;
    animation: 30s linear infinite flow-images-sm;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.instagram__images {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 80.9230769231rem;
    height: 24.3076923077rem
}

.instagram__images:nth-child(1) {
    top: 0;
    left: 0
}

.instagram__images:nth-child(2) {
    top: 0;
    right: 0
}

.instagram__image {
    overflow: hidden;
    width: 11.5384615385rem;
    height: 11.5384615385rem;
    border-radius: .5384615385rem
}

.instagram__image+.instagram__image {
    margin-left: 1.2307692308rem
}

.instagram__image:nth-child(1) {
    margin-left: 5.5384615385rem
}

.instagram__image:nth-child(7) {
    margin-left: 0
}

.instagram__image:nth-child(n+7) {
    margin-top: 1.2307692308rem
}

.instagram__circle img,.instagram__image img,.madeby__image img {
    width: 100%;
    height: 100%
}

.instagram__tags {
    margin: 3.0769230769rem 3.0769230769rem 0 3.3076923077rem;
    font-size: .8461538462rem;
    line-height: 1.82;
    letter-spacing: .13em;
    color: var(--c-text-primary);
    text-align: justify;
    text-justify: inter-ideograph
}

.instagram__circle {
    position: absolute;
    top: 29.2307692308rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 9.6153846154rem;
    height: 9.6153846154rem;
    transform: translate3d(0,0,0)
}

.instagram__circle-link,.madeby__button-icon::after,.madeby__button-icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.instagram__link {
    display: none
}

.has-letro--1 .letro-area--1,.has-letro--2 .letro-area--2,.has-letro--3 .letro-area--3 {
    margin: 4.6153846154rem 2rem 0
}

.letroHeadTitle {
    margin: 0 0 1.1538461538rem!important
}

#letro-area1 .letroUgcsetWrapper,#letro-area2 .letroUgcsetWrapper,#letro-area3 .letroUgcsetWrapper {
    margin: 0!important
}

.loading-shape {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.loading {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: opacity 1.2s cubic-bezier(.55,.085,.68,.53),visibility 1.2s
}

.loading.is-loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.loading__logo,.loading__main {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.loading__main {
    position: relative;
    overflow: hidden;
    width: 8rem;
    height: 6.0769230769rem;
    -webkit-clip-path: url(#logo-shape-sm);
    clip-path: url(#logo-shape-sm);
    transition: transform .8s cubic-bezier(.55,.055,.675,.19),opacity .8s cubic-bezier(.55,.055,.675,.19)
}

.loading__logo {
    width: 100%;
    height: 100%
}

.loading__logo-color--1 {
    height: 2.1538461538rem;
    background-color: #a8dc00
}

.loading__logo-color--2 {
    margin: .2307692308rem 0 0;
    height: 2.1538461538rem;
    background-color: #6ec300
}

.loading__logo-color--3 {
    height: .7692307692rem;
    margin: .7692307692rem 0 0;
    background-color: #69ba00
}

.loading__screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #f5f1e9;
    transform-origin: 50% 0
}

.madeby {
    overflow: hidden;
    padding: 4.5384615385rem 0 4.6153846154rem;
    background-color: #fff
}

.madeby__contents {
    position: relative;
    width: 31.8461538462rem;
    /*height: 31.8461538462rem;*/
    margin: 0 0 0 -1.4615384615rem
}

.madeby__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.madeby__contents-inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4.3076923077rem 0 0;
    text-align: center
}

.madeby__copy {
    padding: 0 .2307692308rem 0 0
}

.madeby__copy img {
    width: 9.7692307692rem;
    height: 1.0769230769rem
}

.madeby__logo {
    margin: 1.0769230769rem 0 0
}

.madeby__logo img {
    width: 5.3846153846rem;
    height: 4.3846153846rem
}

.madeby__detail {
    margin: 1.5384615385rem 0 0
}

.madeby__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 13.0769230769rem;
    height: 3.2307692308rem;
    border: .0769230769rem solid #fff;
    border-radius: 1.6153846154rem
}

.madeby__button-label {
    position: relative;
    top: .0769230769rem;
    left: -.0769230769rem;
    width: 4.6153846154rem;
    height: 1.0769230769rem
}

.madeby__button-label img {
    display: block;
    width: 4.6153846154rem;
    height: 1.0769230769rem
}

.madeby__button-label .active,.menu .instagram-button__label .active,.menu .purchase-button__icon .active,.mv__purchase .button__icon .active {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.madeby__button-icon {
    position: absolute;
    top: 0;
    right: 1.0769230769rem;
    bottom: 0;
    display: block;
    width: .7692307692rem;
    height: .7692307692rem;
    margin: auto 0
}

.madeby__button-icon::after,.madeby__button-icon::before {
    width: 100%;
    height: .1538461538rem;
    margin: auto;
    content: "";
    background-color: #fff;
    border-radius: .1538461538rem
}

.madeby__button-icon::after {
    transform: rotate(90deg)
}

.menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh,1vh)*100);
    z-index: 1000;
    background-color: #fff;
    transition: opacity .6s
}

.menu[aria-hidden=true] {
    pointer-events: none;
    opacity: 0
}

.menu__main {
    height: 100%
}

.menu__image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%
}

.menu__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.menu__contents {
    position: relative;
    height: 100%;
    padding: 2.6153846154rem 3.3846153846rem 0
}

.menu__item {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2307692308rem;
    letter-spacing: .1em;
    color: #fff;
    padding: .6153846154rem .7692307692rem
}

.menu__purchase {
    margin: 1.6153846154rem 0 0
}

.menu .purchase-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20.5384615385rem;
    height: 4.0769230769rem;
    color: #fff;
    background-color: var(--c-text-primary);
    border-radius: 2.0769230769rem
}

.menu .purchase-button__icon {
    position: relative;
    top: 0;
    display: block;
    width: 1.4615384615rem;
    height: 1.2307692308rem;
    font-size: .7692307692rem
}

.menu .purchase-button__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.menu .purchase-button__label {
    margin: 0 0 0 .8461538462rem;
    font-size: 1.2307692308rem;
    letter-spacing: .1em
}

.menu__instagram,.menu__purchase {
    text-align: center
}

.menu .instagram-button {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.8461538462rem;
    border-top: .0769230769rem solid #fff
}

.menu .instagram-button__label {
    position: relative;
    top: -.2307692308rem;
    width: 9.4615384615rem;
    height: 1.3076923077rem
}

.menu .instagram-button__label img {
    width: 100%;
    height: 100%
}

.menu__close {
    position: absolute;
    top: 0;
    right: 0
}

.menu .close-button,.menu .close-button__inner {
    position: relative;
    display: flex;
    align-items: center
}

.menu .close-button {
    justify-content: center;
    width: 6.1538461538rem;
    height: 6.1538461538rem;
    -webkit-tap-highlight-color: transparent
}

.menu .close-button::before,.menu-button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 7.6923076923rem;
    height: 7.6923076923rem;
    content: "";
    background-color: var(--c-text-primary);
    border-radius: 50%
}

.menu .close-button__inner {
    top: -.6923076923rem;
    left: .3846153846rem;
    flex-direction: column
}

.menu .close-button__icon {
    position: relative;
    display: block;
    width: 1.5384615385rem;
    height: 1.5384615385rem
}

.menu .close-button__icon::after,.menu .close-button__icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .1538461538rem;
    margin: auto;
    content: "";
    background-color: #fff;
    border-radius: .1538461538rem
}

.menu .close-button__icon::before {
    transform: rotate(-45deg)
}

.menu .close-button__icon::after {
    transform: rotate(45deg)
}

.menu .close-button__label {
    position: relative;
    top: .3076923077rem;
    left: .0769230769rem;
    font-size: .8461538462rem;
    letter-spacing: .05em;
    color: #fff;
    line-height: 1
}

.menu-trigger {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    overflow: hidden;
    width: 6.1538461538rem;
    height: 6.1538461538rem
}

.menu-button,.menu-button__inner {
    position: relative;
    display: flex;
    align-items: center
}

.menu-button {
    justify-content: center;
    width: 6.1538461538rem;
    height: 6.1538461538rem;
    transform: translate3d(6.1538461538rem,-6.1538461538rem,1);
    transition: transform .4s cubic-bezier(.55,.055,.675,.19);
    -webkit-tap-highlight-color: transparent
}

.is-scrolled .menu-button {
    transform: translate3d(0,0,0);
    transition: transform .6s cubic-bezier(.215,.61,.355,1)
}

.menu-button__inner {
    top: -.6923076923rem;
    left: .3846153846rem;
    flex-direction: column
}

.menu-button__icon {
    position: relative;
    display: block;
    width: 1.5384615385rem;
    height: 1.5384615385rem
}

.menu-button__icon::after,.menu-button__icon::before {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: .1538461538rem;
    content: "";
    background-color: #fff;
    border-radius: .1538461538rem
}

.menu-button__icon::before {
    top: calc(50% - .2307692308rem)
}

.menu-button__icon::after {
    top: calc(50% + .3076923077rem)
}

.menu-button__label {
    position: relative;
    top: .1538461538rem;
    left: .1538461538rem;
    font-size: .8461538462rem;
    letter-spacing: .05em;
    color: #fff;
    line-height: 1
}

.mv {
    position: relative;
    min-height: 100vh;
    min-height: calc(var(--initial-vh,1vh)*100);
    background: #fff
}

.mv__shape {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.mv__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 16.4615384615rem;
    padding: 3.6153846154rem 0 .2307692308rem;
    background-image: url(../images/common/mv_header_shape.svg);
    background-size: 28.8461538462rem 16.4615384615rem
}

.aaa {
    background-image: url();
    width: 160px;
    height: 17px
}

.mv__logo {
    position: relative;
    left: .0769230769rem;
    order: 2;
    width: 7.3076923077rem;
    height: 5.5384615385rem;
    margin: 1.5384615385rem auto 0
}

.mv__copy,.mv__logo img {
    position: relative;
    left: -.0769230769rem
}

.mv__logo img {
    width: 100%;
    height: 100%
}

.mv__copy {
    order: 1;
    font-size: 1.2307692308rem;
    text-align: center
}

.mv__copy img {
    width: 12.3076923077rem;
    height: 1.3076923077rem
}

.mv__images,.mv__purchase {
    position: absolute;
    right: 0;
    left: 0
}

.mv__purchase {
    bottom: 1.1538461538rem;
    margin: 0 auto;
    text-align: center
}

.mv__purchase .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 11.2307692308rem;
    height: 3.4615384615rem;
    background-color: var(--c-button-primary);
    border-radius: 1.7692307692rem
}

.mv__purchase .button__icon {
    position: relative;
    top: -.0769230769rem;
    display: block;
    width: 1.3846153846rem;
    height: 1.1538461538rem
}

.mv__purchase .button__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.mv__purchase .button__label {
    margin: 0 0 0 .6153846154rem;
    font-size: 1rem;
    letter-spacing: .06em;
    color: #fff
}

.mv__images {
    top: 0;
    bottom: 0
}

.mv__image,.mv__images-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.mv__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mv__image:not(:nth-child(1)),.natural__image-item:not(:nth-child(1)) {
    opacity: 0
}

.mv__image img,.notice-modal .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mv__indicator {
    display: none
}

.mv__indicator-bar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .25rem;
    background-color: var(--c-button-primary);
    transform: translate3d(-100%,0,0)
}

.natural {
    padding: 4.4615384615rem 0 0;
    margin: -1px 0 0;
    background: #fff
}

.natural__sub img {
    position: relative;
    left: -.0769230769rem;
    width: 6.0769230769rem;
    height: 3.4615384615rem
}

.natural__header {
    text-align: center
}

.natural__heading {
    margin: 1.6923076923rem 0 0 .2307692308rem;
    font-size: 1.5384615385rem;
    color: var(--c-text-primary);
    line-height: 1.65;
    letter-spacing: .15em
}

.natural__image--1 {
    position: relative;
    width: 23.8461538462rem;
    height: 17.3846153846rem;
    margin: 1.6923076923rem auto 0
}

.natural__image-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.natural__image-item,.natural__image-item img {
    width: 100%;
    height: 100%
}

.natural__image--2 {
    position: relative;
    z-index: 2;
    margin: 0;
    text-align: center
}

.natural__image--2 img {
    position: relative;
    left: .2307692308rem;
    width: 8.2307692308rem;
    height: 8.9230769231rem
}

.natural__paragraph {
    font-size: 1.0769230769rem;
    line-height: 2;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph
}

.natural__paragraph span {
    color: var(--c-text-secondary)
}

.natural__paragraph--1 {
    margin: 1.7692307692rem 3.5384615385rem 0 3.6153846154rem
}

.natural__paragraph--2,.natural__paragraph--3 {
    display: inline
}

.natural__paragraph-group {
    margin: 1rem 3.5384615385rem 0 3.6153846154rem;
    font-size: 1.0769230769rem;
    line-height: 2;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph
}

.natural__note {
    margin: .1538461538rem 0 0;
    line-height: 1.4;
    letter-spacing: .04em;
    font-size: .7692307692rem;
    color: #bab09f
}

.notice-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh,1vh)*100);
    z-index: 1000;
    background-color: #fff;
    transition: opacity .6s
}

.notice-modal[aria-hidden=true] {
    pointer-events: none;
    opacity: 0
}

.notice-modal__main {
    height: 100%;
    overflow-y: auto
}

.notice-modal__grid-item {
    position: relative
}

.notice-modal .images {
    width: 100%;
    height: 18.9230769231rem
}

.notice-button-icon-1 img,.notice-button-icon-2 img,.notice-modal .image {
    width: 100%;
    height: 100%
}

.notice-modal .heading {
    position: relative;
    padding: 3.4615384615rem 0 0;
    text-align: center
}

.notice-modal .heading img {
    width: 13.9230769231rem;
    height: 6.7692307692rem
}

.notice-modal .container {
    padding: 0 0 5.1538461538rem;
    margin: 2rem 3.0769230769rem 0
}

.notice-modal .paragraph {
    font-size: 1.0769230769rem;
    line-height: 1.8;
    letter-spacing: .06em
}

.notice-modal .paragraph--wide {
    letter-spacing: .05em;
    margin-right: -1.5384615385rem!important
}

.notice-modal .paragraph+.paragraph {
    margin: 1.8461538462rem 0 0
}

.notice-modal .paragraph .highlight {
    color: #f76e6e
}

.notice-modal .note {
    display: block;
    font-size: 1.0769230769rem;
    line-height: 1.8;
    letter-spacing: .06em
}

.notice-modal .info {
    margin: 1.8461538462rem 0 0;
    font-size: .9230769231rem;
    line-height: 1.8;
    letter-spacing: .06em
}

.notice-modal .info a {
    color: #0073ff;
    text-decoration: underline
}

.notice-modal__close {
    position: absolute;
    top: 0;
    right: 0
}

.notice-modal .close-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.1538461538rem;
    height: 6.1538461538rem;
    -webkit-tap-highlight-color: transparent
}

.notice-modal .close-button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 7.6923076923rem;
    height: 7.6923076923rem;
    content: "";
    background-color: var(--c-text-primary);
    border-radius: 50%
}

.notice-modal .close-button__inner {
    position: relative;
    top: -.6923076923rem;
    left: .3846153846rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.notice-modal .close-button__icon {
    position: relative;
    display: block;
    width: 1.5384615385rem;
    height: 1.5384615385rem
}

.notice-modal .close-button__icon::after,.notice-modal .close-button__icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .1538461538rem;
    margin: auto;
    content: "";
    background-color: #fff;
    border-radius: .1538461538rem
}

.notice-modal .close-button__icon::before {
    transform: rotate(-45deg)
}

.notice-modal .close-button__icon::after {
    transform: rotate(45deg)
}

.notice-modal .close-button__label {
    position: relative;
    top: .3076923077rem;
    left: .0769230769rem;
    font-size: .8461538462rem;
    letter-spacing: .05em;
    color: #fff;
    line-height: 1
}

.scroll-bar-inner::before {
    position: absolute;
    display: block;
    width: 100%;
    height: 25%;
    content: "";
    background-color: var(--c-text-primary);
    border-radius: .1875rem
}

.notice {
    padding: 3.8461538462rem 2.5384615385rem 0;
    background-color: #fff
}

.notice-button {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 4rem .7692307692rem;
    color: #f76e6e;
    text-align: left;
    background-color: #fff8f8;
    border: .0769230769rem solid #f76e6e;
    border-radius: .7692307692rem
}

.notice-button-icon-1 {
    position: absolute;
    display: block;
    top: 1.3846153846rem;
    left: 1.1538461538rem;
    width: 2.0769230769rem;
    height: 1.8461538462rem
}

.notice-button-icon-2 {
    position: absolute;
    display: block;
    top: -.2307692308rem;
    right: 1.1538461538rem;
    bottom: 0;
    margin: auto 0;
    width: 1.3076923077rem;
    height: 1.3076923077rem
}

.notice-button-label {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: .03em
}

.nutrients-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh,1vh)*100);
    z-index: 1000;
    background-color: #fff;
    transition: opacity .6s
}

.nutrients-modal[aria-hidden=true] {
    pointer-events: none;
    opacity: 0
}

.nutrients-modal__main {
    height: 100%;
    overflow-y: auto
}

.nutrients-modal__grid-item {
    position: relative
}

.nutrients-modal .images {
    width: 100%;
    height: 18.9230769231rem
}

.instagram-pointer img,.nutrients-modal .image {
    width: 100%;
    height: 100%
}

.nutrients-modal .image img,.purchase__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.nutrients-modal .heading {
    position: relative;
    padding: 2.9230769231rem 0 .5384615385rem;
    text-align: center
}

.nutrients-modal .heading::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .2307692308rem;
    margin: 0 auto;
    content: "";
    background-image: url(../images/common/nutrients-modal_heading_border_sm.svg);
    background-size: 14.9230769231rem .2307692308rem;
    background-position: 50% 0
}

.nutrients-modal .heading__line {
    display: block
}

.nutrients-modal .heading__line--2 {
    margin: .2307692308rem 0 0 .1538461538rem;
    font-size: 1.6923076923rem;
    letter-spacing: .12em
}

.nutrients-modal .container {
    padding: 0 0 5.1538461538rem;
    margin: 3.5384615385rem 3.9230769231rem 0 4rem
}

.nutrients-modal .nutrients+.nutrients {
    margin: 2.4615384615rem 0 0
}

.nutrients-modal .nutrients>dd {
    margin: .4615384615rem 0 0
}

.nutrients-modal .nutrients--single {
    overflow: hidden;
    position: relative;
    display: flex
}

.nutrients-modal .item--unit::before,.nutrients-modal .nutrients--single::before {
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: .3em;
    color: #ddd4c6;
    content: ".................................................."
}

.nutrients-modal .item--unit>dt,.nutrients-modal .nutrients--single>dt {
    position: relative;
    padding: 0 .3846153846rem 0 0;
    background-color: #fff
}

.nutrients-modal .item,.nutrients-modal .nutrients--single>dd {
    font-size: 1rem;
    letter-spacing: .06em
}

.nutrients-modal .item {
    line-height: 2.31
}

.nutrients-modal .item--unit {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.nutrients-modal .item--unit>dd,.nutrients-modal .nutrients--single>dd {
    position: relative;
    padding: 0 0 0 .7692307692rem;
    margin: 0 0 0 auto;
    background-color: #fff
}

.nutrients-modal .item--unit>dd:nth-of-type(2) {
    width: 100%;
    padding: .9230769231rem 0 .3846153846rem 1.6923076923rem
}

.nutrients-modal .item--unit>dd:nth-of-type(2)>ul {
    display: flex;
    flex-wrap: wrap;
    font-size: .8461538462rem;
    letter-spacing: .04em;
    line-height: 1.5
}

.nutrients-modal .item--unit>dd:nth-of-type(2)>ul>li {
    width: 50%;
    white-space: nowrap
}

.nutrients-modal .item--unit>dd:nth-of-type(2)>ul>li:nth-child(even) {
    margin-left: auto;
    padding-left: .5384615385rem
}

.nutrients-modal .item--unit>dd:nth-of-type(2)>ul>li:nth-child(n+3) {
    margin-top: .4615384615rem
}

.nutrients-modal .notes {
    margin: 2.2307692308rem 0 0;
    line-height: 1.6;
    font-size: .7692307692rem;
    letter-spacing: .06em
}

.nutrients-modal__close {
    position: absolute;
    top: 0;
    right: 0
}

.nutrients-modal .close-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.1538461538rem;
    height: 6.1538461538rem;
    -webkit-tap-highlight-color: transparent
}

.nutrients-modal .close-button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 7.6923076923rem;
    height: 7.6923076923rem;
    content: "";
    background-color: var(--c-text-primary);
    border-radius: 50%
}

.nutrients-modal .close-button__inner {
    position: relative;
    top: -.6923076923rem;
    left: .3846153846rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.nutrients-modal .close-button__icon {
    position: relative;
    display: block;
    width: 1.5384615385rem;
    height: 1.5384615385rem
}

.nutrients-modal .close-button__icon::after,.nutrients-modal .close-button__icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .1538461538rem;
    margin: auto;
    content: "";
    background-color: #fff;
    border-radius: .1538461538rem
}

.nutrients-modal .close-button__icon::before {
    transform: rotate(-45deg)
}

.nutrients-modal .close-button__icon::after {
    transform: rotate(45deg)
}

.nutrients-modal .close-button__label {
    position: relative;
    top: .3076923077rem;
    left: .0769230769rem;
    font-size: .8461538462rem;
    letter-spacing: .05em;
    color: #fff;
    line-height: 1
}

.scroll-bar {
    display: none
}

.scroll-bar-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80%
}

.c-pointer {
    display: none
}

[data-whatintent=mouse] .c-pointer {
    display: block
}

.instagram-pointer {
    position: absolute;
    width: 12.5rem;
    height: 12.5rem;
    top: -6.25rem;
    left: -6.25rem;
    transform: scale(0);
    transition: transform .3s cubic-bezier(.6,-.28,.735,.045)
}

.instagram-pointer.is-blur {
    transition: transform .4s cubic-bezier(.175,.885,.32,1.275);
    transform: scale(1)
}

.purchase {
    position: relative;
    z-index: 1;
    padding: .0769230769rem 0 1.8461538462rem;
    background-color: #fbf7ef
}

.purchase::after,.purchase::before {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 3.3846153846rem;
    content: "";
    background-size: 28.8461538462rem 3.3846153846rem
}

.purchase::before {
    top: -3.3076923077rem;
    background-image: url(../images/common/arc_beige_top_sm.svg)
}

.purchase::after {
    bottom: -3.3076923077rem;
    background-image: url(../images/common/arc_beige_bottom_sm.svg)
}

.purchase__grid-item--1 {
    display: none;
    background-color: #eee
}

.purchase__block-1 {
    padding: 0 0 3.5384615385rem
}

.purchase__block-3 {
    position: relative;
    width: 22.3076923077rem;
    margin: -1.2307692308rem auto 0
}

.purchase__images {
    position: relative;
    width: 100%;
    height: 16.4615384615rem
}

.purchase__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.purchase__image:not(:nth-child(1)) {
    opacity: 0
}

.bonus {
    padding: .9230769231rem 0 0
}

.bonus__heading {
    text-align: center
}

.bonus__heading-line--1,.bonus__heading-line--2 {
    display: block;
    padding: 0 0 0 .1538461538rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .07em
}

.bonus__heading-line--2 {
    padding: 0 0 0 .2307692308rem;
    margin: .1538461538rem 0 0;
    font-size: 1.5384615385rem;
    letter-spacing: .1em
}

.bonus__heading-line span {
    color: var(--c-text-primary)
}

.bonus__image {
    overflow: hidden;
    width: 24.6153846154rem;
    height: 12.8461538462rem;
    margin: 1.0769230769rem auto 0;
    border-radius: 1.3076923077rem
}

.bonus2__image1 img,.bonus2__image2 img,.bonus2__image3 img,.bonus__image img,.purchase-form__discount img {
    width: 100%;
    height: 100%
}

.bonus__body {
    margin: 1.2307692308rem 0 0;
    font-size: .9230769231rem;
    line-height: 1.54;
    letter-spacing: .07em;
    text-align: center
}

.bonus2 {
    display: flex;
    flex-direction: row-reverse;
    width: 24.6153846154rem;
    margin: 2rem auto 0;
    border-radius: 1.3076923077rem;
    background-color: #fff
}

.bonus2--bottom {
    margin: 1.5384615385rem 0 -.8461538462rem;
    background-color: #fff
}

.bonus2__main {
    flex: 1 1 auto;
    position: relative;
    padding: 1.2307692308rem 0 0 2.4615384615rem;
    font-weight: 500
}

.bonus2__lead1 {
    font-size: 1.2307692308rem;
    letter-spacing: .03em;
    line-height: 1.3
}

.bonus2__lead2 {
    margin: .0769230769rem 0 0;
    font-size: .8461538462rem;
    letter-spacing: .04em;
    line-height: 1.8;
    color: #d97f0b
}

.bonus2__image1 {
    position: absolute;
    bottom: -.8461538462rem;
    right: -.2307692308rem;
    width: 7.7692307692rem;
    height: 6.5384615385rem
}

.bonus2__body {
    margin: .3076923077rem 0 0;
    font-size: .7692307692rem;
    line-height: 1.4;
    letter-spacing: .07em;
    color: #7a6b4e
}

.bonus2__body span {
    font-family: Inter,sans-serif;
    font-weight: 600
}

.bonus2__image2,.bonus2__sub {
    width: 8.9230769231rem;
    height: 11rem
}

.bonus2__sub {
    flex: 0 0 auto;
    position: relative
}

.bonus2__image2 {
    overflow: hidden;
    border-radius: 1.3076923077rem 0 0 1.3076923077rem
}

.bonus2__image3 {
    position: absolute;
    right: -1.6923076923rem;
    bottom: 0;
    width: 4.5384615385rem;
    height: 9.4615384615rem
}

.purchase-form {
    position: relative;
    z-index: 2
}

.purchase-form+.purchase-form {
    margin: 3.0769230769rem 0 0
}

.purchase-form__header {
    position: relative;
    display: flex
}

.purchase-form__heading {
    flex: 0 0 auto;
    padding: .3076923077rem .5384615385rem .3076923077rem .6153846154rem;
    font-size: 1.1538461538rem;
    letter-spacing: .15em;
    background-color: #fff;
    border: .0769230769rem solid var(--c-text-primary);
    border-radius: .3076923077rem
}

.purchase-form__heading--single {
    border-color: var(--c-text-tertialy)
}

.purchase-form__discount {
    position: absolute;
    top: -.7692307692rem;
    right: .0769230769rem;
    width: 6.6923076923rem;
    height: 6.6923076923rem
}

.purchase-form__discount .number {
    font-size: 2rem
}

.purchase-form__net {
    margin: .5384615385rem 0 0;
    font-size: .8461538462rem;
    letter-spacing: .07em
}

.purchase-form__price {
    margin: .6153846154rem 0 0
}

.purchase-form__number,.purchase-form__yen {
    font-family: Quicksand,sans-serif;
    color: var(--c-text-primary)
}

.purchase-form__price--single .purchase-form__number,.purchase-form__price--single .purchase-form__yen {
    color: var(--c-text-tertialy)
}

.purchase-form__yen {
    font-size: 2.0769230769rem;
    font-weight: 600;
    letter-spacing: .08em
}

.purchase-form__number {
    margin: 0 0 0 -.1538461538rem;
    font-size: 3.3076923077rem;
    font-weight: 700
}

.purchase-form__number span {
    margin: 0 -.0769230769rem 0 .0769230769rem
}

.purchase-form__supplement {
    position: relative;
    top: -.2307692308rem;
    margin: 0 0 0 .1538461538rem;
    font-size: .8461538462rem;
    letter-spacing: .15em
}

.purchase-form__supplement span {
    font-size: 1.0769230769rem
}

.purchase-form__link {
    margin: .9230769231rem 0 0
}

.purchase-form__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.4615384615rem;
    padding: 0 0 0 .1538461538rem;
    color: #fff;
    background-color: var(--c-button-primary);
    border-radius: 1.7692307692rem
}

.purchase-form__button--single {
    background-color: var(--c-button-secondary)
}

.purchase-form__button-icon {
    position: relative;
    top: -.0769230769rem
}

.purchase-form__button-icon img {
    width: 1.3846153846rem;
    height: 1.1538461538rem
}

.purchase-form__button-label {
    margin: 0 0 0 .7692307692rem;
    font-size: 1.1538461538rem;
    letter-spacing: .1em
}

.guarantee {
    padding: 2.3076923077rem 0 2.2307692308rem;
    margin: 3.0769230769rem 0 0;
    background-color: #fff;
    border-radius: 1.3076923077rem
}

.guarantee__heading {
    text-align: center
}

.guarantee__heading-line {
    display: block;
    line-height: 1.5
}

.guarantee__heading-line--1,.guarantee__heading-line--2 {
    padding: 0 0 0 .1538461538rem;
    font-size: 1rem;
    letter-spacing: .07em
}

.guarantee__heading-line--2 {
    margin: .0769230769rem 0 0;
    font-size: 1.3846153846rem;
    color: var(--c-text-primary);
    letter-spacing: .1em
}

.guarantee__body {
    margin: .7692307692rem 2.5384615385rem 0 2.6153846154rem;
    font-size: 1rem;
    letter-spacing: .07em;
    line-height: 1.76;
    text-align: justify;
    text-justify: inter-ideograph
}

.about-subscription {
    margin: 2.7692307692rem 0 0
}

.about-subscription__heading {
    font-size: 1rem;
    letter-spacing: .07em
}

.about-subscription__category {
    display: flex;
    margin: .6923076923rem 0 0;
    font-size: .8461538462rem;
    line-height: 1.72;
    letter-spacing: .07em
}

.about-subscription__category+.about-subscription__category {
    margin: .3846153846rem 0 0
}

.about-subscription__category dt {
    flex: 0 0 auto;
    width: 5.8461538462rem
}

.about-subscription__category dd {
    text-align: justify;
    text-justify: inter-ideograph
}

.about-subscription__category li {
    position: relative;
    padding: 0 0 0 .6923076923rem
}

.about-subscription__category li::before {
    position: absolute;
    top: .5384615385rem;
    left: 0;
    width: .3076923077rem;
    height: .3076923077rem;
    content: "";
    background-color: #bab09f;
    border-radius: 50%
}

.about-subscription__category .exeption {
    margin: 0 -.1538461538rem 0 0
}

.question {
    padding: 3.3846153846rem 0 7.2307692308rem;
    background: #fff
}

.question__header {
    text-align: center
}

.question__sub img {
    width: 2.7692307692rem;
    height: 3.4615384615rem
}

.question__heading {
    padding: 0 0 0 .3076923077rem;
    margin: 1.6153846154rem 0 0;
    font-size: 1.7692307692rem;
    letter-spacing: .15em
}

.question__heading span {
    color: var(--c-text-primary)
}

.question__main {
    margin: 1.7692307692rem 0 0
}

.question__list>li+li {
    margin: .1538461538rem 0 0
}

.qa-unit {
    padding: 2rem 0 2rem 2.2307692308rem;
    background-color: #fbf7ef
}

.qa-unit__question {
    position: relative;
    padding: 0 0 0 1.8461538462rem;
    font-size: 1.0769230769rem;
    letter-spacing: .1em
}

.qa-unit__letter-q {
    position: absolute;
    top: -.0769230769rem;
    left: 0
}

.qa-unit__letter-q img {
    width: 1.0769230769rem;
    height: 1.0769230769rem
}

.qa-unit__icon {
    position: absolute;
    top: .0769230769rem;
    right: 2.3076923077rem;
    bottom: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    margin: auto 0
}

.qa-unit__icon::after,.qa-unit__icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .1538461538rem;
    margin: auto;
    content: "";
    background-color: #a48d48;
    border-radius: .1538461538rem
}

.qa-unit__icon::after {
    transform: rotate(90deg);
    transition: transform .3s
}

.qa-unit[aria-expanded=true] .qa-unit__icon::after {
    transform: rotate(180deg)
}

.qa-unit__answer {
    font-size: 1.0769230769rem;
    line-height: 1.8;
    letter-spacing: .1em;
    text-align: justify;
    text-justify: inter-ideograph
}

.qa-unit__answer:not([aria-hidden=false]) {
    height: 0;
    overflow: hidden
}

.qa-unit__answer-contents {
    position: relative;
    padding: 1.0769230769rem 3.1538461538rem 0 1.8461538462rem
}

.qa-unit__letter-a {
    position: absolute;
    top: .9230769231rem;
    left: .0769230769rem
}

.qa-unit__letter-a img {
    width: 1rem;
    height: 1rem
}

.qa-unit__answer-contents ul {
    font-size: 1rem
}

.staff-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh,1vh)*100);
    z-index: 1000;
    background-color: #fff;
    transition: opacity .6s
}

.staff-modal[aria-hidden=true] {
    pointer-events: none;
    opacity: 0
}

.staff-modal__inner {
    position: relative;
    height: 100vh;
    height: 100dvh;
    overflow-y: scroll
}

.staff-modal__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 49.0769230769rem
}

.staff-modal__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.staff-modal__main {
    position: relative;
    min-height: 49.0769230769rem;
    overflow-y: auto
}

.staff-modal__list {
    padding: 3.6153846154rem 0 0;
    font-size: .8461538462rem;
    line-height: 1.638;
    letter-spacing: .13em;
    color: #fff;
    text-align: center
}

.staff-modal__close {
    position: absolute;
    top: 0;
    right: 0
}

.staff-modal .close-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.1538461538rem;
    height: 6.1538461538rem;
    -webkit-tap-highlight-color: transparent
}

.staff-modal .close-button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 7.6923076923rem;
    height: 7.6923076923rem;
    content: "";
    background-color: #fff;
    border-radius: 50%
}

.staff-modal .close-button__inner {
    position: relative;
    top: -.6923076923rem;
    left: .3846153846rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.staff-modal .close-button__icon {
    position: relative;
    display: block;
    width: 1.5384615385rem;
    height: 1.5384615385rem
}

.staff-modal .close-button__icon::after,.staff-modal .close-button__icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .1538461538rem;
    margin: auto;
    content: "";
    background-color: #82b3d3;
    border-radius: .1538461538rem
}

.staff-modal .close-button__icon::before {
    transform: rotate(-45deg)
}

.staff-modal .close-button__icon::after {
    transform: rotate(45deg)
}

.staff-modal .close-button__label {
    position: relative;
    top: .3076923077rem;
    left: .0769230769rem;
    font-size: .8461538462rem;
    letter-spacing: .05em;
    color: #82b3d3;
    line-height: 1
}

.p-tieup .mv__purchase {
    display: none
}

.p-tieup .flow-purchase {
    transform: none
}

.tieup-banner--kiyoko img {
    width: 28.8461538462rem;
    height: 8.1538461538rem
}

.typo {
    padding: 3.8461538462rem 0 0;
    overflow: hidden;
    background: #fff
}

.typo__line {
    display: flex;
    justify-content: space-between;
    width: 158.6153846154rem;
    height: 7.0769230769rem;
    -webkit-animation: 30s linear infinite flow-typo-sm;
    animation: 30s linear infinite flow-typo-sm;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.typo__line img {
    width: 76.6923076923rem;
    height: 7.0769230769rem
}

.typo__line img+img {
    margin-left: 5.2307692308rem
}

@media (min-width: 64em) {
    .about {
        height:auto
    }

    .about__inner {
        width: 95.125rem;
        padding: 9.6875rem 0 47.3125rem;
        margin: -100vh auto 0
    }

    .about__items {
        padding: 14.6875rem 0
    }

    .about__item {
        width: 35.1875rem;
        padding: 5.875rem 0 5.6875rem;
        border-radius: 2.5rem
    }

    .about__item+.about__item {
        margin: 7.5rem 0 0
    }

    .about__heading {
        padding: 0 0 2.5625rem .3125rem;
        font-size: 2.1875rem;
        line-height: 1.55
    }

    .about__heading::before {
        width: 2.125rem;
        height: .6875rem;
        background-image: url();
        background-size: 2.125rem .6875rem
    }

    .about__body {
        margin: 1.875rem 4.8125rem 0 4.9375rem;
        font-size: 1.25rem;
        line-height: 2;
        letter-spacing: .1em
    }

    .about__body sub,.about__note,.balance .nutrients2__body sub,.nutrients-modal .nutrients>dt>sub {
        font-size: .8125rem
    }

    .about__body+.about__body {
        margin-top: .9375rem
    }

    .about__body p+p {
        margin: .9375rem 0 0
    }

    .about__note {
        padding-left: 0;
        text-indent: 0;
        margin: 1rem 4.375rem 0 4.9375rem;
        line-height: 1.5;
        letter-spacing: 0
    }

    .balance {
        padding: 7.125rem 0 11.125rem;
        margin: 0
    }

    .balance__sub img {
        left: 0;
        width: 10.875rem;
        height: 5.0625rem
    }

    .balance__heading {
        padding: 0 0 0 .5625rem;
        margin: 4rem 0 0;
        font-size: 3.125rem;
        line-height: 1.55
    }

    .balance__images-wrapper {
        margin: 4.5625rem 0 0;
        width: 100%;
        height: 36.1875rem
    }

    .balance__images {
        width: 100%;
        height: 50rem
    }

    .balance__image,.balance__images img {
        height: 50rem
    }

    .balance__main {
        padding: 0
    }

    .balance__main::after {
        bottom: -9.6875rem;
        width: 100%;
        background-image: url(../images/common/balance_arc_bottom_md.svg);
        background-size: 120rem;
        height: 9.6875rem
    }

    .balance__grid {
        display: grid;
        grid-template-columns: 43.375rem 1fr;
        grid-template-areas: "area1 area2" "area3 area2";
        width: 75.75rem;
        padding: 4rem 0 0;
        margin: 0 auto
    }

    .balance__grid-item--1 {
        grid-area: area1
    }

    .balance__grid-item--2 {
        grid-area: area2;
        margin: 0
    }

    .balance__grid-item--3 {
        grid-area: area3;
        margin: 2.875rem 0 0
    }

    .balance__body {
        margin: 0 -.25rem 0 0;
        font-size: 1.4375rem;
        line-height: 2;
        letter-spacing: .15em
    }

    .balance__nutrients {
        width: 27.625rem;
        height: 25.375rem;
        margin: -6.75rem 0 0 5.5625rem
    }

    .balance__nutrients::before {
        display: none
    }

    .balance__nutrients-list-item {
        width: 8.351875rem;
        height: 8.351875rem;
        font-size: 1.25rem
    }

    .balance__nutrients-list-item:nth-child(1) {
        top: .0625rem;
        right: 4.75rem;
        left: auto
    }

    .balance__nutrients-list-item:nth-child(1) img {
        top: -.125rem;
        left: -.125rem;
        width: 3.1875rem;
        height: 3.3125rem
    }

    .balance__nutrients-list-item:nth-child(2) {
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto 0
    }

    .balance__nutrients-list-item:nth-child(2) img {
        top: -.0625rem;
        left: 0;
        width: 4.625rem;
        height: 3.5625rem
    }

    .balance__nutrients-list-item:nth-child(3) {
        top: auto;
        right: 4.6875rem;
        bottom: 0
    }

    .balance__nutrients-list-item:nth-child(3) img {
        top: -.1875rem;
        left: -.0625rem;
        width: 4.4375rem;
        height: 3.625rem
    }

    .balance__nutrients-list-item:nth-child(4) {
        top: auto;
        right: auto;
        left: 4.8125rem;
        bottom: 0
    }

    .balance__nutrients-list-item:nth-child(4) img {
        top: -.3125rem;
        left: 0;
        width: 4.5rem;
        height: 4.625rem
    }

    .balance__nutrients-list-item:nth-child(5) {
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto 0
    }

    .balance__nutrients-list-item:nth-child(5) img {
        top: -.0625rem;
        left: 0;
        width: 5.5rem;
        height: 4.625rem
    }

    .balance__nutrients-list-item:nth-child(6) {
        top: .0625rem;
        left: 4.8125rem
    }

    .balance__nutrients-list-item:nth-child(6) img {
        top: -.125rem;
        left: -.0625rem;
        width: 4.25rem;
        height: 3.5625rem
    }

    .balance__nutrients-list-image {
        top: -.3125rem;
        right: .1875rem;
        bottom: 0;
        left: 0;
        width: 10.9375rem;
        height: 10.6875rem
    }

    .balance__detail {
        margin: 3.125rem 0 0 5.625rem
    }

    .balance__detail-button {
        width: 23.8125rem;
        height: 4.6875rem;
        padding: 0 0 0 .125rem;
        font-size: 1.25rem;
        border: .125rem solid var(--c-button-primary);
        border-radius: 2.375rem
    }

    .balance__detail-button-icon {
        top: .125rem;
        width: 1.1875rem;
        height: 1.1875rem;
        margin: -.1875rem 0 0
    }

    .balance__detail-button-label {
        padding: 0;
        margin: 0 0 0 .8125rem
    }

    .balance__detail-decor {
        right: -3.5625rem;
        bottom: -1.125rem;
        left: auto;
        width: 8.3125rem;
        height: 9.125rem
    }

    .balance__recommend {
        display: flex;
        padding: 1.25rem;
        font-size: 1.25rem;
        letter-spacing: .15em;
        border-radius: 1.25rem
    }

    .balance__recommend-heading {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 13.125rem;
        height: 12.5rem;
        background-color: #f5f9e9;
        border-radius: 1.25rem
    }

    .balance__recommend-heading img {
        position: relative;
        top: .1875rem;
        width: 7.3125rem;
        height: 3.5rem
    }

    .balance__recommend-list {
        padding: 2.1875rem 0 0 2.5rem
    }

    .balance__recommend-list li {
        padding: 0 0 0 1.75rem
    }

    .balance__recommend-list li::before {
        width: .8125rem;
        height: .625rem;
        background-size: .8125rem .625rem
    }

    .balance__recommend-list li+li,.brand__body p+p {
        margin: 1.25rem 0 0
    }

    .balance__recommend-decor {
        position: absolute;
        right: -3.1875rem;
        bottom: -.6875rem;
        width: 8.0625rem;
        height: 8.8125rem
    }

    .balance .nutrients1 {
        display: grid;
        grid-template-columns: 32.5rem 1fr;
        grid-template-rows: -webkit-max-content 1fr;
        grid-template-rows: max-content 1fr;
        grid-template-areas: "area2 area1" "area2 area3" "area4 area4";
        width: 75.625rem;
        margin: 6.75rem auto 0
    }

    .balance .nutrients1>.balance__grid-item--1 {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .balance .nutrients1>.balance__grid-item--2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .balance .nutrients1>.balance__grid-item--3 {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .balance .nutrients1__contents {
        grid-area: area1;
        align-self: start;
        padding: 7.0625rem 0 0 4.75rem
    }

    .balance .nutrients1__heading {
        padding: 0;
        margin: 0 -.625rem 0 0;
        font-size: 3.125rem;
        letter-spacing: .15em;
        line-height: 1.55;
        text-align: left
    }

    .balance .nutrients1__body {
        margin: 1rem -.25rem 0 0;
        font-size: 1.4375rem;
        letter-spacing: .15em;
        line-height: 2
    }

    .balance .nutrients1__figure {
        grid-area: area2;
        margin: 1.6875rem 0 0
    }

    .balance .nutrients1__figure figcaption {
        position: relative;
        left: 1rem;
        width: 23.125rem;
        height: 3.25rem;
        padding: 0 0 0 .125rem;
        font-size: 1.4375rem;
        letter-spacing: .1em;
        border-width: .125rem;
        border-radius: .4375rem
    }

    .balance .nutrients1__figure img {
        left: auto;
        width: 32.4375rem;
        height: 31.25rem;
        margin: 1.0625rem 0 0
    }

    .balance .nutrients1__cite {
        align-self: stretch;
        padding: 1.5rem 0 0;
        margin: 0 0 0 4.75rem;
        grid-area: area3;
        font-size: .8125rem;
        letter-spacing: 0;
        text-align: left
    }

    .balance .difference {
        position: relative;
        width: 83rem;
        padding: 7.6875rem 0 7.125rem 22.125rem;
        margin: 7.8125rem 0 0;
        border-radius: 0 2.5rem 2.5rem 0
    }

    .balance .difference__header {
        padding: 0;
        text-align: left
    }

    .balance .difference__sub {
        padding: 0 0 0 3.875rem;
        font-size: 1.5625rem
    }

    .balance .difference__sub::before {
        top: 0;
        bottom: 0;
        left: 0;
        width: 2.625rem;
        height: .875rem;
        margin: auto 0;
        background-image: url(../images/common/balance_difference_heading_decor_md.svg);
        background-size: 2.625rem .875rem
    }

    .balance .difference__heading {
        margin: .75rem 0 0;
        font-size: 3.125rem
    }

    .balance .difference__image {
        position: absolute;
        top: 4.375rem;
        right: -25.3125rem;
        width: 32.75rem;
        height: 48.9375rem;
        border-radius: 2.5rem;
        overflow: hidden
    }

    .balance .difference__image img {
        width: 100%;
        height: 100%
    }

    .balance .difference__body {
        margin: 1.625rem 15.4375rem 0 0;
        font-size: 1.3125rem;
        letter-spacing: .15em;
        line-height: 2
    }

    .balance .difference__figures {
        margin: 2.9375rem 0 0;
        justify-content: start
    }

    .balance .difference__figure {
        width: 10.125rem;
        text-align: left
    }

    .balance .difference__figure:nth-child(1) img {
        width: 9.5625rem;
        height: 11.4375rem
    }

    .balance .difference__figure:nth-child(2) {
        margin: 0 0 0 1.8125rem
    }

    .balance .difference__figure:nth-child(2) img {
        width: 9.75rem;
        height: 11.4375rem
    }

    .balance .difference__figure:nth-child(3) {
        margin: 0 0 0 2rem
    }

    .balance .difference__figure:nth-child(3) img,.balance .difference__figure:nth-child(4) img {
        width: 9.5625rem;
        height: 11.4375rem
    }

    .balance .difference__figure:nth-child(4) {
        margin: 0 0 0 1.8125rem
    }

    .balance .difference__figure figcaption {
        margin: -.375rem 0 0 .875rem;
        font-size: 1rem
    }

    .balance .difference__figure:nth-child(2) figcaption {
        margin-left: 1.3125rem
    }

    .balance .difference__figure:nth-child(3) figcaption {
        margin-left: .875rem
    }

    .balance .difference__others {
        margin: 3rem 15.625rem 0 0
    }

    .balance .difference__others dd,.balance .difference__others dt {
        font-size: 1.25rem;
        letter-spacing: .1em
    }

    .balance .difference__others dd+dt {
        margin: 2rem 0 0
    }

    .balance .difference__others dd {
        margin: .625rem 0 0;
        line-height: 2
    }

    .balance .difference__others dd span {
        font-size: 1.125rem
    }

    .balance .difference__cite {
        margin: 1.75rem 0 0;
        font-size: .8125rem;
        letter-spacing: 0
    }

    .balance .nutrients2 {
        position: relative;
        width: 112.1875rem;
        padding: 0 0 0 47.5rem;
        margin: 9.25rem auto 0
    }

    .balance .nutrients2__heading {
        font-size: 3.125rem;
        letter-spacing: .15em;
        line-height: 1.55;
        text-align: left
    }

    .balance .nutrients2__body {
        font-size: 1.3125rem;
        letter-spacing: .15em;
        line-height: 2;
		flex-shrink: 0;
        width: min(615px, 30.38vw);
        margin-top: 0;
        font-size: min(calc(17rem / 10), calc(1.24vw + 1.7rem - 17px));
        line-height: 2.35;
        letter-spacing: 0.06em;
    }

    .balance .nutrients2__body--1 {
        margin: 1.0625rem 2.3125rem 0 .1875rem
    }

    .balance .nutrients2__body--2 {
        margin: 1.25rem 2.3125rem 0 .1875rem
    }

    .balance .nutrients2__image1 {
        position: absolute;
        top: -2.375rem;
        left: -2.5625rem;
        width: 31.875rem;
        height: 31.875rem;
        border-radius: 2.5rem;
        overflow: hidden
    }

    .balance .nutrients2__image2 {
        position: absolute;
        top: 15.375rem;
        left: 22rem;
        width: 20rem;
        height: 20rem;
        border-radius: 2.5rem
    }

    .balance .nutrients2__cite {
        margin: 1.25rem 0 0 .1875rem;
        font-size: .8125rem;
        letter-spacing: 0
    }

    .brand {
        padding: 6.4375rem 0
    }

    .brand__main {
        width: 53.75rem;
        padding: 5.6875rem 0 5.5rem;
        border-radius: 2.5rem
    }

    .brand__heading {
        padding: 0 0 2rem .3125rem;
        font-size: 2.1875rem
    }

    .brand__heading::before {
        left: -.1875rem;
        width: 2.125rem;
        height: .6875rem;
        background-image: url(../images/common/brand_decor_md.svg);
        background-size: 2.125rem .6875rem
    }

    .brand__body {
        margin: 1.875rem 4.875rem 0 5rem;
        font-size: 1.25rem;
        line-height: 2;
        letter-spacing: .1em
    }

    .cv-wrapper--1 {
        padding: 0 0 15.625rem
    }

    .cv-wrapper--1::after {
        display: none
    }

    .cv-wrapper--2 {
        padding: 0 0 10.625rem;
        margin: 15.5625rem 0 0
    }

    .cv {
        display: flex;
        width: 93.75rem;
        margin: 0 auto
    }

    .cv__image {
        flex: 0 0 auto;
        width: 42.0625rem;
        height: 35.5625rem;
        overflow: hidden;
        border-radius: 2.5rem 0 0 2.5rem
    }

    .cv__main {
        flex: 1 1 auto;
        width: auto;
        padding: 3.625rem 5rem 0;
        margin: 0;
        background-color: #fff;
        border-radius: 0 2.5rem 2.5rem 0
    }

    .cv__plan {
        position: relative;
        padding: 0 0 2.4375rem;
        border-radius: 0
    }

    .cv__plan::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: -.1875rem;
        display: block;
        width: 41.5rem;
        height: .25rem;
        margin: 0 auto;
        content: "";
        background-image: url(../images/common/cv_border_md.svg);
        background-size: 41.5rem .25rem
    }

    .cv__subs {
        display: flex;
        flex-wrap: wrap
    }

    .cv__subs dt {
        top: 2.9375rem;
        font-size: 1.4375rem
    }

    .cv__subs dt img {
        top: -9.375rem;
        right: -25.0625rem;
        width: 7.875rem;
        height: 7.875rem
    }

    .cv__subs .yen {
        margin: 0;
        font-size: 3.0625rem
    }

    .cv__subs .numbers {
        margin: 0 0 0 .375rem;
        font-size: 4.5625rem
    }

    .cv__subs .comma {
        top: -.25rem;
        margin: 0 -.25rem 0 .0625rem
    }

    .cv__subs .per,.cv__subs .slash {
        top: -.1875rem;
        margin: 0 0 0 .1875rem;
        font-size: 1.4375rem
    }

    .cv__subs .per {
        top: -.0625rem;
        margin: 0 0 0 .375rem
    }

    .cv__subs dd:nth-of-type(1) {
        margin: 0 0 0 2.125rem
    }

    .cv__subs dd:nth-of-type(2) {
        width: 100%;
        margin: -.0625rem .25rem 0 0;
        font-size: 1rem;
        letter-spacing: .09em;
        text-align: right
    }

    .cv__single {
        padding: 0;
        margin: .125rem 0 0 8.4375rem
    }

    .cv__single::before,.identity__body span::before {
        display: none
    }

    .cv__single dt,.nutrients-modal .nutrients>dt {
        font-size: 1.4375rem
    }

    .cv__single dd {
        top: .375rem;
        margin: 0 0 0 2.0625rem
    }

    .cv__single .yen {
        position: relative;
        top: .4375rem;
        margin: 0;
        font-size: 3.0625rem
    }

    .cv__single .numbers {
        position: relative;
        top: .3125rem;
        margin: 0 0 0 .375rem;
        font-size: 4.5625rem
    }

    .cv__single .comma {
        top: -.3125rem;
        margin: 0 -.5rem 0 .0625rem
    }

    .cv__single .tax {
        top: .1875rem;
        font-size: 1.375rem;
        letter-spacing: .13em
    }

    .cv__notes {
        margin: 1.6875rem 1.4375rem 0 0;
        font-size: 1.125rem;
        letter-spacing: .1em
    }

    .cv__notes span {
        margin: .0625rem 0 0 .125rem;
        font-size: .875rem;
        letter-spacing: .07em
    }

    .cv__link {
        margin: 1.5625rem 1.4375rem 0 0
    }

    .cv__link .button {
        width: 24.125rem;
        height: 4.6875rem;
        padding: 0;
        margin: 0 auto;
        border: .125rem solid var(--c-button-primary);
        border-radius: 2.375rem
    }

    .cv__link .button__icon {
        top: 0;
        left: .125rem;
        width: 1.625rem;
        height: 1.4375rem
    }

    .cv__link .button__label {
        margin: 0 0 0 1.375rem;
        font-size: 1.4375rem;
        letter-spacing: .15em
    }

    .drinking {
        padding: 2.3125rem 0 0
    }

    .drinking::before {
        top: -9.625rem;
        width: 100%;
        height: 9.6875rem;
        background-image: url(../images/common/drinking_arc_top_md.svg);
        background-size: 120rem 9.6875rem
    }

    .drinking__inner {
        width: 80.625rem;
        padding: .625rem 0 0;
        margin: 0 auto
    }

    .drinking__header {
        margin: -1rem 0 0
    }

    .drinking__sub img {
        width: 41.8125rem;
        height: 9rem
    }

    .drinking__heading {
        margin: -3.8125rem 0 0;
        font-size: 2.8125rem
    }

    .drinking__steps {
        display: flex;
        justify-content: space-between;
        margin: 5.6875rem 0 0
    }

    .drinking__step {
        width: 37.5rem;
        height: 35.625rem;
        padding: 0;
        border-radius: 2.5rem
    }

    .drinking__step+.drinking__step {
        margin-top: 0
    }

    .drinking__step+.drinking__step::before {
        top: -.3125rem;
        right: auto;
        bottom: 0;
        left: -3.9375rem;
        width: 2.375rem;
        height: 1.125rem;
        margin: auto 0;
        background-image: url(../images/common/drinking_arrow_md.svg);
        background-size: 2.375rem 1.125rem
    }

    .drinking__step-number {
        top: 3.8125rem;
        left: 3.8125rem
    }

    .drinking__step-number--1 img {
        width: 4.6875rem;
        height: 1.5rem
    }

    .drinking__step-number--2 img {
        width: 4.9375rem;
        height: 1.5rem
    }

    .drinking__step-image--1 {
        padding: 3.75rem 0 2.0625rem 14.4375rem
    }

    .drinking__step-image--1 img {
        width: 17.8125rem;
        height: 19.5625rem
    }

    .drinking__step-image--2 {
        padding: 5.5625rem 0 2.0625rem 14.6875rem
    }

    .drinking__step-image--2 img {
        width: 14.1875rem;
        height: 17.75rem
    }

    .drinking__step-label {
        font-size: 2.1875rem
    }

    .drinking__step-body {
        margin: .4375rem 0 0;
        font-size: 1.25rem;
        letter-spacing: .1em
    }

    .drinking__aside {
        width: 80.625rem;
        height: 15rem;
        padding: 4.5rem 0 4.5rem 5.3125rem;
        margin: 4.375rem 0 0;
        background-image: url(../images/common/drinking_aside_frame_md.svg)
    }

    .drinking__aside-heading {
        font-size: 2.1875rem;
        text-align: left
    }

    .drinking__aside-body {
        margin: .5625rem 0 0 .25rem;
        font-size: 1.1875rem;
        letter-spacing: .1em;
        text-align: left;
        text-justify: auto;
        white-space: nowrap
    }

    .drinking__aside-image {
        position: absolute;
        top: 1.625rem;
        right: 5.4375rem
    }

    .drinking__aside-image img {
        width: 12.625rem;
        height: 8.875rem
    }

    .flow-purchase,.flow-purchase.is-purchase-reached {
        transition: transform .4s cubic-bezier(.55,.055,.675,.19)
    }

    .flow-purchase {
        top: auto;
        right: auto;
        bottom: 3.75rem;
        left: 3.75rem;
        width: 13.75rem;
        height: 4.6875rem;
        transform: translate3d(0,8.75rem,0)
    }

    .flow-purchase.is-scrolled {
        transition: transform .6s cubic-bezier(.215,.61,.355,1)
    }

    .flow-purchase.is-purchase-reached {
        transform: translate3d(0,8.75rem,0)!important
    }

    .flow-purchase__button {
        padding: 0 0 0 .125rem;
        border: .125rem solid var(--c-button-primary);
        border-radius: 2.375rem
    }

    .flow-purchase__button-icon {
        top: -.125rem;
        width: 1.625rem;
        height: 1.4375rem
    }

    .flow-purchase__button-label {
        margin: 0 0 0 .9375rem;
        font-size: 1.25rem;
        letter-spacing: .15em
    }

    .footer {
        width: 100%;
        height: 66.1875rem
    }

    .footer__contents {
        padding: 16.3125rem 8.125rem 0
    }

    .footer__logo img {
        width: 43.3125rem;
        /*height: 1.875rem*/
    }

    .footer__navigation {
        display: flex;
        margin: 4.875rem 0 0 -.3125rem
    }

    .footer__navigation>li+li {
        margin: 0 0 0 1.1875rem
    }

    .footer__navigation-item {
        padding: .3125rem;
        font-size: 1.425rem;
        letter-spacing: .1em
    }

    .footer__navigation-item::after {
        position: absolute;
        right: 0;
        bottom: -.0625rem;
        left: -.1875rem;
        display: block;
        width: calc(100% - .6875rem);
        height: .125rem;
        margin: 0 auto;
        content: "";
        background-color: #fff;
        opacity: 0
    }

    .footer__informations {
        margin: 3rem 0 0;
        font-size: 1.8125rem;
        letter-spacing: .1em;
        line-height: 2
    }

    .footer__copyright {
        margin: .9375rem 0 0
    }

    .footer__copyright small {
        font-size: 1.8125rem;
        letter-spacing: .1em
    }

    .footer__pagetop {
        right: 8.125rem;
        bottom: 0
    }

    .footer__button {
        width: 7.8125rem;
        height: 7.25rem
    }

    .footer__button-label {
        padding: 0 0 0 .125rem
    }

    .footer__button-label img {
        width: 2.8125rem;
        height: 1.3125rem
    }

    .footer__button-icon {
        width: 7.8125rem;
        height: 7.8125rem;
        margin: .75rem 0 0;
        border: .125rem solid #fff
    }

    .footer__button-icon img {
        top: 0;
        width: 1.375rem;
        height: .8125rem
    }

    .gallery {
        height: 50rem
    }

    .gallery__images {
        width: 100%;
        height: 100vh
    }

    .honesty {
        padding: .625rem 0 0;
        margin: 0
    }

    .honesty::before {
        top: -7.9375rem;
        width: 91.625rem;
        height: 45.8125rem;
        border-radius: 45.8125rem 45.8125rem 0 0;
        margin: 0 auto;
        background: #fff
    }

    .honesty__sub img {
        width: 10.875rem;
        height: 5.5rem
    }

    .honesty__header {
        margin: -1.875rem 0 0
    }

    .honesty__heading {
        padding: 0 0 0 .5rem;
        margin: 3.5625rem 0 0;
        font-size: 3.125rem;
        line-height: 1.55
    }

    .honesty__grid {
        display: grid;
        grid-template-areas: "area2 area1" "area3 area3";
        margin: 4.9375rem 18.875rem 0
    }

    .honesty__grid>.balance__grid-item--1 {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .honesty__grid>.balance__grid-item--2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .honesty__grid>.balance__grid-item--3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .honesty__grid>.nutrients1__contents {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .honesty__grid>.nutrients1__figure {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .honesty__grid>.nutrients1__cite {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .honesty__grid-item--1 {
        grid-area: area1
    }

    .honesty__grid-item--2 {
        width: 32.4375rem;
        grid-area: area2;
        -ms-grid-row-span: 2
    }

    .honesty__grid-item--3 {
        position: relative;
        grid-area: area3;
        padding: 0 .5625rem 0 .375rem;
        margin: -6.8125rem 0 0
    }

    .honesty__images {
        position: relative;
        top: -2rem;
        left: .5625rem;
        width: 50rem;
        height: 36.4375rem
    }

    .honesty__decor {
        bottom: 1.625rem;
        left: -32.8125rem;
        width: 13.5rem;
        height: 5.9375rem
    }

    .honesty__body,.honesty__features {
        font-size: 1.4375rem;
        line-height: 2.1;
        letter-spacing: .09em
    }

    .example__dot.is-active::after,.honesty__body p {
        display: block
    }

    .honesty__body p+p {
        margin: 1.1875rem 0 0
    }

    .honesty__features {
        display: flex;
        line-height: 1.4;
        letter-spacing: .1em
    }

    .honesty__features li:nth-child(1) {
        padding: 3.3125rem 2.25rem 3.125rem 4.125rem
    }

    .honesty__features li:nth-child(2) {
        padding: 4.3125rem 2.25rem 0 2.625rem
    }

    .honesty__features li:nth-child(3) {
        padding: 3.3125rem 2.3125rem 0 2.625rem
    }

    .honesty__features li:nth-child(4) {
        padding: 4.3125rem 0 0 2.625rem
    }

    .honesty__features li+li::before {
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        width: .25rem;
        height: 3.375rem;
        margin: auto 0;
        background-image: url(../images/common/honesty_border_md.svg);
        background-size: .25rem 3.375rem
    }

    .honesty__notes {
        margin: 1rem 0 0 3.875rem;
        font-size: .8125rem;
        line-height: 1.32
    }

    .honesty__notes span {
        width: 1.5rem
    }

    [data-whatinput=mouse] .menu__item:hover {
        color: #a48d48
    }

    .identity {
        padding: 14.625rem 0 0
    }

    .identity__inner {
        position: relative;
        z-index: 1;
        padding: 0 0 0 24.4375rem
    }

    .identity__sub img {
        width: 10.5rem;
        height: 1.5rem
    }

    .identity__header {
        text-align: left
    }

    .identity__heading {
        margin: 3.0625rem 0 0;
        font-size: 3.4375rem;
        line-height: 1.6
    }

    .identity__body {
        margin: 2.5rem 0 0;
        font-size: 1.4375rem;
        line-height: 2.1;
        letter-spacing: .15em;
        text-align: left
    }

    .identity__body p+p {
        margin: 1.8125rem 0 0
    }

    .identity__body span {
        display: inline
    }

    .identity__images {
        position: absolute;
        top: -2.625rem;
        left: calc(50% + .6875rem);
        width: 42.4375rem;
        height: 59.1875rem;
        margin: 0
    }

    .identity__image {
        border-radius: 2.5rem
    }

    .identity__image--1 img {
        width: 35.625rem;
        height: 49.375rem
    }

    .identity__image--2 img {
        width: 17.0625rem;
        height: 25.1875rem
    }

    .example {
        padding: .0625rem 0 11.625rem;
        margin: 11rem 0 0
    }

 /*   .example::before {
        top: -22.375rem;
        width: 100%;
        height: 22.4375rem;
        background-image: url(../images/common/identity_example_arc_top_md.svg);
        background-size: 120rem 22.4375rem
    }*/

    .example__balloon {
        position: relative;
        top: -1.25rem;
        margin: 0 40.4375rem
    }

    .example__balloon img {
        width: 11.9375rem;
        height: 12rem
    }

    .example__carousel {
        padding: .3125rem 0 0
    }

    .example__typo {
        top: .625rem;
        height: 8.5rem
    }

    .example__typo-item:nth-child(1) img {
        width: 42.9375rem;
        height: 8.5rem
    }

    .example__typo-item:nth-child(2) img {
        width: 54.25rem;
        height: 8.5rem
    }

    .example__typo-item:nth-child(3) img {
        width: 49.5rem;
        height: 6.4375rem
    }

    .example__typo-item:nth-child(4) img {
        width: 47.0625rem;
        height: 8.4375rem
    }

    .example__typo-item:nth-child(5) img {
        width: 53.875rem;
        height: 6.4375rem
    }

    .example__items-wrapper {
        width: 34.5rem;
        margin: 0 auto
    }

    .example__items {
        overflow: visible!important;
        width: 103.5rem
    }

    .example__items .swiper-slide {
        transform: scale(.708666);
        transform-origin: 50% 100%;
        transition: transform .3s
    }

    .example__items .swiper-slide-active {
        transform: scale(1)
    }

    .example__item {
        width: 24.5rem;
        margin: 0 auto
    }

    .example__item-image {
        width: 24.5rem;
        height: 21.625rem
    }

    .example__item-text {
        margin: 2rem 0 0 .3125rem;
        font-size: 1.875rem;
        letter-spacing: .15em
    }

    .example__controls {
        margin: 3.375rem 0 0
    }

    .example__arrow {
        position: absolute;
        width: 3.75rem;
        height: 3.75rem
    }

    .example__arrow::before {
        width: 100%;
        height: 100%;
        border: .125rem solid var(--c-text-primary)
    }

    .example__arrow img {
        width: .6875rem;
        height: 1rem
    }

    .example__arrow--prev {
        top: -21.3125rem;
        left: calc(50% - 21.3125rem)
    }

    .example__arrow--prev img {
        top: -.0625rem;
        left: -.125rem
    }

    .example__arrow--next {
        top: -21.3125rem;
        left: calc(50% + 15.75rem)
    }

    .example__arrow--next img {
        top: -.0625rem;
        right: 0
    }

    .example__dots li+li {
        margin-left: .625rem
    }

    .example__dot {
        width: 1.0625rem;
        height: 1.0625rem
    }

    .example__dot::before {
        width: .5625rem;
        height: .5625rem
    }

    .example__dot::after {
        display: none;
        width: 1.0625rem;
        height: 1.0625rem;
        border-width: .25rem
    }

    .instagram {
        padding: 12.5rem 0 11.25rem
    }

    .instagram__images-container {
        background-image: url(../images/common/instagram_typo_md.svg);
        background-size: 127.9375rem 11.875rem;
        background-position: 50% 50%
    }

    .instagram__images-wrapper {
        justify-content: space-between;
        left: -5.0625rem;
        width: 461.75rem;
        height: 48.625rem;
        -webkit-animation: 50s linear infinite flow-images-md;
        animation: 50s linear infinite flow-images-md
    }

    .instagram__images {
        width: 228.375rem;
        height: 48.625rem
    }

    .instagram__image {
        position: absolute;
        margin: 0!important;
        border-radius: 1.875rem
    }

    .instagram__image+.instagram__image {
        margin-left: 0
    }

    .instagram__image:nth-child(1) {
        top: 0;
        left: 13rem;
        width: 16.875rem;
        height: 16.875rem
    }

    .instagram__image:nth-child(2) {
        top: 12.1875rem;
        left: 33.625rem;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__image:nth-child(3) {
        top: 0;
        left: 69.375rem;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__image:nth-child(4) {
        top: 0;
        left: 112.25rem;
        width: 16.875rem;
        height: 16.875rem
    }

    .instagram__image:nth-child(5) {
        bottom: 0;
        left: 162.75rem;
        width: 16.875rem;
        height: 16.875rem
    }

    .instagram__image:nth-child(6) {
        top: 0;
        left: 211.5625rem;
        width: 16.875rem;
        height: 16.875rem
    }

    .instagram__image:nth-child(7) {
        bottom: 0;
        left: 0;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__image:nth-child(8) {
        bottom: 0;
        left: 63.5rem;
        width: 16.875rem;
        height: 16.875rem
    }

    .instagram__image:nth-child(9) {
        bottom: 0;
        left: 99.25rem;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__image:nth-child(10) {
        top: 12.1875rem;
        left: 132.875rem;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__image:nth-child(11) {
        top: 0;
        left: 168.625rem;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__image:nth-child(12) {
        bottom: 0;
        left: 198.5rem;
        width: 26.125rem;
        height: 26.125rem
    }

    .instagram__tags {
        margin: 5.625rem 9.5625rem 0 9.75rem;
        font-size: 1.5rem;
        line-height: 2
    }

    .windows .instagram__tags {
        letter-spacing: .12em
    }

    .instagram__circle {
        top: 56.875rem;
        display: none;
        width: 18.75rem;
        height: 18.75rem
    }

    [data-whatintent=touch] .instagram__circle {
        display: block
    }

    .instagram__circle-link {
        display: none
    }

    .instagram__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block
    }

    .instagram__link:hover {
        cursor: none
    }

    .has-letro--1 .letro-area--1 {
        width: auto;
        margin: 12.5rem 0 0
    }

    .balance .nutrients1__contents,.balance__grid-item--1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .balance .nutrients1__figure,.balance__grid-item--2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    .balance .nutrients1__cite,.balance__grid-item--3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .balance .nutrients1>.nutrients1__contents {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .balance .nutrients1>.nutrients1__figure {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .balance .nutrients1>.nutrients1__cite {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .honesty__grid-item--1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .balance .nutrients1>.honesty__grid-item--1,.honesty__grid-item--2,.honesty__grid>.honesty__grid-item--1 {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .balance .nutrients1>.honesty__grid-item--2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .honesty__grid>.honesty__grid-item--2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .honesty__grid-item--3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .balance .nutrients1>.honesty__grid-item--3 {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .has-letro--2 .letro-area--2,.honesty__grid>.honesty__grid-item--3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .has-letro--2 .letro-area--2 {
        grid-area: area4;
        width: auto;
        margin: 9.375rem 0 0;
        -ms-grid-row: 3
    }

    .has-letro--3 .letro-area--3 {
        width: auto;
        margin: 9.375rem 0 0
    }

    .letroHeadTitle {
        margin: 0 0 1.25rem!important
    }

    .loading__main {
        width: 10.4375rem;
        height: 7.8125rem;
        -webkit-clip-path: url(#logo-shape-md);
        clip-path: url(#logo-shape-md)
    }

    .loading__logo-color--1 {
        height: 2.75rem
    }

    .loading__logo-color--2 {
        margin: .3125rem 0 0;
        height: 2.75rem
    }

    .loading__logo-color--3 {
        height: .9375rem;
        margin: 1.0625rem 0 0
    }

    .madeby {
        padding: 8.125rem 0 8.9375rem
    }

    .madeby__contents {
        width: 48.0625rem;
        /*height: 48.0625rem;*/
        margin: 0 auto
    }

    .madeby__contents-inner {
        padding: 7.375rem 0 0
    }

    .madeby__copy {
        padding: 0
    }

    .madeby__copy img {
        width: 12.5rem;
        height: 1.3125rem
    }

    .madeby__logo {
        margin: 2.5625rem 0 0
    }

    .madeby__logo img {
        width: 7.8125rem;
        height: 6.3125rem
    }

    .madeby__detail {
        margin: 2.5rem 0 0
    }

    .madeby__button {
        width: 16.25rem;
        height: 3.75rem;
        border-width: .125rem;
        border-radius: 1.875rem
    }

    .madeby__button-label {
        top: auto;
        left: auto
    }

    .madeby__button-label,.madeby__button-label img {
        width: 5.75rem;
        height: 1.25rem
    }

    .madeby__button-icon {
        right: 1.125rem;
        width: .9375rem;
        height: .9375rem
    }

    .madeby__button-icon::after,.madeby__button-icon::before {
        height: .125rem;
        border-radius: .125rem
    }

    .menu__main {
        display: flex
    }

    .menu__image {
        width: 50%;
        position: relative
    }

    .menu__image img {
        position: absolute;
        top: 0;
        left: 0;
        -o-object-position: 50%;
        object-position: 50%
    }

    .menu__contents {
        width: 50%;
        overflow-y: auto;
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .menu__contents-inner {
        margin: auto;
        padding: 1.875rem 0 3.125rem
    }

    .menu__navigation {
        text-align: center;
        padding: 0 0 0 .125rem
    }

    .menu__navigation li+li {
        margin: 1rem 0 0
    }

    .menu__item {
        transition: color .4s cubic-bezier(.215,.61,.355,1);
        padding: .625rem;
        font-size: 1.875rem;
        color: var(--c-text-primary)
    }

    .menu__purchase {
        margin: 3.1875rem 0 0
    }

    .menu .purchase-button {
        width: 32.8125rem;
        height: 6.5625rem;
        border: .125rem solid var(--c-text-primary);
        border-radius: 3.3125rem
    }

    .menu .purchase-button__icon {
        top: -.0625rem;
        width: 2.1875rem;
        height: 1.875rem
    }

    .menu .purchase-button__label {
        margin: 0 0 0 1.1875rem;
        font-size: 1.875rem
    }

    .menu__instagram {
        margin: 1.8125rem 0 0
    }

    .menu .instagram-button {
        position: relative;
        display: inline-flex;
        width: 32.8125rem;
        height: 6.5625rem;
        border-radius: 3.3125rem;
        background-color: #fbf7ef
    }

    .menu .instagram-button__label {
        top: 0;
        width: 12.1875rem;
        height: 1.8125rem
    }

    .menu .close-button,.menu-button,.menu-trigger {
        width: 11.25rem;
        height: 11.25rem
    }

    .menu .close-button::before,.menu-button::before {
        width: 15.625rem;
        height: 15.625rem;
        border: .125rem solid var(--c-text-primary)
    }

    .menu .close-button__inner {
        top: -1.1875rem;
        left: .9375rem
    }

    .menu .close-button__icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .menu .close-button__icon::after,.menu .close-button__icon::before,.menu-button__icon::after,.menu-button__icon::before {
        height: .1875rem
    }

    .menu .close-button__label {
        top: .25rem;
        left: -.0625rem;
        font-size: 1.125rem
    }

    .menu-button {
        transform: translate3d(0,0,0)
    }

    .menu-button__inner {
        top: -1.1875rem;
        left: .9375rem
    }

    .menu-button__icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .menu-button__icon::before {
        top: calc(50% - .4375rem)
    }

    .menu-button__icon::after {
        top: calc(50% + .4375rem)
    }

    .menu-button__label {
        top: .25rem;
        left: -.0625rem;
        font-size: 1.125rem
    }

    .mv {
        display: grid;
        grid-template-columns: 24.5625rem 1fr;
        height: auto;
        min-height: auto
    }

    .mv__header {
        display: block;
        height: auto;
        padding: 4.5rem 0 0 .25rem;
        text-align: center
    }

    .mv__logo {
        left: 0;
        width: 9.8125rem;
        height: 8.25rem
    }

    .mv__copy {
        margin: 6.875rem 0 0;
        font-size: 2.0625rem
    }

    .mv__copy img {
        width: 1.9375rem;
        height: 20.0625rem
    }

    .mv__purchase {
        position: static;
        margin: 8.25rem 0 0 -.25rem
    }

    .mv__purchase .button {
        width: 13.75rem;
        height: 4.6875rem;
        padding: 0 0 0 .125rem;
        border: .125rem solid var(--c-button-primary);
        border-radius: 2.375rem
    }

    .mv__purchase .button__icon {
        top: -.125rem;
        width: 1.625rem;
        height: 1.4375rem
    }

    .mv__purchase .button__label {
        margin: 0 0 0 .9375rem;
        font-size: 1.25rem;
        letter-spacing: .15em
    }

    .mv__images {
        position: relative;
        padding: 1.25rem 1.25rem 1.25rem 0
    }

    .mv__images-inner {
        width: 100%;
        height: 56.5rem;
        -o-object-position: 50% 100%;
        object-position: 50% 100%;
        -webkit-clip-path: url(#mv-shape);
        clip-path: url(#mv-shape)
    }

    .mv__indicator {
        position: absolute;
        right: 5.75rem;
        bottom: 5.75rem;
        display: block;
        overflow: hidden;
        width: 5rem;
        height: .5rem;
        border-radius: .25rem;
        background-color: #fff
    }

    .natural {
        padding: 5.9375rem 0 0;
        margin: 0
    }

    .natural__inner {
        width: 76.0625rem;
        margin: 0 auto
    }

    .natural__sub img {
        left: 0;
        width: 10.125rem;
        height: 5.0625rem
    }

    .natural__heading {
        padding: 0 0 0 .625rem;
        margin: 4rem 0 0;
        font-size: 3.125rem;
        line-height: 1.55
    }

    .natural__main {
        position: relative;
        padding: 5.1875rem 0 0 50.8125rem
    }

    .natural__image--1 {
        position: absolute;
        top: 4.5625rem;
        left: -4.8125rem;
        width: 50rem;
        height: 36.4375rem;
        margin: 0
    }

    .natural__image--2 {
        position: absolute;
        top: 29.4375rem;
        left: 36rem;
        width: 10.25rem;
        height: 11.0625rem
    }

    .natural__image--2 img {
        width: 100%;
        height: 100%
    }

    .natural__paragraph {
        font-size: 1.4375rem;
        line-height: 2;
        letter-spacing: .15em
    }

    .natural__paragraph--1 {
        margin: 0
    }

    .natural__paragraph--2,.natural__paragraph--3 {
        display: block;
        margin: 1.25rem 0 0
    }

    .natural__paragraph-group {
        margin: 0
    }

    .natural__note {
        margin: .625rem 0 0;
        font-size: .8125rem;
        line-height: 1.4;
        letter-spacing: .04em
    }

    .notice-modal__main {
        height: 100%;
        overflow: hidden
    }

    .notice-modal__grid {
        display: flex;
        height: 100%
    }

    .notice-modal__grid-item {
        flex: 0 0 auto;
        width: 50%;
        height: 100%
    }

    .notice-modal .scroll-wrapper {
        height: 100%;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .notice-modal .scroll-wrapper::-webkit-scrollbar {
        display: none
    }

    .notice-modal .images {
        width: 100%;
        height: 100%
    }

    .notice-modal .heading {
        padding: 11rem 0 .8125rem
    }

    .notice-modal .heading img {
        width: 18.875rem;
        height: 9.1875rem
    }

    .notice-modal .container {
        margin: 2rem 14.6875rem 5.875rem 15.3125rem
    }

    .notice-modal .paragraph {
        font-size: 1.375rem;
        letter-spacing: .08em;
        line-height: 2
    }

    .notice-modal .paragraph+.paragraph,.nutrients-modal .nutrients+.nutrients {
        margin: 2.6875rem 0 0
    }

    .notice-modal .info,.notice-modal .note {
        font-size: 1.125rem;
        letter-spacing: .08em;
        line-height: 2
    }

    .notice-modal .note {
        padding: 0 0 .25rem;
        margin: -.25rem 0 0
    }

    .notice-modal .info {
        margin: 2.5rem 0 0
    }

    .notice-modal .close-button {
        width: 11.25rem;
        height: 11.25rem
    }

    .notice-modal .close-button::before {
        width: 15.625rem;
        height: 15.625rem;
        border: .125rem solid var(--c-text-primary)
    }

    .notice-modal .close-button__inner {
        top: -1.1875rem;
        left: .9375rem
    }

    .notice-modal .close-button__icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .notice-modal .close-button__icon::after,.notice-modal .close-button__icon::before {
        height: .1875rem
    }

    .notice-modal .close-button__label {
        top: .25rem;
        left: -.0625rem;
        font-size: 1.125rem
    }

    .notice {
        padding: 2.5rem 0 0
    }

    .notice-button {
        width: 71.125rem;
        padding: 1.5625rem 5.25rem 1.4375rem;
        margin: 0 auto;
        border-radius: 3.0769230769rem
    }

    .notice-button::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        border: .1538461538rem solid #f76e6e;
        border-radius: 40px;
        transition: opacity .3s;
        opacity: 0
    }

    .notice-button-icon-1 {
        top: 1.3125rem;
        left: 2.375rem;
        width: 2.0625rem;
        height: 1.75rem
    }

    .notice-button-icon-2 {
        right: 2.5rem;
        width: 1.4375rem;
        height: 1.4375rem
    }

    .notice-button-label {
        font-size: 1.125rem
    }

    .nutrients-modal__main {
        height: 100%;
        overflow: hidden
    }

    .nutrients-modal__grid {
        display: flex;
        height: 100%
    }

    .nutrients-modal__grid-item {
        flex: 0 0 auto;
        width: 50%;
        height: 100%
    }

    .nutrients-modal .scroll-wrapper {
        height: 100%;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .nutrients-modal .scroll-wrapper::-webkit-scrollbar {
        display: none
    }

    .nutrients-modal .images {
        width: 100%;
        height: 100%
    }

    .nutrients-modal .heading {
        padding: 10.6875rem 0 .8125rem
    }

    .nutrients-modal .heading::after {
        left: .125rem;
        height: .25rem;
        background-image: url(../images/common/nutrients-modal_heading_border_md.svg);
        background-size: 19.75rem .25rem
    }

    .nutrients-modal .heading__line {
        padding: 0 0 0 .0625rem
    }

    .nutrients-modal .heading__line--1 img {
        width: 9.75rem;
        height: .9375rem
    }

    .nutrients-modal .heading__line--2 {
        margin: .625rem 0 0;
        padding: 0 0 0 .3125rem;
        font-size: 2.25rem
    }

    .nutrients-modal .container {
        margin: 5.375rem 16.875rem 5.875rem 17.0625rem
    }

    .nutrients-modal .nutrients--last {
        margin: 4.4375rem 0 0!important
    }

    .nutrients-modal .nutrients>dd {
        margin: .3125rem 0 0
    }

    .nutrients-modal .nutrients--single {
        align-items: baseline
    }

    .nutrients-modal .nutrients--single::before {
        top: .1875rem;
        font-size: 1.25rem
    }

    .nutrients-modal .nutrients--single>dd {
        margin: 0 0 0 auto;
        font-size: 1.25rem
    }

    .nutrients-modal .item {
        font-size: 1.25rem;
        line-height: 2.3
    }

    .nutrients-modal .item--unit>dt>span {
        font-size: .9375rem
    }

    .nutrients-modal .item--unit>dt>sub {
        font-size: .625rem
    }

    .nutrients-modal .item--unit>dd:nth-of-type(2) {
        padding: .75rem 0 1.75rem 3.5625rem
    }

    .nutrients-modal .item--unit>dd:nth-of-type(2)>ul {
        font-size: 1rem
    }

    .nutrients-modal .item--unit>dd:nth-of-type(2)>ul>li:nth-child(even) {
        padding-left: .5625rem
    }

    .nutrients-modal .item--unit>dd:nth-of-type(2)>ul>li:nth-child(n+3) {
        margin-top: .875rem
    }

    .nutrients-modal .notes {
        margin: 4.1875rem 0 0;
        font-size: .8125rem
    }

    .nutrients-modal .close-button {
        width: 11.25rem;
        height: 11.25rem
    }

    .nutrients-modal .close-button::before {
        width: 15.625rem;
        height: 15.625rem;
        border: .125rem solid var(--c-text-primary)
    }

    .nutrients-modal .close-button__inner {
        top: -1.1875rem;
        left: .9375rem
    }

    .nutrients-modal .close-button__icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .nutrients-modal .close-button__icon::after,.nutrients-modal .close-button__icon::before {
        height: .1875rem
    }

    .nutrients-modal .close-button__label {
        top: .25rem;
        left: -.0625rem;
        font-size: 1.125rem
    }

    .scroll-bar {
        position: absolute;
        top: 1.25rem;
        left: 1.25rem;
        bottom: 1.25rem;
        z-index: 1;
        display: block;
        overflow: hidden;
        width: .375rem;
        background-color: #ebf1d6;
        border-radius: .1875rem
    }

    .c-pointer {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 0;
        height: 0;
        transform-origin: 50%;
        pointer-events: none
    }

    .purchase {
        padding: 0
    }

    .purchase::after,.purchase::before {
        display: none
    }

    .purchase__grid {
        display: grid;
        grid-template-columns: 53.75rem 1fr
    }

    .purchase__grid-item--1 {
        display: block
    }

    .purchase__grid-item--2 {
        padding: 8.5625rem 9.5625rem 9rem 8.5625rem
    }

    .purchase__block-1 {
        padding: 0
    }

    .purchase__block-3 {
        width: auto;
        padding: 7.0625rem 0 0;
        margin: 0
    }

    .purchase__block-1:has(.bonus2)+#purchase-courses+.purchase__block-2+.purchase__block-3 {
        padding: 5rem 0 0
    }

    .purchase__images {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh
    }

    .purchase__image {
        -o-object-fit: cover;
        object-fit: cover
    }

    .bonus {
        padding: 3.6875rem 0 2.9375rem;
        background-color: #fff;
        border-radius: 2.5rem
    }

    .bonus__heading-line--1 {
        font-size: 1.4375rem;
        letter-spacing: .1em
    }

    .bonus__heading-line--2 {
        padding: 0;
        margin: .0625rem 0 0 .1875rem;
        font-size: 2.5rem
    }

    .bonus__image {
        margin: 2.3125rem auto 0;
        width: 37.5rem;
        height: 20.875rem;
        border-radius: 1.25rem
    }

    .bonus__body {
        margin: 2.25rem 0 0 .1875rem;
        font-size: 1.25rem;
        line-height: 1.7;
        letter-spacing: .1em
    }

    .bonus2 {
        width: auto;
        margin: 3.125rem 0 0;
        border-radius: 1.25rem
    }

    .bonus2__main {
        padding: 2.6875rem 0 0 3rem
    }

    .bonus2__lead1 {
        font-size: 2.25rem;
        letter-spacing: .1em
    }

    .bonus2__lead2 {
        margin: .1875rem 0 0 .25rem;
        font-size: 1.4375rem;
        letter-spacing: .05em
    }

    .bonus2__image1 {
        width: 14.3125rem;
        height: 11.5rem;
        bottom: -1.5625rem;
        right: -.4375rem
    }

    .bonus2__body {
        margin: .75rem 0 0 .375rem;
        font-size: 1.125rem;
        line-height: 1.67;
        letter-spacing: .1em
    }

    .bonus2__image2,.bonus2__sub {
        width: 16.125rem;
        height: 15.625rem
    }

    .bonus2__image2 {
        border-radius: 1.25rem 0 0 1.25rem
    }

    .bonus2__image3 {
        right: -1.6875rem;
        width: 6.8125rem;
        height: 14.25rem
    }

    .purchase-form+.purchase-form {
        margin: 4.5625rem 0 0
    }

    .purchase-form__heading {
        padding: .4375rem .6875rem .375rem .9375rem;
        font-size: 1.5625rem;
        border-width: .125rem;
        border-radius: .4375rem
    }

    .purchase-form__discount {
        position: relative;
        top: .4375rem;
        right: auto;
        left: 1.5625rem;
        width: 7.75rem;
        height: 2.75rem
    }

    .purchase-form__discount .number {
        font-size: 2.5rem
    }

    .purchase-form__group {
        display: flex
    }

    .purchase-form__net {
        margin: 1.25rem 0 0;
        font-size: 1.125rem;
        letter-spacing: .15em
    }

    .purchase-form__price {
        margin: 1.125rem 0 0
    }

    .purchase-form__yen {
        position: relative;
        top: .125rem;
        font-size: 2.8125rem
    }

    .purchase-form__number {
        margin: 0 0 0 .0625rem;
        letter-spacing: .01em;
        font-size: 4.5625rem
    }

    .purchase-form__number--1 {
        letter-spacing: .01em
    }

    .purchase-form__number--2 {
        letter-spacing: .05em
    }

    .purchase-form__supplement {
        margin: 0 0 0 .1875rem;
        font-size: 1.4375rem
    }

    .windows .purchase-form__supplement {
        letter-spacing: .1em
    }

    .purchase-form+.purchase-form .purchase-form__supplement {
        margin: 0 0 0 -.0625rem
    }

    .purchase-form__supplement span {
        font-size: 1.4375rem
    }

    .purchase-form__link {
        margin: .8125rem 0 0 auto
    }

    .purchase-form__button {
        width: 13.75rem;
        height: 4.6875rem;
        padding: 0;
        border: .125rem solid var(--c-button-primary);
        border-radius: 2.375rem
    }

    .purchase-form__button--single {
        border-color: var(--c-button-secondary)
    }

    .purchase-form__button-icon {
        display: none
    }

    .purchase-form__button-label {
        margin: 0;
        font-size: 1.4375rem;
        letter-spacing: .15em
    }

    .guarantee {
        padding: 3.1875rem 5rem 3.375rem;
        margin: 5.125rem 0 0
    }

    .guarantee__heading-line--1 {
        font-size: 1.5625rem;
        letter-spacing: .1em
    }

    .guarantee__body,.guarantee__heading-line--2 {
        margin: .25rem 0 0 .0625rem;
        font-size: 1.875rem;
        letter-spacing: .1em
    }

    .guarantee__body {
        margin: 1rem .1875rem 0 .3125rem;
        font-size: 1.125rem;
        line-height: 2
    }

    .about-subscription {
        margin: 4.4375rem .875rem 0 .625rem
    }

    .about-subscription__heading {
        font-size: 1.125rem;
        letter-spacing: .15em
    }

    .about-subscription__category {
        margin: 1.3125rem 0 0;
        font-size: 1.125rem;
        letter-spacing: .1em
    }

    .about-subscription__category+.about-subscription__category {
        margin: 1.1875rem 0 0
    }

    .about-subscription__category dt {
        width: 8.4375rem
    }

    .about-subscription__category li {
        padding: 0 0 0 .9375rem
    }

    .about-subscription__category li::before {
        top: .8125rem;
        width: .375rem;
        height: .375rem
    }

    .question {
        padding: 6.375rem 0 10rem
    }

    .question__inner {
        display: grid;
        grid-template-columns: 1fr 51.875rem;
        width: 80.625rem;
        margin: 0 auto
    }

    .question__header {
        padding: 1.6875rem 0 0;
        text-align: left
    }

    .question__sub {
        margin: 0 0 0 .125rem
    }

    .question__sub img {
        width: 7.25rem;
        height: 1.1875rem
    }

    .question__heading {
        padding: 0;
        margin: 1.4375rem 0 0;
        font-size: 2.8125rem
    }

    .question__list>li+li {
        margin: 1.25rem 0 0
    }

    .qa-unit {
        padding: 2.9375rem 0 2.75rem 2.5625rem;
        border-radius: 1.25rem
    }

    .qa-unit__question {
        padding: 0 0 0 3rem;
        font-size: 1.5625rem;
        letter-spacing: .15em
    }

    .qa-unit__letter-q {
        top: -.25rem
    }

    .qa-unit__letter-q img {
        width: 1.5rem;
        height: 1.4375rem
    }

    .qa-unit__icon {
        top: -.1875rem;
        right: 3.125rem;
        width: 1.3125rem;
        height: 1.3125rem
    }

    .qa-unit__icon::after,.qa-unit__icon::before {
        height: .1875rem
    }

    .qa-unit__answer,.qa-unit__answer-contents ul {
        font-size: 1.375rem
    }

    .qa-unit__answer-contents {
        padding: 1.9375rem 6.75rem .5rem 3rem
    }

    .qa-unit__letter-a {
        top: 1.6875rem;
        left: .0625rem
    }

    .qa-unit__letter-a img {
        width: 1.25rem;
        height: 1.375rem
    }

    .staff-modal__inner {
        overflow: hidden
    }

    .staff-modal__background {
        min-height: 0
    }

    .staff-modal__main {
        min-height: 0;
        height: 100vh;
        display: flex;
        align-items: center
    }

    .staff-modal__list {
        padding: 0 0 0 52.5%;
        font-size: 1.8518518519vh;
        line-height: 2;
        text-align: left
    }

    .staff-modal .close-button {
        width: 11.25rem;
        height: 11.25rem
    }

    .staff-modal .close-button::before {
        width: 15.625rem;
        height: 15.625rem;
        border: .125rem solid #fff
    }

    .staff-modal .close-button__inner {
        top: -1.1875rem;
        left: .9375rem
    }

    .staff-modal .close-button__icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .staff-modal .close-button__icon::after,.staff-modal .close-button__icon::before {
        height: .1875rem
    }

    .staff-modal .close-button__label {
        top: .25rem;
        left: -.0625rem;
        font-size: 1.125rem
    }

    .p-tieup .mv__purchase {
        display: block
    }

    .p-tieup .flow-purchase {
        transform: translate3d(0,8.75rem,0)
    }

    .tieup-banner--kiyoko {
        display: none
    }

    .typo {
        padding: 8.875rem 0 0
    }

    .typo__line {
        width: 265.25rem;
        height: 11.875rem;
        -webkit-animation: 30s linear infinite flow-typo-md;
        animation: 30s linear infinite flow-typo-md
    }

    .typo__line img {
        width: 128.25rem;
        height: 11.875rem
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .menu__image {
        display:none
    }

    .menu__contents {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .menu__navigation {
        text-align: center
    }

    .menu__navigation li+li {
        margin: .5rem 0 0
    }

    .menu__item {
        padding: .3846153846rem;
        font-size: 1.0553461538rem;
        color: var(--c-text-primary)
    }

    .menu__purchase {
        margin: 1.7307692308rem 0 0
    }

    .menu .purchase-button {
        width: 18.4615384615rem;
        height: 3.6923076923rem
    }

    .menu .purchase-button__icon {
        width: 1.2307692308rem;
        height: 1.0769230769rem
    }

    .menu .purchase-button__label {
        margin: 0 0 0 .6153846154rem;
        font-size: 1.0553461538rem
    }

    .menu__instagram {
        margin: 1.0553461538rem 0 0
    }

    .menu .instagram-button {
        position: relative;
        display: inline-flex;
        width: 18.4615384615rem;
        height: 3.6923076923rem;
        border-radius: 3.3125rem;
        background-color: #fbf7ef
    }

    .menu .instagram-button__label {
        top: -.3846153846rem;
        width: 6.8461538462rem;
        height: 1rem
    }

    .mv__images {
        top: auto;
        height: calc(100% - 12.6923076923rem)
    }
}

@media (min-width: 48em) {
    .tieup-banner {
        display:none
    }
}



/*----------------------------------------------------------------------------------

	ヘッダー

----------------------------------------------------------------------------------*/

.topheader {
	width: 100%;
	position: relative;
	height: 170px;
	background-color: var(--c-text-primary);
	background-position: center bottom 0;
	background-size: 340px auto;
	z-index: 50;
}



.topheader .header_logo {
	width: 620px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	padding: 30px 0 48px 0;
	background: url(https://cdn.shopify.com/s/files/1/0606/6932/9625/t/1/assets/bg_logo.png) no-repeat center bottom;
	background-size: 620px 620px;
	z-index: 10;
}



.topheader .header_logo img {
	width: 352px;
}

.other_content {
    padding: 100px 0 0;
}

.wide_795 {
    max-width: 968px;
    width: 100%;
    padding: 0 6%;
    margin: 0 auto;
}

@media screen and (min-width: 1440px) {
    .wide_795 {
        padding-left: 86px;
        padding-right: 86px;
    }
}

.info_body h2, .post_body h2, .info_body h3, .post_body h3 {
    font-size: 2.6rem;
    margin-bottom: 20px;
    padding-top: 20px;
    line-height: 1.5;
}
.info_body p, .post_body p {
    margin-bottom: 20px;
	font-size: 2rem;
}
.info_body p::after,
.post_body p::after {
    content: "";
    display: block;
    margin-top: 40px;
    border-bottom: 3px solid #fff;
}


.under .instagram-button {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.8461538462rem;
    border-top: .0769230769rem solid #fff
}

.under .instagram-button__label {
    position: relative;
    top: -.2307692308rem;
    width: 9.4615384615rem;
    height: 1.3076923077rem
}

.under .instagram-button__label img {
    width: 100%;
    height: 100%
}




.under .instagram-button {
    transition: background-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

.under .instagram-button:hover {
    background-color: #fff;
    background-color: var(--c-text-primary)
}

.under .instagram-button:hover .instagram-button__label .default {
    opacity: 0
}

.under .instagram-button:hover .instagram-button__label .active {
    opacity: 1
}


.under .instagram-button__icon .active,.under .instagram-button__icon .default,.under .purchase-button__icon .active,.under .purchase-button__icon .default,.mv__purchase .button__icon .active,.mv__purchase .button__icon .default {
    transition: opacity .4s cubic-bezier(.215,.61,.355,1)
}

.under .purchase-button:hover .purchase-button__icon .active {
    opacity: 1
}

.under .purchase-button__label,.menu-button__label {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.under .instagram-button {
    transition: background-color .4s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.215,.61,.355,1)
}

.under .instagram-button:hover {
    background-color: #fff;
    background-color: var(--c-text-primary)
}

.under .instagram-button:hover .instagram-button__label .default {
    opacity: 0
}

.under .instagram-button:hover .instagram-button__label .active {
    opacity: 1
}



.madeby__button-label .active, .under .instagram-button__label .active, .under .purchase-button__icon .active, .mv__purchase .button__icon .active {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.under .instagram-button {
        position: relative;
        display: inline-flex;
        width: 22.8125rem;
        height: 4.5625rem;
        border-radius: 3.3125rem;
        background-color: #fbf7ef;
    }
@media screen and (min-width: 1440px) {
   .under .instagram-button {
        position: relative;
        display: inline-flex;
        width: 32.8125rem;
        height: 6.5625rem;
        border-radius: 3.3125rem;
        background-color: #fbf7ef;
    }
}