/*
:root { scroll-padding-top: 215px}
html { scroll-behavior: smooth}
*/

.qdenrich_comparison {
/* margin-top: 215px */
}
.qdenrich_comparison figure,
.qdenrich_comparison picture {
    display: block
}
.qdenrich_comparison img {
    height: auto;
    vertical-align: bottom;
    width: 100%
}

.float-nav {
    max-width: min(19.8863636364vw,175px);
    position: fixed;
    right: 0;
    top: 215px;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: all;
    transition-property: all;
    width: 100%;
    z-index: 1000
}

.is-show-nav .float-nav {
    -webkit-transform: translate(0);
    transform: translate(0)
}
.float-nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}
.float-nav ul li a {
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media (hover: hover) {
    .float-nav ul li a:hover {
        opacity:.6
    }
}

@media screen and (max-width: 960px) {
    :root {
        scroll-padding-top:101px
    }

    .qdenrich_comparison {
        /* margin-top: 157px */
    }

    .float-nav {
        top: 101px
    }
}

@media screen and (max-width: 768px) {
    :root {
        scroll-padding-top:calc(100px + 14.66667vw)
    }

    .float-nav {
        display: none;
    }
}

.main-visual-image {
    margin-bottom: 0
}

.anchor-link ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.anchor-link ul li {
    height: min(7.3863636364vw,65px);
    width: 50%
}

.anchor-link ul li:first-of-type {
    background: #d80c18
}

.anchor-link ul li:first-of-type img {
    max-width: min(42.8409090909vw,377px)
}

.anchor-link ul li:nth-of-type(2) {
    background: #2d2926
}

.anchor-link ul li:nth-of-type(2) img {
    max-width: min(37.8409090909vw,333px)
}

.anchor-link ul li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 100%;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    width: 100%
}

@media (hover: hover) {
    .anchor-link ul li a:hover {
        opacity:.6
    }
}

.lead {
    padding: min(10.2272727273vw,90px) min(5.6818181818vw,50px) min(7.6136363636vw,67px)
}

.lead__inner {
    margin: 0 auto;
    max-width: calc(880px + min(5.6818181818vw, 50px)*2)
}

.lead-text {
    margin: 0 auto min(2.8409090909vw,25px);
    max-width: min(98.2954545455vw,865px)
}

.lead-attention {
    margin: 0 auto;
    max-width: min(74.7727272727vw,658px)
}

@media screen and (max-width: 768px) {
    .anchor-link {
        /*
								left:0;
        position: sticky;
        top: 100px;
        z-index: 10
								*/
    }

    .anchor-link ul li {
        height: 14.6666666667vw
    }

    .anchor-link ul li:first-of-type img {
        max-width: 39.3333333333vw
    }

    .anchor-link ul li:nth-of-type(2) img {
        max-width: 32.4vw
    }

    .lead {
        padding: 6.1333333333vw 2.6666666667vw 7.0666666667vw
    }

    .lead-text,.lead__inner {
        max-width: 58.1333333333vw
    }

    .lead-text {
        margin: 0 auto 3.8666666667vw
    }

    .lead-attention {
        margin: 0;
        max-width: 55.4666666667vw
    }
}

.about {
    padding: 0 min(5.6818181818vw,50px) min(11.3636363636vw,100px)
}

.about__inner {
    margin: 0 auto;
    max-width: calc(880px + min(5.6818181818vw, 50px)*2)
}

.about-heading {
    margin: 0 auto min(5vw,44px);
    max-width: min(75.4545454545vw,664px)
}

.about-content {
    margin: 0 auto;
    max-width: min(76.5909090909vw,674px)
}

@media screen and (max-width: 768px) {
    .about {
        padding:0 2.6666666667vw 6.6666666667vw
    }

    .about__inner {
        max-width: 100%
    }

    .about-heading {
        margin: 0 auto 6vw;
        max-width: 88.4vw
    }

    .about-content {
        max-width: 89.8666666667vw
    }
}

.approach-content {
    background: url(../img/approach_bg.png) 50%;
    background-size: cover;
    padding: min(11.3636363636vw,100px) min(5.6818181818vw,50px)
}

.approach-content__inner {
    margin: 0 auto;
    max-width: calc(682px + min(5.6818181818vw, 50px)*2)
}

.approach-content-title {
    margin: 0 auto min(4.5454545455vw,40px);
    max-width: min(76.8181818182vw,676px)
}

.approach-ingredient {
    background: url(../img/approach_ingredient-bg.png) 50% no-repeat;
    background-size: cover;
    padding: min(11.3636363636vw,100px) min(5.6818181818vw,50px)
}

.approach-ingredient__inner {
    margin: 0 auto;
    max-width: calc(880px + min(5.6818181818vw, 50px)*2)
}

@media screen and (max-width: 768px) {
    .approach-content {
        background:url(../img/approach_bg_sp.png) top no-repeat;
        background-size: contain;
        padding: 10.8vw 2.6666666667vw
    }

    .approach-content__inner {
        max-width: 100%
    }

    .approach-content-title {
        margin: 0 auto 7.3333333333vw;
        max-width: 90.1333333333vw
    }

    .approach-ingredient {
        background: url(../img/approach_ingredient-bg_sp.png) top no-repeat;
        background-size: cover;
        padding: 10.2vw 2.6666666667vw 11.3333333333vw
    }

    .approach-ingredient__inner {
        margin: 0 auto;
        max-width: 100%
    }

    .approach-ingredient-image {
        max-width: 97.7333333333vw
    }
}

.comparison {
    padding: min(11.3636363636vw,100px) min(5.6818181818vw,50px)
}

.comparison__inner {
    margin: 0 auto;
    max-width: calc(1000px + min(5.6818181818vw, 50px)*2)
}

.comparison-title {
    margin: 0 auto min(5.4545454545vw,48px);
    max-width: min(80.2272727273vw,706px)
}

.comparison-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: min(6.8181818182vw,60px) 0;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    .comparison {
        padding:13.3333333333vw 0 18.9333333333vw
    }

    .comparison__inner {
        max-width: 100%
    }

    .comparison-title {
        margin: 0 auto 10vw;
        max-width: 94.0666666667vw
    }

    .comparison-list {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 7.0666666667vw 0
    }

    .comparison-list-item {
        max-width: 94.6666666667vw
    }
}

.voice__inner {
    margin: 0 auto;
    max-width: calc(1000px + min(5.6818181818vw, 50px)*2);
    padding: 0 min(5.6818181818vw,50px) min(11.3636363636vw,100px)
}

.voice-title {
    margin: 0 auto min(5vw,44px);
    max-width: min(63.4090909091vw,558px)
}

.voice-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 0 min(4.0909090909vw,36px);
    list-style: none;
    margin: 0 0 min(10.2272727273vw,90px);
    padding: 0
}

.voice-list-item {
    width: calc(50% - min(2.0454545455vw, 18px))
}

.voice-title02 {
    margin: 0 auto min(5.9090909091vw,52px);
    max-width: min(69.7727272727vw,614px)
}

.voice-title02 .hidden-md {
    display: block
}

.voice-title02 .visible-md {
    display: none
}

@media screen and (max-width: 768px) {
    .voice__inner {
        max-width:100%;
        padding: 0 2.6666666667vw 13.2vw
    }

    .voice-title {
        margin: 0 auto 8.3333333333vw;
        max-width: 80.4vw
    }

    .voice-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        gap: 0;
        margin: 0 0 13.6vw
    }

    .voice-list-item {
        width: 100%
    }

    .voice-list-item:last-child {
        margin-top: -6.2666666667vw
    }

    .voice-title02 {
        margin: 0 auto 4.1333333333vw;
        max-width: 90.8vw
    }

    .voice-title02 .hidden-md {
        display: none
    }

    .voice-title02 .visible-md {
        display: block
    }

    .voice-table {
        margin: 0 auto;
        max-width: 92vw
    }
}

.recommend__inner {
    margin: 0 auto;
    max-width: calc(994px + min(5.6818181818vw, 50px)*2);
    padding: min(11.3636363636vw,100px) min(5.6818181818vw,50px)
}

.recommend-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #ca001b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0;
    padding: min(2.3863636364vw,21px) min(5.6818181818vw,50px)
}

.recommend-title img {
    max-width: min(59.5454545455vw,524px)
}

.recommend-list {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: min(4.3181818182vw,38px);
    list-style: none;
    margin: 0;
    padding: 0
}

.recommend-list,.recommend-list-item {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recommend-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: min(2.9545454545vw,26px) 0;
    justify-content: space-between;
    width: calc(50% - min(4.3181818182vw, 38px)/2)
}

.recommend-list-item picture {
    -o-object-fit: contain;
    object-fit: contain
}

.recommend-list-item__btn {
    max-width: min(38.1818181818vw,336px);
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media (hover: hover) {
    .recommend-list-item__btn:hover {
        opacity:.6
    }
}

@media screen and (max-width: 768px) {
    .recommend__inner {
        max-width:100%;
        padding: 7.0666666667vw 2.6666666667vw 13.3333333333vw
    }

    .recommend-title {
        margin: 0;
        padding: 4vw 2.6666666667vw
    }

    .recommend-title img {
        max-width: 83.7333333333vw
    }

    .recommend-list {
        gap: 7.8666666667vw;
        margin: 0 auto;
        max-width: 92.0666666667vw
    }

    .recommend-list,.recommend-list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .recommend-list-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 7.8666666667vw 0;
        justify-content: space-between;
        width: 100%
    }

    .recommend-list-item picture {
        -o-object-fit: cover;
        object-fit: cover
    }

    .recommend-list-item__btn {
        max-width: 74.6666666667vw
    }
}

.privilege {
    background: #f5f5f5;
    padding: min(11.3636363636vw,100px) min(5.6818181818vw,50px)
}

.privilege__inner {
    margin: 0 auto;
    max-width: calc(816px + min(5.6818181818vw, 50px)*2)
}

.privilege-title {
    margin: 0 auto min(5.6818181818vw,50px);
    max-width: min(60.2272727273vw,530px)
}

.privilege-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: min(1.8181818182vw,16px) min(2.9545454545vw,26px);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.privilege-list+.privilege-list {
    margin-bottom: min(3.6363636364vw,32px);
    margin-top: min(2.9545454545vw,26px)
}

.privilege-list-item {
    width: calc(33.33% - min(2.9545454545vw, 26px)*2/3)
}

.privilege .privilege-image {
    display: none
}

.privilege__btn {
    display: block;
    margin: 0 auto;
    max-width: min(32.6136363636vw,287px);
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media (hover: hover) {
    .privilege__btn:hover {
        opacity:.6
    }
}

@media screen and (max-width: 768px) {
    .privilege {
        background:#f5f5f5;
        padding: 12.7333333333vw 2.6666666667vw
    }

    .privilege__inner {
        margin: 0 auto;
        max-width: 100%
    }

    .privilege-title {
        margin: 0 auto 4vw;
        max-width: 78.6666666667vw
    }

    .privilege-list {
        display: none
    }

    .privilege .privilege-image {
        display: block;
        margin: 0 auto 3.8666666667vw;
        max-width: 89.3333333333vw
    }

    .privilege__btn {
        max-width: 44.5333333333vw
    }
}

.set {
    padding: min(11.3636363636vw,100px) min(5.6818181818vw,50px) min(12.6136363636vw,111px)
}

.set__inner {
    margin: 0 auto;
    max-width: calc(706px + min(5.6818181818vw, 50px)*2)
}

.set-title {
    margin: 0 auto min(7.7272727273vw,68px)
}

.set-list {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: min(8.1818181818vw,72px) min(3.8636363636vw,34px);
    list-style: none;
    margin: 0 auto;
    max-width: min(79.0909090909vw,696px);
    padding: 0
}

.set-list,.set-list-item {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.set-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    width: calc(50% - min(3.8636363636vw, 34px)/2)
}

.set-list-item__title {
    margin-bottom: min(4.0909090909vw,36px)
}

.set-list-item__title img {
    height: min(6.3636363636vw,56px);
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.set-list-item:nth-of-type(3) .set-list-item__title img,.set-list-item:nth-of-type(4) .set-list-item__title img,.set-list-item:nth-of-type(6) .set-list-item__title img,.set-list-item:nth-of-type(7) .set-list-item__title img {
    height: min(6.8181818182vw,60px)
}

.set-list-item__image {
    margin-bottom: min(2.6136363636vw,23px);
    max-width: min(34.0909090909vw,300px)
}

.set-list-item__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: min(9.7727272727vw,86px);
    margin-bottom: min(1.4772727273vw,13px);
    max-width: min(34.0909090909vw,300px);
    text-align: right;
    width: 100%
}

.is-label .set-list-item__price img {
    margin: auto 0 0
}

.is-no-label .set-list-item__price {
    height: min(9.3181818182vw,82px)
}

.is-no-label .set-list-item__price img {
    height: min(3.9772727273vw,35px);
    margin: auto 0 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.set-list-item__btn {
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media (hover: hover) {
    .set-list-item__btn:hover {
        opacity:.6
    }
}

@media screen and (max-width: 768px) {
    .set {
        padding:13vw 2.6666666667vw 14.1333333333vw
    }

    .set__inner {
        max-width: 100%
    }

    .set-title {
        margin: 0 auto 8.1333333333vw;
        max-width: 94.0666666667vw
    }

    .set-list {
        gap: 9.4666666667vw 4.6666666667vw;
        max-width: 100%
    }

    .set-list-item {
        width: calc(50% - 2.33333vw)
    }

    .set-list-item__title {
        margin-bottom: 4.1333333333vw
    }

    .set-list-item__title img {
        height: 7.4666666667vw
    }

    .set-list-item:nth-of-type(3) .set-list-item__title img,.set-list-item:nth-of-type(4) .set-list-item__title img,.set-list-item:nth-of-type(6) .set-list-item__title img,.set-list-item:nth-of-type(7) .set-list-item__title img {
        height: 8vw
    }

    .set-list-item__image {
        margin-bottom: 3.0666666667vw;
        max-width: 40vw
    }

    .set-list-item__price {
        height: 11.7333333333vw;
        margin-bottom: 1.7333333333vw;
        max-width: 40vw
    }

    .is-no-label .set-list-item__price {
        height: 11.3333333333vw
    }

    .is-no-label .set-list-item__price img {
        height: 4.6666666667vw;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.introduction {
    padding: 0 min(5.6818181818vw,50px) min(12.2727272727vw,108px)
}

.introduction__inner {
    margin: 0 auto;
    max-width: calc(706px + min(5.6818181818vw, 50px)*2)
}

.introduction-title {
    margin: 0 auto min(3.0681818182vw,27px);
    max-width: min(51.4772727273vw,453px)
}

.introduction-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: min(4.5454545455vw,40px) min(6.25vw,55px);
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.introduction-list-item {
    width: calc(50% - min(6.25vw, 55px)/2)
}

.introduction-list-item a {
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media (hover: hover) {
    .introduction-list-item a:hover {
        opacity:.6
    }
}

@media screen and (max-width: 768px) {
    .introduction {
        padding:0 2.6666666667vw 12.2666666667vw
    }

    .introduction__inner {
        max-width: 100%
    }

    .introduction-title {
        margin: 0 auto 1.8666666667vw;
        max-width: 60.4vw
    }

    .introduction-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        gap: 5.0666666667vw 0;
        max-width: 89.3333333333vw
    }

    .introduction-list-item {
        width: 100%
    }
}

.campaign {
    padding: 0 min(5.6818181818vw,50px) min(12.2727272727vw,108px)
}

.campaign__inner {
    margin: 0 auto;
    max-width: calc(706px + min(5.6818181818vw, 50px)*2)
}

.campaign-title {
    margin: 0 auto min(5.6818181818vw,50px);
    max-width: min(44.4318181818vw,391px)
}

.campaign-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: min(4.5454545455vw,40px) min(6.25vw,55px);
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.campaign-list-item {
    width: calc(50% - min(6.25vw, 55px)/2)
}

.campaign-list-item a {
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media (hover: hover) {
    .campaign-list-item a:hover {
        opacity:.6
    }
}

@media screen and (max-width: 768px) {
    .campaign {
        padding:0 2.6666666667vw 25.6vw
    }

    .campaign__inner {
        margin: 0 auto;
        max-width: 100%
    }

    .campaign-title {
        margin: 0 auto 5vw;
        max-width: 50.6666666667vw
    }

    .campaign-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        gap: 5.0666666667vw 0;
        max-width: 89.3333333333vw
    }

    .campaign-list-item {
        width: 100%
    }
}