* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font: inherit;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
svg {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    vertical-align: middle
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a {
    cursor: pointer
}

strong {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top
}

caption,
th {
    font-weight: bold;
    text-align: left
}

label {
    cursor: pointer
}

label span {
    vertical-align: middle
}

input,
select,
textarea {
    padding: 4px 8px;
    border-radius: 0;
    vertical-align: middle
}

input:not([type=radio]):not([type=checkbox]),
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox],
input[type=radio],
input[type=submit] {
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

a,
area,
button,
input,
label,
select,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

article {
    word-wrap: break-word;
    overflow-wrap: break-word
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media screen and (max-width:991px) {
    .pc-s {
        display: none !important
    }
}

@media screen and (min-width:992px) {
    .sp-s {
        display: none !important
    }
}

html {
    font-size: 62.5%
}

body {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0;
    font-size: clamp(19.2px, 14.080px + 0.517vw, 24px);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    background: #fcfff7;
    color: #3d5d6f
}

a {
    color: black;
    text-decoration: none
}

@media screen and (min-width:992px) {
    a {
        -webkit-box-shadow: 0 0 1px transparent;
        box-shadow: 0 0 1px transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        text-decoration: none
    }

    a:hover {
        opacity: 0.5;
        cursor: pointer
    }

    a img {
        -webkit-transition: 0.3s
    }
}

::-moz-selection {
    background: #de977e;
    color: white
}

::selection {
    background: #de977e;
    color: white
}

::-moz-selection {
    background: #de977e;
    color: white
}

.rela {
    position: relative
}

sup {
    font-size: 60%;
    position: relative;
    top: -0.5em
}

sup.on-sup {
    position: absolute;
    top: -0.9em;
    right: 0.3em;
    white-space: nowrap;
    font-size: 40%
}

@media screen and (max-width:991px) {
    sup.on-sup {
        top: -0.7em
    }
}

.site-main {
    overflow: hidden;
    position: relative
}

.site-main.hidden_none {
    overflow: visible
}

.phaze1-area {
    position: relative
}

.phaze1-area .plants-L img {
    width: clamp(310px, 88.118px + 22.39vw, 518px);
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 4
}

@media screen and (max-width:991px) {
    .phaze1-area .plants-L img {
        width: 22vw
    }
}

.phaze1-area .plants-R img {
    width: clamp(310px, 88.118px + 22.39vw, 518px);
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 4
}

@media screen and (max-width:991px) {
    .phaze1-area .plants-R img {
        width: 26.2666666667vw
    }
}

.sec-intro {
    background: #e1eae3;
    width: 100%;
    position: relative;
    padding-bottom: clamp(240px, 175.996px + 6.459vw, 300px)
}

@media screen and (max-width:991px) {
    .sec-intro {
        padding-bottom: 0
    }
}

.sec-intro .header {
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: clamp(150px, 43.326px + 10.764vw, 250px);
    padding-bottom: clamp(60px, 17.330px + 4.306vw, 100px);
    z-index: 4
}

@media screen and (max-width:991px) {
    .sec-intro .header {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:991px) {
    .sec-intro .header {
        padding-top: 0;
        padding-bottom: 36.6666666667vw
    }
}

.sec-intro .header.load {
    opacity: 1;
    -webkit-transition: 2s;
    transition: 2s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transition-property: cubic-bezier(1, 0.09, 0.73, 0.89);
    transition-property: cubic-bezier(1, 0.09, 0.73, 0.89)
}

.sec-intro .header .bottom-deco {
    display: none
}

@media screen and (max-width:991px) {
    .sec-intro .header .bottom-deco {
        width: 100%;
        height: 37.6vw;
        pointer-events: none;
        z-index: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        display: block
    }
}

.sec-intro .header .inner {
    position: relative
}

.sec-intro .header .inner .copy-area {
    position: relative;
    z-index: 3
}

.sec-intro .header .inner .copy-area:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/kv/characters1.webp);
    background-size: clamp(148px, 42.393px + 10.657vw, 247px) auto;
    background-repeat: no-repeat;
    width: clamp(148px, 42.393px + 10.657vw, 247px);
    height: clamp(276px, 79.720px + 19.806vw, 460px);
    position: absolute;
    left: clamp(-270px, -77.987px + -19.376vw, -450px);
    top: clamp(-150px, -43.326px + -10.764vw, -250px);
    display: block
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area:before {
        background-image: url(/img/usr/freepages/lp/lactoLP/kv/characters1-sp.webp);
        background-size: 16.6666666667vw auto;
        width: 16.6666666667vw;
        height: 19.0666666667vw;
        left: 11.3333333333vw;
        top: 12.2666666667vw
    }
}

.sec-intro .header .inner .copy-area h1 {
    font-size: clamp(50px, 15.714px + 4.464vw, 75px);
    line-height: 1.2;
    letter-spacing: -5px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area h1 {
        text-align: center;
        font-size: 10vw;
        padding-top: 29.3333333333vw;
        padding-left: 8vw
    }
}

.sec-intro .header .inner .copy-area .txt {
    font-size: clamp(20px, 14.666px + 0.538vw, 25px);
    letter-spacing: 0;
    margin: 1rem 0 2rem;
    position: relative
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area .txt {
        text-align: center;
        font-size: 3.2vw;
        margin: 1.7333333333vw 0 0;
        letter-spacing: -0.1333333333vw;
        font-weight: 700;
        line-height: 1
    }
}

.sec-intro .header .inner .copy-area .txt .on-sup {
    top: -0.9em;
    letter-spacing: 0
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area .txt .on-sup {
        top: -0.7em
    }
}

.sec-intro .header .inner .copy-area .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #3d5d6f;
    padding: 0.8rem 0;
    width: clamp(376px, 275.727px + 10.118vw, 470px);
    line-height: 1
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area .name {
        margin: 65.3333333333vw auto 0;
        width: 51.0666666667vw;
        padding: 1.3333333333vw 0;
        position: relative;
        z-index: 1
    }
}

.sec-intro .header .inner .copy-area .name span {
    font-size: clamp(12.8px, 9.386px + 0.344vw, 16px)
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area .name span {
        font-size: 1.8666666667vw
    }
}

.sec-intro .header .inner .copy-area .name strong {
    font-size: clamp(14.4px, 10.560px + 0.388vw, 18px)
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .copy-area .name strong {
        font-size: 2vw
    }
}

.sec-intro .header .inner .item-area {
    position: absolute;
    right: clamp(-88px, -64.532px + -2.368vw, -110px);
    top: clamp(-71.2px, -52.212px + -1.916vw, -89px);
    z-index: 3
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .item-area {
        right: inherit;
        left: ve-sp(75);
        top: 65.3333333333vw;
        z-index: 0
    }
}

.sec-intro .header .inner .item-area:before {
    content: "";
    display: none
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .item-area:before {
        display: block;
        background-image: url(/img/usr/freepages/lp/lactoLP/kv/characters3-sp.webp);
        background-size: 16.1333333333vw auto;
        width: 16.1333333333vw;
        height: 19.6vw;
        position: absolute;
        left: 5.3333333333vw;
        bottom: -4.6666666667vw
    }
}

.sec-intro .header .inner .item-area:after {
    content: "";
    display: block;
    background-image: url(/img/usr/freepages/lp/lactoLP/kv/characters2.webp);
    background-size: clamp(88px, 23.996px + 6.459vw, 148px) auto;
    width: clamp(88px, 23.996px + 6.459vw, 148px);
    height: clamp(113px, 31.928px + 8.181vw, 189px);
    position: absolute;
    right: clamp(-40px, -29.333px + -1.076vw, -50px);
    bottom: clamp(144px, 105.597px + 3.875vw, 180px)
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .item-area:after {
        background-size: 14.5333333333vw auto;
        width: 14.5333333333vw;
        height: 18.6666666667vw;
        right: 0vw;
        bottom: 25.2vw
    }
}

.sec-intro .header .inner .item-area img {
    width: clamp(609px, 445.789px + 16.469vw, 700px);
    height: auto
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .item-area img {
        width: 84.1333333333vw;
        margin-left: 4.6666666667vw
    }
}

.sec-intro .header .inner .item-area .note {
    margin-top: clamp(16px, 11.733px + 0.431vw, 20px);
    position: absolute;
    right: clamp(-120px, -87.998px + -3.229vw, -150px);
    bottom: clamp(48px, 35.199px + 1.292vw, 60px);
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    color: #666
}

@media (max-width:1400px) {
    .sec-intro .header .inner .item-area .note {
        right: clamp(-40px, -29.333px + -1.076vw, -50px)
    }
}

@media (max-width:1200px) {
    .sec-intro .header .inner .item-area .note {
        right: 2rem
    }
}

@media screen and (max-width:991px) {
    .sec-intro .header .inner .item-area .note {
        margin-top: 0;
        right: -4.4vw;
        bottom: -4.8vw;
        font-size: 1.6vw
    }
}

.fix-cta {
    position: fixed;
    right: clamp(88px, 64.532px + 2.368vw, 110px);
    bottom: clamp(40px, 29.333px + 1.076vw, 50px);
    z-index: 100
}

@media screen and (max-width:991px) {
    .fix-cta {
        right: 4.6666666667vw;
        bottom: 5.3333333333vw
    }
}

.fix-cta img {
    width: clamp(248px, 181.862px + 6.674vw, 310px);
    height: auto
}

@media screen and (max-width:991px) {
    .fix-cta img {
        width: 31.8666666667vw
    }
}

.sec-about {
    position: relative
}

.sec-about:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/about/bg.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    width: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    left: 0;
    top: -8.3vw;
    z-index: 3
}

@media screen and (max-width:991px) {
    .sec-about:before {
        background: #d3e1d5;
        height: 100%;
        top: 0
    }
}

.sec-about:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/about/bg-bottom.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: clamp(-60px, -17.330px + -4.306vw, -100px)
}

@media screen and (max-width:991px) {
    .sec-about:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/about/bg-bottom-sp.webp);
        bottom: 0vw
    }
}

.sec-about .wrapper {
    position: relative;
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .sec-about .wrapper {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.sec-about .wrapper:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/about/chara1.webp);
    background-repeat: no-repeat;
    background-size: clamp(66px, 19.064px + 4.736vw, 110px) auto;
    width: clamp(66px, 19.064px + 4.736vw, 110px);
    height: clamp(71px, 21.930px + 4.952vw, 117px);
    position: absolute;
    left: clamp(-54px, -15.597px + -3.875vw, -90px);
    top: clamp(18px, 5.199px + 1.292vw, 30px);
    z-index: 5;
    pointer-events: none
}

@media screen and (max-width:991px) {
    .sec-about .wrapper:before {
        background-size: 12.1333333333vw auto;
        width: 12.1333333333vw;
        height: 13.0666666667vw;
        left: 5.0666666667vw;
        top: 20vw
    }
}

.sec-about .wrapper:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/about/chara2.webp);
    background-repeat: no-repeat;
    background-size: clamp(89px, 26.062px + 6.351vw, 148px) auto;
    width: clamp(89px, 26.062px + 6.351vw, 148px);
    height: clamp(113px, 31.928px + 8.181vw, 189px);
    position: absolute;
    right: clamp(-12px, -3.466px + -0.861vw, -20px);
    top: clamp(154px, 44.126px + 11.087vw, 257px);
    z-index: 5;
    pointer-events: none
}

@media screen and (max-width:991px) {
    .sec-about .wrapper:after {
        background-size: 14.9333333333vw auto;
        width: 14.9333333333vw;
        height: 19.0666666667vw;
        right: 2vw;
        top: 110.1333333333vw;
    }
}

.sec-about .inner {
    position: relative;
    padding: clamp(30px, 8.665px + 2.153vw, 50px) 0 clamp(114px, 32.928px + 8.181vw, 190px);
    z-index: 5
}

@media (max-width:1920px) {
    .sec-about .inner {
        padding: clamp(30px, 8.665px + 2.153vw, 50px)
    }
}

@media screen and (max-width:991px) {
    .sec-about .inner {
        /* padding: 18.6666666667vw 0 12.8vw */
        padding: 13.6666666667vw 0 12.8vw;
    }
}

.sec-about .inner:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/about/chara3.webp);
    background-repeat: no-repeat;
    background-size: clamp(229px, 65.789px + 16.469vw, 382px) auto;
    width: clamp(229px, 65.789px + 16.469vw, 382px);
    height: clamp(315px, 90.985px + 22.605vw, 525px);
    position: absolute;
    /* left: clamp(-120px, -20.797px + -5.167vw, -150px); */
    left: clamp(-150px, -20.797px + -8.167vw, -170px);
    top: clamp(297px, 85.786px + 21.313vw, 495px);
    z-index: 5;
    pointer-events: none
}

@media screen and (max-width:991px) {
    .sec-about .inner:before {
        background-image: url(/img/usr/freepages/lp/lactoLP/about/chara3-sp.webp);
        background-size: 24.4vw auto;
        width: 24.4vw;
        height: 37.3333333333vw;
        left: 0.6666666667vw;
        top: 129.3333333333vw;
    }
}

.sec-about .inner:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/about/chara4.webp);
    background-repeat: no-repeat;
    background-size: clamp(220px, 63.989px + 16.146vw, 350px) auto;
    width: clamp(224px, 63.989px + 16.146vw, 374px);
    height: clamp(184px, 52.791px + 13.24vw, 307px);
    position: absolute;
    /* right: clamp(-80px, -5.199px + -1.292vw, -100px); */
    right: clamp(-120px, -5.199px + -1.292vw, -120px);
    top: clamp(457px, 130.578px + 32.939vw, 763px);
    z-index: 5;
    pointer-events: none
}

@media screen and (max-width:991px) {
    .sec-about .inner:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/about/chara4-sp.webp);
        background-size: 30.9333333333vw auto;
        width: 30.9333333333vw;
        height: 30.6666666667vw;
        right: 4vw;
        top: 139.3333333333vw
    }
}

.sec-about .inner h2 {
    /* font-size: clamp(19.2px, 14.080px + 0.517vw, 24px); */
    font-size: clamp(19.2px, 14.080px + 0.757vw, 28px);
    font-weight: 700;
    margin-bottom: 5rem;
    text-align: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width:991px) {
    .sec-about .inner h2 {
        font-size: 3.8vw;
        font-weight: 700;
        margin-bottom: 6.3333333333vw;
        line-height: 1.8;
    }
}

.sec-about .inner .txt p {
    font-size: clamp(19.2px, 14.080px + 0.517vw, 24px);
    line-height: 1.875;
    text-align: center;
    position: relative;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (max-width:991px) {
    .sec-about .inner .txt p {
        font-size: 3.2vw
    }
}

.sec-about .inner .txt .note {
    display: block;
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    color: #666;
    margin-top: clamp(9px, 2.600px + 0.646vw, 15px)
}

@media screen and (max-width:991px) {
    .sec-about .inner .txt .note {
        font-size: 1.6vw;
        position: relative;
        right: 11.3333333333vw;
        text-align: right
    }
}

.sec-about .inner .btn {
    text-align: center;
    margin-top: clamp(36px, 10.398px + 2.583vw, 60px)
}

@media screen and (max-width:991px) {
    .sec-about .inner .btn {
        margin-top: 6vw
    }
}

.sec-about .inner .btn a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (max-width:991px) {
    .sec-about .inner .btn a img {
        width: 41.2vw;
        height: auto
    }
}

@media (any-hover:hover) {
    .sec-about .inner .btn a:hover {
        opacity: 1
    }

    .sec-about .inner .btn a:hover img {
        -webkit-transform: scale(1.1) rotate(5deg);
        transform: scale(1.1) rotate(5deg)
    }
}

.sec-about .inner .plants-illust {
    position: absolute;
    bottom: -200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sec-about .inner .plants-illust img {
    width: 1424px;
    height: auto
}

.pop-style {
    background: white;
    border-radius: 5rem;
    width: clamp(784px, 574.919px + 21.098vw, 980px);
    padding: clamp(76px, 55.732px + 2.045vw, 95px) 0;
    position: relative
}

@media screen and (max-width:991px) {
    .pop-style {
        width: 90%;
        padding: 13.3333333333vw 0;
        border-radius: 6.6666666667vw
    }
}

.pop-style h2 {
    font-size: clamp(24px, 17.600px + 0.646vw, 30px);
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e6b19e;
    width: clamp(414px, 303.059px + 11.195vw, 518px);
    height: clamp(49px, 35.132px + 1.399vw, 62px);
    color: white;
    margin: 0 auto 4rem;
    border-radius: 5rem
}

@media screen and (max-width:991px) {
    .pop-style h2 {
        font-size: 4vw;
        width: 69.0666666667vw;
        height: 8.2666666667vw;
        margin: 0 auto 8vw
    }
}

.pop-style .list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:991px) {
    .pop-style .list li {
        display: block
    }
}

.pop-style .list li .fig {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 3.5rem
}

@media screen and (max-width:991px) {
    .pop-style .list li .fig {
        margin-bottom: 2.6666666667vw;
        text-align: center
    }
}

.pop-style .list li .fig img {
    height: auto
}

.pop-style .list li .fig img[src*="fig1.webp"] {
    width: clamp(192px, 139.730px + 5.274vw, 241px)
}

@media screen and (max-width:991px) {
    .pop-style .list li .fig img[src*="fig1.webp"] {
        width: 32.1333333333vw
    }
}

.pop-style .list li .fig img[src*="fig2.webp"] {
    width: clamp(184px, 133.863px + 5.059vw, 231px)
}

@media screen and (max-width:991px) {
    .pop-style .list li .fig img[src*="fig2.webp"] {
        width: 30.8vw
    }
}

.pop-style .list li .txt {
    text-align: center
}

.pop-style .list li .txt .shoulder {
    font-size: clamp(17.6px, 12.906px + 0.474vw, 22px);
    margin-bottom: 1em;
    color: #de977e;
    line-height: 1
}

@media screen and (max-width:991px) {
    .pop-style .list li .txt .shoulder {
        font-size: 2.9333333333vw
    }
}

.pop-style .list li .txt h3 {
    color: #3d5d6f;
    font-size: clamp(27.2px, 19.946px + 0.732vw, 34px);
    margin-bottom: 1em;
    line-height: 1;
    font-weight: 700
}

@media screen and (max-width:991px) {
    .pop-style .list li .txt h3 {
        font-size: 4.5333333333vw;
        margin-bottom: 0.5em
    }
}

.pop-style .list li .txt .ex {
    font-size: clamp(14.4px, 10.560px + 0.388vw, 18px);
    line-height: 1.8333333333;
    color: #3d5d6f
}

@media screen and (max-width:991px) {
    .pop-style .list li .txt .ex {
        font-size: 2.4vw
    }
}

.pop-style .list li+li {
    margin-top: clamp(52px, 38.132px + 1.399vw, 65px)
}

@media screen and (max-width:991px) {
    .pop-style .list li+li {
        margin-top: 10vw
    }
}

.pop-style .list li+li .fig {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.pop-style .list li+li .txt {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.pop-style .close-btn {
    position: absolute;
    right: 4rem;
    top: 4rem;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

@media screen and (max-width:991px) {
    .pop-style .close-btn {
        right: 5.3333333333vw;
        top: 5.3333333333vw
    }
}

.pop-style .close-btn img {
    width: 4rem;
    height: auto
}

@media screen and (max-width:991px) {
    .pop-style .close-btn img {
        width: 5.3333333333vw
    }
}

.item-sec1 {
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 {
        z-index: 0
    }
}

.item-sec1:before {
    content: "";
    background: #ebf1ed;
    width: 100%;
    height: 150%;
    display: block;
    position: absolute;
    left: 0;
    top: -8vw;
    z-index: -1;
    pointer-events: none
}

@media screen and (max-width:991px) {
    .item-sec1:before {
        top: -6.6666666667vw
    }
}

.item-sec1 .c-wrapper {
    position: relative
}

.item-sec1 .c-wrapper:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec1/deco1.webp);
    background-repeat: no-repeat;
    background-size: clamp(190px, 54.524px + 13.671vw, 317px) auto;
    width: clamp(190px, 54.524px + 13.671vw, 317px);
    height: clamp(343px, 97.650px + 24.758vw, 573px);
    position: absolute;
    right: 0;
    top: clamp(192px, 140.797px + 5.167vw, 240px)
}

@media screen and (max-width:991px) {
    .item-sec1 .c-wrapper:before {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec1/deco1-sp.webp);
        background-size: 15.3333333333vw auto;
        width: 15.3333333333vw;
        height: 22.6666666667vw;
        top: -2.6666666667vw
    }
}

.item-sec1 .c-wrapper:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec1/deco2.webp);
    background-repeat: no-repeat;
    background-size: clamp(192px, 55.457px + 13.778vw, 320px) auto;
    width: clamp(192px, 55.457px + 13.778vw, 320px);
    height: clamp(240px, 69.322px + 17.223vw, 400px);
    position: absolute;
    left: 0;
    top: clamp(912px, 668.784px + 24.543vw, 1140px)
}

@media screen and (max-width:991px) {
    .item-sec1 .c-wrapper:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec1/deco2-sp.webp);
        background-size: 18.9333333333vw auto;
        width: 18.9333333333vw;
        height: 23.7333333333vw;
        top: 143.2vw
    }
}

.item-sec1 .inner {
    padding-top: 10vw;
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .item-sec1 .inner {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:991px) {
    .item-sec1 .inner {
        padding-top: 13.3333333333vw
    }
}

.item-sec1 .inner .kv-area .title {
    font-weight: 700;
    font-size: clamp(26.4px, 19.360px + 0.71vw, 33px);
    color: #3d5d6f;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: clamp(36px, 26.399px + 0.969vw, 45px)
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .title {
        font-size: 3.7333333333vw;
        margin-bottom: 8vw
    }
}

.item-sec1 .inner .kv-area .title span {
    border-bottom: 10px solid #eecbbe;
    padding: 0 10px
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .title span {
        border-bottom: 1.3333333333vw solid #eecbbe
    }
}

.item-sec1 .inner .kv-area figure img {
    width: 100%;
    height: auto
}

.item-sec1 .inner .kv-area .txt-block {
    background: white;
    width: clamp(640px, 469.322px + 17.223vw, 800px);
    padding: 1.5rem 0 2.5rem;
    text-align: center;
    color: #3d5d6f;
    margin: 0 auto;
    border-bottom: 1px solid #3d5d6f;
    top: clamp(-18.4px, -13.493px + -0.495vw, -23px);
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .txt-block {
        width: 86.6666666667vw;
        padding: 1.3333333333vw 0 2.6666666667vw;
        top: -3.3333333333vw
    }
}

.item-sec1 .inner .kv-area .txt-block h2 {
    font-weight: 700;
    font-size: clamp(34.4px, 25.226px + 0.926vw, 43px);
    line-height: 1.7
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .txt-block h2 {
        font-size: 4.8vw
    }
}

.item-sec1 .inner .kv-area .txt-block h2 .rela {
    display: inline
}

.item-sec1 .inner .kv-area .txt-block h2 .sub {
    font-size: clamp(24px, 17.600px + 0.646vw, 30px);
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .txt-block h2 .sub {
        font-size: 3.3333333333vw
    }
}

.item-sec1 .inner .kv-area .txt-block h2 .sub .on-sup {
    top: -0.8em
}

.item-sec1 .inner .kv-area .txt-block h2 small {
    font-size: 80%
}

.item-sec1 .inner .kv-area .txt-block h2 .line {
    background: #f7e6e0;
    padding: 0.1em 0.8em;
    margin-right: 0.2em;
    line-height: 1
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .txt-block h2 .line {
        padding: 0.05em 0.4em
    }
}

.item-sec1 .inner .kv-area .name {
    font-size: clamp(17.6px, 12.906px + 0.474vw, 22px);
    text-align: center;
    color: black
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .name {
        font-size: 2.9333333333vw
    }
}

.item-sec1 .inner .kv-area .price {
    font-size: clamp(19.2px, 14.080px + 0.517vw, 24px);
    text-align: center;
    color: black
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .price {
        font-size: 3.2vw
    }
}

.item-sec1 .inner .kv-area .price small {
    font-size: 70%
}

.item-sec1 .inner .kv-area .note {
    background: white;
    border-radius: 40px;
    width: clamp(377px, 275.660px + 10.226vw, 472px);
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    padding: 5px clamp(44px, 32.266px + 1.184vw, 55px);
    margin: 0.5em auto 0;
    font-weight: 700
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .kv-area .note {
        width: 62.9333333333vw;
        font-size: 2.6666666667vw;
        padding: 0.8vw 0;
        text-align: center
    }
}

.item-sec1 .inner .reason-block {
    background: #fcfff7;
    padding: clamp(52px, 38.132px + 1.399vw, 65px) clamp(96px, 70.398px + 2.583vw, 120px);
    margin: clamp(40px, 29.333px + 1.076vw, 50px) auto clamp(64px, 46.932px + 1.722vw, 80px);
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block {
        padding: 14.6666666667vw 0 10.6666666667vw;
        margin: 16vw auto 0
    }
}

.item-sec1 .inner .reason-block:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec1/ch1.webp);
    background-repeat: no-repeat;
    background-size: clamp(83.2px, 61.012px + 2.239vw, 104px) auto;
    width: clamp(83.2px, 61.012px + 2.239vw, 104px);
    height: clamp(80px, 58.665px + 2.153vw, 100px);
    position: absolute;
    right: clamp(18.4px, 13.493px + 0.495vw, 23px);
    top: clamp(44.8px, 32.853px + 1.206vw, 56px);
    display: block
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block:before {
        background-size: 13.8666666667vw auto;
        width: 13.8666666667vw;
        height: 13.3333333333vw;
        right: 5.8666666667vw;
        top: -3.4666666667vw
    }
}

.item-sec1 .inner .reason-block:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec1/ch2.webp);
    background-repeat: no-repeat;
    background-size: clamp(148px, 108.531px + 3.983vw, 185px) auto;
    width: clamp(148px, 108.531px + 3.983vw, 185px);
    height: clamp(120px, 86.931px + 3.337vw, 151px);
    position: absolute;
    left: clamp(-48px, -35.199px + -1.292vw, -60px);
    bottom: clamp(81.6px, 59.839px + 2.196vw, 102px);
    display: block
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block:after {
        background-size: 24.6666666667vw auto;
        width: 24.6666666667vw;
        height: 20.1333333333vw;
        left: 4.6666666667vw;
        bottom: -12.6666666667vw
    }
}

.item-sec1 .inner .reason-block h2 {
    font-size: clamp(22.4px, 16.426px + 0.603vw, 28px);
    color: #3d5d6f;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    margin-bottom: clamp(32px, 23.466px + 0.861vw, 40px);
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block h2 {
        font-size: 3.7333333333vw;
        margin-bottom: 5.3333333333vw
    }
}

.item-sec1 .inner .reason-block .txt {
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    color: black;
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block .txt {
        font-size: 2.6666666667vw;
        max-width: 77.3333333333vw;
        margin: auto
    }
}

.item-sec1 .inner .reason-block .txt .rela {
    position: relative
}

.item-sec1 .inner .reason-block .txt-note {
    color: #666;
    font-size: clamp(10px, 7.867px + 0.215vw, 12px)
}

.item-sec1 .inner .reason-block .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: clamp(28px, 20.533px + 0.753vw, 35px)
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block .list {
        margin-top: 5.3333333333vw
    }
}

.item-sec1 .inner .reason-block .list li {
    width: clamp(168px, 123.197px + 4.521vw, 210px);
    height: clamp(168px, 123.197px + 4.521vw, 210px);
    background: #c1decf;
    border-radius: 50%;
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 clamp(17.6px, 12.906px + 0.474vw, 22px)
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block .list li {
        width: 27.7333333333vw;
        height: 27.7333333333vw;
        margin: 0 1.3333333333vw
    }
}

.item-sec1 .inner .reason-block .list li p {
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    line-height: 1.6
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block .list li p {
        font-size: 2.6666666667vw
    }
}

.item-sec1 .inner .reason-block .list li p span {
    font-size: clamp(24px, 17.600px + 0.646vw, 30px);
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block .list li p span {
        font-size: 4vw
    }
}

.item-sec1 .inner .reason-block .list li p span .on-sup {
    top: -0.6em
}

.item-sec1 .inner .reason-block .note {
    text-align: right;
    color: #666;
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    position: absolute;
    right: 0;
    bottom: clamp(-56px, -41.066px + -1.507vw, -70px)
}

@media screen and (max-width:991px) {
    .item-sec1 .inner .reason-block .note {
        text-align: left;
        font-size: 1.6vw;
        position: inherit;
        right: inherit;
        bottom: inherit;
        margin: 5.3333333333vw 0 0 6.6666666667vw
    }
}

.common-plan-area {
    padding: clamp(96px, 70.398px + 2.583vw, 120px) 0 clamp(132px, 96.798px + 3.552vw, 165px)
}

@media screen and (max-width:991px) {
    .common-plan-area {
        padding: 16.6666666667vw 0 17.3333333333vw;
        overflow: visible
    }
}

.common-plan-area .ttl-sub {
    font-size: clamp(16.8px, 12.320px + 0.452vw, 21px);
    color: white;
    width: clamp(283px, 207.262px + 7.643vw, 354px);
    padding: 0.4em 0;
    text-align: center;
    margin: 0 auto clamp(16px, 11.733px + 0.431vw, 20px);
    background: #83be9f;
    font-weight: 700
}

@media screen and (max-width:991px) {
    .common-plan-area .ttl-sub {
        font-size: 2.8vw;
        width: 47.2vw;
        margin: 0 auto 4vw
    }
}

.common-plan-area h2 {
    font-weight: 700;
    font-size: clamp(24px, 17.600px + 0.646vw, 30px);
    margin-bottom: clamp(16px, 11.733px + 0.431vw, 20px);
    text-align: center
}

@media screen and (max-width:991px) {
    .common-plan-area h2 {
        font-size: 4vw;
        margin-bottom: 2.6666666667vw
    }
}

.common-plan-area .product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list {
        padding: 0 7.3333333333vw
    }
}

.common-plan-area .product-list .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.common-plan-area .product-list .item {
    width: 47.1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item {
        width: 100%;
        height: auto
    }
}

.common-plan-area .product-list .item .outer {
    border: 1px solid #333;
    border-radius: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .outer {
        border-radius: 4vw
    }
}

.common-plan-area .product-list .item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3rem 3rem 0 0;
    padding: 1.5rem 0 1.5rem 3rem
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .head {
        border-radius: 4vw 4vw 0 0;
        padding: 2vw 0 2vw 4vw
    }
}

.common-plan-area .product-list .item .head .ttl {
    font-size: clamp(17.6px, 12.906px + 0.474vw, 22px);
    margin-right: clamp(16px, 11.733px + 0.431vw, 20px);
    color: black
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .head .ttl {
        font-size: 2.9333333333vw;
        margin-right: 2.6666666667vw
    }
}

.common-plan-area .product-list .item .head .icon {
    background: white;
    border-radius: 4rem;
    padding: 0.3em 1em;
    color: black;
    font-size: clamp(12.8px, 9.386px + 0.344vw, 16px)
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .head .icon {
        font-size: 2.1333333333vw;
        margin-right: 2.6666666667vw
    }
}

.common-plan-area .product-list .item .wrap {
    padding: 1.5rem 3rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap {
        padding: 2.6666666667vw 4.6666666667vw 3.3333333333vw
    }
}

.common-plan-area .product-list .item .wrap h3 {
    color: black;
    font-weight: 700;
    margin-bottom: 0.8rem;
    font-size: clamp(17.6px, 12.906px + 0.474vw, 22px)
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap h3 {
        font-size: 2.9333333333vw
    }
}

.common-plan-area .product-list .item .wrap .fig {
    margin-bottom: 1.3rem
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .fig {
        margin-bottom: 2vw
    }
}

.common-plan-area .product-list .item .wrap .fig img {
    width: 100%;
    height: auto
}

.common-plan-area .product-list .item .wrap .first {
    color: #de977e;
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    font-weight: 700;
    margin: 0.8rem 0 1rem;
    line-height: 1
}

.first .off {
    margin-left: 0.6em;
    background: #de977e;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.36em 0.6em 0.3em;
    line-height: 1;
    border-radius: 4px
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .first {
        font-size: 2.6666666667vw
    }
}

.common-plan-area .product-list .item .wrap .price-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: black;
    line-height: 1
}

.common-plan-area .product-list .item .wrap .price-area .price {
    font-size: clamp(32px, 23.466px + 0.861vw, 40px);
    font-weight: 700;
    letter-spacing: 0.04em
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .price-area .price {
        font-size: 5.3333333333vw
    }
}

.common-plan-area .product-list .item .wrap .price-area .price span {
    font-size: 70%;
    letter-spacing: 0
}

.common-plan-area .product-list .item .wrap .price-area .price small {
    font-size: 40%;
    letter-spacing: 0
}

.common-plan-area .product-list .item .wrap .price-area .free {
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: clamp(79.2px, 58.079px + 2.131vw, 99px);
    height: clamp(26.4px, 19.360px + 0.71vw, 33px);
    border: 1px solid black
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .price-area .free {
        font-size: 2.6666666667vw;
        width: 13.3333333333vw;
        height: 4.6666666667vw
    }
}

.common-plan-area .product-list .item .wrap .message {
    font-size: clamp(17.6px, 12.906px + 0.474vw, 22px);
    font-weight: 700;
    margin: 1.5rem 0 1.5rem;
    color: black;
    line-height: 1.6
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .message {
        font-size: 2.9333333333vw;
        margin: 2.6666666667vw 0
    }
}

.common-plan-area .product-list .item .wrap .set {
    color: black;
    font-size: clamp(12px, 9.867px + 0.215vw, 14px);
    line-height: 1.5714285714;
    margin-bottom: clamp(16px, 11.733px + 0.431vw, 20px)
}

.set .teika {
    color: inherit;
    font-size: inherit;
    margin-left: .5em
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .set {
        font-size: 1.8666666667vw;
        margin-bottom: 2.6666666667vw
    }
}

.common-plan-area .product-list .item .wrap .btn {
    margin-top: auto;
    margin-bottom: 0
}

.common-plan-area .product-list .item .wrap .btn a {
    background: #3d5d6f;
    border-radius: 6rem;
    padding-bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: clamp(51.2px, 37.546px + 1.378vw, 64px);
    font-size: clamp(19.2px, 14.080px + 0.517vw, 24px);
    font-weight: 700;
    color: white;
    position: relative
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .btn a {
        height: 8.5333333333vw;
        font-size: 3.3333333333vw
    }
}

.common-plan-area .product-list .item .wrap .btn a:after {
    content: "";
    width: 18px;
    height: 18px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 3rem
}

@media screen and (max-width:991px) {
    .common-plan-area .product-list .item .wrap .btn a:after {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        margin-top: -1.3333333333vw;
        right: 4vw
    }
}

.common-plan-area .product-list .item.pink .outer {
    background: #fcf5f2
}

.common-plan-area .product-list .item.pink .head {
    background: #edc6b8
}

.common-plan-area .product-list .item.green .outer {
    background: #f3f8f5
}

.common-plan-area .product-list .item.green .head {
    background: #bbdbca
}

.common-plan-area .note {
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    color: #666;
    line-height: 1.5;
    margin-top: 1.5rem
}

@media screen and (max-width:991px) {
    .common-plan-area .note {
        padding: 0 14.6666666667vw 0 7.3333333333vw
    }
}

.item-sec2 {
    background: #e1eae3;
    position: relative;
    z-index: 3
}

@media screen and (max-width:991px) {
    .item-sec2 {
        z-index: 1
    }
}

.item-sec2:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec2/deco1.webp);
    background-size: clamp(156px, 119.380px + 9.765vw, 260px) auto;
    width: clamp(156px, 119.380px + 9.765vw, 260px);
    height: clamp(252px, 192.845px + 15.775vw, 420px);
    position: absolute;
    left: 0;
    bottom: clamp(-123px, -35.527px + -8.827vw, -205px);
    display: block
}

@media screen and (max-width:991px) {
    .item-sec2:before {
        background-size: 14vw auto;
        width: 14vw;
        height: 37.3333333333vw;
        left: 0;
        bottom: inherit;
        top: -17.3333333333vw
    }
}

.item-sec2:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec2/deco2.webp);
    background-size: clamp(192px, 55.457px + 13.778vw, 320px) auto;
    background-repeat: no-repeat;
    width: clamp(192px, 55.457px + 13.778vw, 320px);
    height: clamp(266px, 76.121px + 19.16vw, 444px);
    position: absolute;
    right: 0;
    top: clamp(-162px, -46.792px + -11.625vw, -270px);
    display: block
}

@media screen and (max-width:991px) {
    .item-sec2:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec2/deco2-sp.webp);
        background-size: 15.3333333333vw auto;
        width: 15.3333333333vw;
        height: 22.6666666667vw;
        right: 0;
        top: inherit;
        bottom: -10vw
    }
}

.item-sec2 .inner {
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto;
    padding: clamp(80px, 58.665px + 2.153vw, 100px) 0
}

@media screen and (max-width:991px) {
    .item-sec2 .inner {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:991px) {
    .item-sec2 .inner {
        padding: 15.3333333333vw 0
    }
}

.item-sec2 .inner .raw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width:991px) {
    .item-sec2 .inner .raw {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 6.6666666667vw
    }
}

.item-sec2 .inner .raw .txt-area {
    width: 45%
}

@media screen and (max-width:991px) {
    .item-sec2 .inner .raw .txt-area {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.item-sec2 .inner .raw .txt-area h2 {
    color: #3d5d6f;
    font-size: clamp(27px, 19.533px + 0.753vw, 34px);
    margin-bottom: clamp(40px, 29.333px + 1.076vw, 50px);
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width:991px) {
    .item-sec2 .inner .raw .txt-area h2 {
        font-size: 4.5333333333vw;
        margin-bottom: 1em;
        text-align: center
    }
}

.item-sec2 .inner .raw .txt-area p {
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    font-weight: 400;
    color: black;
    line-height: 1.75;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all
}

@media screen and (max-width:991px) {
    .item-sec2 .inner .raw .txt-area p {
        font-size: 2.6666666667vw
    }
}

.item-sec2 .inner .raw .fig {
    width: 50%
}

@media screen and (max-width:991px) {
    .item-sec2 .inner .raw .fig {
        width: 100%;
        margin-bottom: 5.3333333333vw
    }
}

.item-sec2 .inner .raw .fig img {
    width: 100%;
    height: auto
}

.item-sec3 {
    position: relative;
    background: #ebf1ed;
    z-index: 2
}

@media screen and (max-width:991px) {
    .item-sec3 {
        z-index: 0
    }
}

.item-sec3:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco1.webp);
    background-repeat: no-repeat;
    background-size: clamp(238px, 67.322px + 17.223vw, 398px) auto;
    width: clamp(238px, 67.322px + 17.223vw, 398px);
    height: clamp(291px, 84.053px + 20.883vw, 485px);
    position: absolute;
    right: 0;
    top: clamp(400px, 115.181px + 28.741vw, 667px);
    z-index: 3
}

@media screen and (max-width:991px) {
    .item-sec3:before {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco1-sp.webp);
        background-size: 22.5333333333vw auto;
        width: 22.5333333333vw;
        height: 21590.5333333333vw;
        right: 4.5333333333vw;
        top: 89.3333333333vw;
        z-index: 3
    }
}

.item-sec3:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco2.webp);
    background-repeat: no-repeat;
    background-size: clamp(219px, 62.189px + 15.823vw, 366px) auto;
    width: clamp(219px, 62.189px + 15.823vw, 366px);
    height: clamp(692px, 199.167px + 49.731vw, 1154px);
    position: absolute;
    left: 0;
    top: clamp(921px, 264.956px + 66.2vw, 1536px);
    z-index: 3
}

@media screen and (max-width:991px) {
    .item-sec3:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco2-sp.webp);
        background-size: 15.3333333333vw auto;
        width: 15.3333333333vw;
        height: 22.4vw;
        left: 3.3333333333vw;
        top: 207.3333333333vw;
        z-index: 3
    }
}

.item-sec3 .c-wrapper {
    position: relative
}

.item-sec3 .c-wrapper:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco3.webp);
    background-repeat: no-repeat;
    background-size: clamp(237px, 67.389px + 17.115vw, 396px) auto;
    width: clamp(237px, 67.389px + 17.115vw, 396px);
    height: clamp(558px, 161.173px + 40.043vw, 930px);
    position: absolute;
    right: 0;
    bottom: clamp(484px, 139.443px + 34.769vw, 807px);
    z-index: 3
}

@media screen and (max-width:991px) {
    .item-sec3 .c-wrapper:before {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco3-sp.webp);
        background-size: 21.7333333333vw auto;
        width: 21.7333333333vw;
        height: 27.8666666667vw;
        right: 0vw;
        bottom: inherit;
        top: 302.6666666667vw;
        z-index: 3
    }
}

.item-sec3 .c-wrapper:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco4.webp);
    background-repeat: no-repeat;
    background-size: clamp(192px, 55.457px + 13.778vw, 320px) auto;
    width: clamp(192px, 55.457px + 13.778vw, 320px);
    height: clamp(239px, 68.322px + 17.223vw, 399px);
    position: absolute;
    left: 0;
    bottom: clamp(-78px, -22.530px + -5.597vw, -130px);
    z-index: 3
}

@media screen and (max-width:991px) {
    .item-sec3 .c-wrapper:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/deco4-sp.webp);
        background-size: 24.9333333333vw auto;
        width: 24.9333333333vw;
        height: 68.6666666667vw;
        left: 5.3333333333vw;
        bottom: inherit;
        top: 418.6666666667vw;
        z-index: 3
    }
}

.item-sec3 .inner {
    padding-top: clamp(88px, 64.532px + 2.368vw, 110px);
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .item-sec3 .inner {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:991px) {
    .item-sec3 .inner {
        padding-top: 13.3333333333vw
    }
}

.item-sec3 .inner .kv-area {
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area {
        padding-top: 49.3333333333vw
    }
}

.item-sec3 .inner .kv-area .title-sub {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(22.4px, 16.426px + 0.603vw, 28px);
    font-weight: 700;
    margin-bottom: 0.5em
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area .title-sub {
        font-size: 3.7333333333vw
    }
}

.item-sec3 .inner .kv-area .title-sub span.wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(0%, #eecbbe));
    background: linear-gradient(transparent 85%, #eecbbe 0%);
    display: inline;
    padding: 0 10px 10px;
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area .title-sub span.wrap {
        font-size: 3.7333333333vw
    }
}

.item-sec3 .inner .kv-area .title-sub span.wrap .on-sup {
    top: -0.7em
}

.item-sec3 .inner .kv-area .title {
    font-weight: 700;
    font-size: clamp(26.4px, 19.360px + 0.71vw, 33px);
    color: #3d5d6f;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: clamp(24px, 17.600px + 0.646vw, 30px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area .title {
        font-size: 4vw;
        margin-bottom: 1.3333333333vw
    }
}

.item-sec3 .inner .kv-area figure {
    max-width: clamp(656px, 481.055px + 17.653vw, 820px);
    margin: auto
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area figure {
        max-width: 100%
    }
}

.item-sec3 .inner .kv-area figure img {
    width: 100%;
    height: auto
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area figure img {
        position: absolute;
        left: 0;
        top: 0
    }
}

.item-sec3 .inner .kv-area figure figcaption {
    text-align: right;
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    color: #666
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .kv-area figure figcaption {
        font-size: 1.6vw;
        margin-right: 8vw
    }
}

.item-sec3 .inner .box {
    background: #fcfff7;
    margin-top: clamp(80px, 58.665px + 2.153vw, 100px);
    position: relative;
    padding: clamp(40px, 29.333px + 1.076vw, 50px) 0
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box {
        margin: 10.6666666667vw 6.6666666667vw 0;
        padding: 8vw 5.0666666667vw
    }
}

.item-sec3 .inner .box.box-01:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/01.webp);
    background-repeat: no-repeat;
    background-size: clamp(86.4px, 63.358px + 2.325vw, 108px) auto;
    width: clamp(86.4px, 63.358px + 2.325vw, 108px);
    height: clamp(64.8px, 47.519px + 1.744vw, 81px);
    position: absolute;
    left: 2.7rem;
    top: clamp(-17.6px, -12.906px + -0.474vw, -22px);
    display: block
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box.box-01:before {
        background-size: 14.4vw auto;
        width: 14.4vw;
        height: 10.8vw;
        left: 2.6666666667vw;
        top: -3.7333333333vw
    }
}

.item-sec3 .inner .box.box-02:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/02.webp);
    background-repeat: no-repeat;
    background-size: clamp(107px, 78.198px + 2.906vw, 134px) auto;
    width: clamp(107px, 78.198px + 2.906vw, 134px);
    height: clamp(64px, 45.865px + 1.83vw, 81px);
    position: absolute;
    left: 2.7rem;
    top: clamp(-17.6px, -12.906px + -0.474vw, -22px);
    display: block
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box.box-02:before {
        background-size: 17.8666666667vw auto;
        width: 17.8666666667vw;
        height: 10.8vw;
        left: 2.6666666667vw;
        top: -3.7333333333vw
    }
}

.item-sec3 .inner .box .en {
    text-align: center;
    line-height: 1;
    margin-bottom: clamp(24px, 17.600px + 0.646vw, 30px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .en {
        margin-bottom: 2vw;
        line-height: 1
    }
}

.item-sec3 .inner .box .en img {
    height: auto
}

.item-sec3 .inner .box .en img[src*="sttl-01.webp"] {
    width: clamp(155px, 113.397px + 4.198vw, 194px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .en img[src*="sttl-01.webp"] {
        width: 25.8666666667vw
    }
}

.item-sec3 .inner .box .en img[src*="sttl-02.webp"] {
    width: clamp(140px, 103.731px + 3.66vw, 174px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .en img[src*="sttl-02.webp"] {
        width: 23.2vw
    }
}

.item-sec3 .inner .box .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin-bottom: 0.3em
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .sub {
        margin-bottom: 2vw
    }
}

.item-sec3 .inner .box .sub span.wrap {
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    font-weight: 700;
    padding: 0.5em 1em;
    background: #f5e0d8;
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .sub span.wrap {
        font-size: 2.6666666667vw
    }
}

.item-sec3 .inner .box .sub span.wrap .on-sup {
    top: -0.35em
}

.item-sec3 .inner .box h3 {
    font-size: clamp(24px, 17.600px + 0.646vw, 30px);
    font-weight: 700;
    margin-bottom: 0.8em;
    text-align: center;
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box h3 {
        font-size: 4vw
    }
}

.item-sec3 .inner .box h3 .on-sup {
    top: -0.5em
}

.item-sec3 .inner .box .fig01 {
    max-width: clamp(416px, 305.059px + 11.195vw, 520px);
    margin: auto;
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .fig01 {
        max-width: 100%
    }
}

.item-sec3 .inner .box .fig01:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/product/sec3/main-ch.webp);
    background-repeat: no-repeat;
    background-size: clamp(256px, 187.729px + 6.889vw, 320px) auto;
    width: clamp(256px, 187.729px + 6.889vw, 320px);
    height: clamp(249px, 181.795px + 6.781vw, 312px);
    display: block;
    position: absolute;
    left: clamp(-183px, -133.930px + -4.952vw, -229px);
    bottom: clamp(-40px, -29.333px + -1.076vw, -50px);
    z-index: 1
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .fig01:after {
        background-size: 42.6666666667vw auto;
        width: 42.6666666667vw;
        height: 41.6vw;
        left: -18.6666666667vw;
        bottom: -3.3333333333vw
    }
}

.item-sec3 .inner .box .fig01 img {
    width: 100%;
    height: auto
}

.item-sec3 .inner .box .txt-01 {
    color: black;
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    line-height: 1.75;
    max-width: clamp(640px, 469.322px + 17.223vw, 800px);
    margin: clamp(24px, 17.600px + 0.646vw, 30px) auto;
    position: relative
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .txt-01 {
        font-size: 2.6666666667vw;
        max-width: 100%;
        margin: 4vw auto
    }
}

.item-sec3 .inner .box .txt-01 .line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fff55a));
    background: linear-gradient(transparent 60%, #fff55a 0%);
    display: inline;
    padding: 0 1px 0px
}

.item-sec3 .inner .box .txt-01 .rela {
    position: relative
}

.item-sec3 .inner .box .txt-01 small {
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    font-weight: 400;
    color: #666;
    position: absolute;
    right: clamp(12px, 5.600px + 0.646vw, 18px);
    bottom: clamp(3.6px, 1.040px + 0.258vw, 6px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .txt-01 small {
        font-size: 1.6vw;
        position: inherit;
        right: inherit;
        bottom: inherit
    }
}

.item-sec3 .inner .box h4 {
    font-weight: 700;
    font-size: clamp(19.2px, 14.080px + 0.517vw, 24px);
    color: #de977e;
    text-align: center;
    margin-bottom: 2rem
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box h4 {
        font-size: 3.2vw;
        margin-bottom: 1.5em
    }
}

.item-sec3 .inner .box .list-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4rem
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-01 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 5.3333333333vw
    }
}

.item-sec3 .inner .box .list-01 li {
    width: clamp(120px, 87.998px + 3.229vw, 150px);
    height: clamp(120px, 87.998px + 3.229vw, 150px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    text-align: center;
    background: #f8eae5;
    border-radius: 50%;
    margin: 0 clamp(8px, 5.867px + 0.215vw, 10px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-01 li {
        width: 25.6vw;
        height: 25.6vw;
        margin: 0 1.3333333333vw 2.6666666667vw
    }
}

.item-sec3 .inner .box .list-01 li h5 {
    font-size: clamp(16.8px, 12.320px + 0.452vw, 21px);
    font-weight: 700;
    margin-bottom: 0.4em;
    color: #de977e
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-01 li h5 {
        font-size: 3.4666666667vw;
        margin-bottom: 0.4em
    }
}

.item-sec3 .inner .box .list-01 li p {
    font-size: clamp(12px, 9.867px + 0.215vw, 14px);
    color: black
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-01 li p {
        font-size: 2.2666666667vw
    }
}

.item-sec3 .inner .box .fig-raw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: clamp(640px, 469.322px + 17.223vw, 800px);
    margin: auto
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .fig-raw {
        max-width: 100%
    }
}

.item-sec3 .inner .box .fig-raw figure {
    width: 49%
}

.item-sec3 .inner .box .fig-raw figure img {
    width: 100%;
    height: auto
}

.item-sec3 .inner .box .fig-raw figure figcaption {
    text-align: right;
    font-size: clamp(12px, 9.867px + 0.215vw, 14px);
    color: black;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .fig-raw figure figcaption {
        font-size: 1.8666666667vw
    }
}

.item-sec3 .inner .box .raw-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1.5em 0
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .raw-02 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.5em
    }
}

.item-sec3 .inner .box .raw-02 .txt-area {
    width: 50%;
    padding: 0 1em 0 clamp(96px, 70.398px + 2.583vw, 120px);
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    line-height: 1.75;
    margin-top: -0.5em;
    color: black;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .raw-02 .txt-area {
        width: 100%;
        padding: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 2.6666666667vw;
        margin-top: 4vw
    }
}

.item-sec3 .inner .box .raw-02 .txt-area .rela {
    position: relative
}

.item-sec3 .inner .box .raw-02 .txt-area .rela .on-sup {
    top: -0.5em
}

.item-sec3 .inner .box .raw-02 .txt-area .line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fff55a));
    background: linear-gradient(transparent 60%, #fff55a 0%);
    display: inline;
    padding: 0 1px 0px
}

.item-sec3 .inner .box .raw-02 .txt-area small {
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    font-weight: 400;
    color: #666
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .raw-02 .txt-area small {
        font-size: 1.6vw
    }
}

.item-sec3 .inner .box .raw-02 .fig {
    width: 50%
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .raw-02 .fig {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.item-sec3 .inner .box .raw-02 .fig img {
    width: 100%;
    height: auto
}

.item-sec3 .inner .box .list-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-02 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.item-sec3 .inner .box .list-02 li {
    margin: 0 0.5rem;
    width: clamp(120px, 87.998px + 3.229vw, 150px)
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-02 li {
        margin: 0 0.6666666667vw 1.3333333333vw;
        width: 20vw
    }
}

.item-sec3 .inner .box .list-02 li img {
    width: 100%;
    height: auto
}

.item-sec3 .inner .box .list-02 li p {
    font-weight: 700;
    font-size: clamp(12px, 8.800px + 0.323vw, 15px);
    text-align: center;
    margin-top: 1em;
    color: black;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .item-sec3 .inner .box .list-02 li p {
        font-size: 2vw
    }
}

.sec-voice {
    background: #e1eae3;
    padding: clamp(96px, 70.398px + 2.583vw, 120px) 0;
    position: relative
}

@media screen and (max-width:991px) {
    .sec-voice {
        padding: 9.3333333333vw 0
    }
}

.sec-voice:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/voice/deco.webp);
    background-repeat: no-repeat;
    background-size: clamp(187px, 53.658px + 13.455vw, 312px) auto;
    width: clamp(187px, 53.658px + 13.455vw, 312px);
    height: clamp(274px, 78.787px + 19.699vw, 457px);
    position: absolute;
    right: 0;
    bottom: clamp(-14px, -3.333px + -1.076vw, -24px)
}

@media screen and (max-width:991px) {
    .sec-voice:after {
        background-image: url(/img/usr/freepages/lp/lactoLP/voice/deco-sp.webp);
        background-size: 19.8666666667vw auto;
        width: 19.8666666667vw;
        height: 27.6vw;
        bottom: inherit;
        top: -8vw
    }
}

.sec-voice .inner {
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .sec-voice .inner {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.sec-voice .inner h2 {
    font-weight: 700;
    font-size: clamp(27px, 19.533px + 0.753vw, 34px);
    margin-bottom: clamp(32px, 23.466px + 0.861vw, 40px);
    text-align: center
}

@media screen and (max-width:991px) {
    .sec-voice .inner h2 {
        font-size: 4.5333333333vw;
        margin-bottom: 4vw
    }
}

@media screen and (max-width:991px) {
    .sec-voice .inner .voice-list {
        padding: 0 7.3333333333vw
    }
}

.sec-voice .inner .voice-list li {
    position: relative;
    background: #fcfff7;
    padding: clamp(24px, 17.600px + 0.646vw, 30px) clamp(32px, 23.466px + 0.861vw, 40px) clamp(24px, 17.600px + 0.646vw, 30px) clamp(64px, 46.932px + 1.722vw, 80px);
    color: black;
    border-radius: 1rem;
    margin-bottom: clamp(16px, 11.733px + 0.431vw, 20px)
}

@media screen and (max-width:991px) {
    .sec-voice .inner .voice-list li {
        padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 9.3333333333vw;
        border-radius: 1.3333333333vw;
        margin-bottom: 2.6666666667vw
    }
}

.sec-voice .inner .voice-list li:before {
    content: "";
    width: clamp(30px, 21.466px + 0.861vw, 38px);
    height: 100%;
    background: #e9bbab;
    border-radius: 1rem 0 0 1rem;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:991px) {
    .sec-voice .inner .voice-list li:before {
        width: 5.0666666667vw;
        border-radius: 1.3333333333vw 0 0 1.3333333333vw
    }
}

.sec-voice .inner .voice-list li:after {
    content: "";
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    width: 1.4rem;
    height: 2.5rem;
    background: #e9bbab;
    position: absolute;
    left: clamp(30px, 21.466px + 0.861vw, 38px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:991px) {
    .sec-voice .inner .voice-list li:after {
        width: 2.2666666667vw;
        height: 3.4666666667vw;
        left: 4.8vw
    }
}

.sec-voice .inner .voice-list li h3 {
    font-size: clamp(14.4px, 10.560px + 0.388vw, 18px);
    font-weight: 700
}

@media screen and (max-width:991px) {
    .sec-voice .inner .voice-list li h3 {
        font-size: 2.4vw
    }
}

.sec-voice .inner .voice-list li p {
    font-size: clamp(14.4px, 10.560px + 0.388vw, 18px);
    line-height: 1.6111111111
}

@media screen and (max-width:991px) {
    .sec-voice .inner .voice-list li p {
        font-size: 2.4vw
    }
}

.sec-voice .inner .note {
    text-align: right;
    font-size: clamp(11px, 8.867px + 0.215vw, 13px);
    color: #000;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .sec-voice .inner .note {
        font-size: 1.7333333333vw;
        padding-right: 6.6666666667vw
    }
}

.sec-question {
    background: #ebf1ed;
    padding: clamp(96px, 70.398px + 2.583vw, 120px) 0 0;
    position: relative
}

@media screen and (max-width:991px) {
    .sec-question {
        padding: 9.3333333333vw 0 0
    }
}

.sec-question:before {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/question/deco1.webp);
    background-repeat: no-repeat;
    background-size: clamp(156px, 119.380px + 9.765vw, 260px) auto;
    width: clamp(156px, 119.380px + 9.765vw, 260px);
    height: clamp(252px, 192.845px + 15.775vw, 420px);
    position: absolute;
    left: 0;
    top: clamp(28px, 20.533px + 0.753vw, 35px)
}

@media screen and (max-width:991px) {
    .sec-question:before {
        background-image: url(/img/usr/freepages/lp/lactoLP/question/deco1-sp.webp);
        background-size: 18.9333333333vw auto;
        width: 18.9333333333vw;
        height: 23.7333333333vw;
        left: 0;
        top: -8.6666666667vw
    }
}

.sec-question:after {
    content: "";
    background-image: url(/img/usr/freepages/lp/lactoLP/question/deco2.webp);
    background-repeat: no-repeat;
    background-size: clamp(190px, 54.524px + 13.671vw, 317px) auto;
    width: clamp(190px, 54.524px + 13.671vw, 317px);
    height: clamp(343px, 97.650px + 24.758vw, 573px);
    position: absolute;
    right: 0;
    top: clamp(589px, 169.772px + 42.304vw, 982px)
}

@media screen and (max-width:991px) {
    .sec-question:after {
        content: none
    }
}

.sec-question .inner {
    max-width: clamp(848px, 621.851px + 22.82vw, 1060px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .sec-question .inner {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.sec-question .inner h2 {
    font-weight: 700;
    font-size: clamp(27px, 19.533px + 0.753vw, 34px);
    margin-bottom: clamp(32px, 23.466px + 0.861vw, 40px);
    text-align: center
}

@media screen and (max-width:991px) {
    .sec-question .inner h2 {
        font-size: 4.5333333333vw;
        margin-bottom: 4vw
    }
}

@media screen and (max-width:991px) {
    .sec-question .inner .question-list {
        padding: 0 6.6666666667vw
    }
}

.sec-question .inner .question-list dt {
    font-size: clamp(16px, 11.733px + 0.431vw, 20px);
    display: block;
    cursor: pointer;
    background: #daebe2;
    padding: 0.8em 2.5em 0.8em 1.7em;
    position: relative;
    color: black
}

@media screen and (max-width:991px) {
    .sec-question .inner .question-list dt {
        font-size: 2.6666666667vw;
        padding: 2.6666666667vw 8vw 2.6666666667vw 4vw
    }
}

.sec-question .inner .question-list dt:before {
    content: "";
    width: clamp(24px, 17.600px + 0.646vw, 30px);
    height: 1px;
    background: black;
    position: absolute;
    right: clamp(18.4px, 13.493px + 0.495vw, 23px);
    top: 50%;
    margin-top: -0.5px
}

@media screen and (max-width:991px) {
    .sec-question .inner .question-list dt:before {
        width: 3.8666666667vw;
        right: 2vw
    }
}

.sec-question .inner .question-list dt:after {
    content: "";
    width: 1px;
    height: clamp(24px, 17.600px + 0.646vw, 30px);
    background: black;
    position: absolute;
    right: clamp(30.4px, 22.293px + 0.818vw, 38px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.2s;
    transition: 0.2s
}

@media screen and (max-width:991px) {
    .sec-question .inner .question-list dt:after {
        height: 3.8666666667vw;
        right: 3.9333333333vw
    }
}

.sec-question .inner .question-list dt.active:after {
    content: none
}

.sec-question .inner .question-list dd {
    background: #fcfff7;
    font-size: clamp(14.4px, 10.560px + 0.388vw, 18px);
    font-weight: 400;
    color: black
}

@media screen and (max-width:991px) {
    .sec-question .inner .question-list dd {
        font-size: 2.4vw
    }
}

.sec-question .inner .question-list dd div {
    padding: 0.8em 2.5em
}

.sec-question .inner .question-list dd .rela {
    position: relative
}

.sec-question .inner .question-list dd small {
    font-size: 75%
}

.sec-question .inner .question-list dd+dt {
    margin-top: clamp(14.4px, 10.560px + 0.388vw, 18px)
}

@media screen and (max-width:991px) {
    .sec-question .inner .question-list dd+dt {
        margin-top: 2.6666666667vw
    }
}

.maison_lexia {
    background: #fcfff7;
    padding: clamp(96px, 70.398px + 2.583vw, 120px) 0;
    position: relative
}

@media screen and (max-width:991px) {
    .maison_lexia {
        padding: 9.3333333333vw 0
    }
}

.maison_lexia h2 {
    text-align: center;
    margin-bottom: clamp(40px, 29.333px + 1.076vw, 50px)
}

@media screen and (max-width:991px) {
    .maison_lexia h2 {
        margin-bottom: 4vw
    }
}

.maison_lexia h2 img {
    width: clamp(320px, 234.661px + 8.611vw, 400px);
    height: auto
}

@media screen and (max-width:991px) {
    .maison_lexia h2 img {
        width: 53.3333333333vw
    }
}

.maison_lexia .mv {
    width: clamp(656px, 481.055px + 17.653vw, 820px);
    margin: 0 auto clamp(52px, 38.132px + 1.399vw, 65px)
}

@media screen and (max-width:991px) {
    .maison_lexia .mv {
        width: 100%;
        margin: 0 auto 10.6666666667vw
    }
}

.maison_lexia .mv img {
    width: 100%;
    height: auto
}

.maison_lexia h3 {
    font-weight: 700;
    font-size: clamp(27px, 19.533px + 0.753vw, 34px);
    color: #3d5d6f;
    text-align: center;
    margin-bottom: 1em
}

@media screen and (max-width:991px) {
    .maison_lexia h3 {
        font-size: 4.5333333333vw;
        margin-bottom: 1em
    }
}

.maison_lexia h3+p {
    color: black;
    text-align: center;
    font-weight: 400;
    font-size: clamp(17.6px, 12.906px + 0.474vw, 22px);
    line-height: 1.7272727273
}

@media screen and (max-width:991px) {
    .maison_lexia h3+p {
        font-size: 2.9333333333vw
    }
}

.copyright {
    text-align: center;
    font-size: clamp(10px, 7.867px + 0.215vw, 12px);
    padding: clamp(96px, 70.398px + 2.583vw, 120px) 0
}

@media screen and (max-width:991px) {
    .copyright {
        font-size: 1.6vw;
        padding: 6.6666666667vw 0
    }
}

/*# sourceMappingURL=style.css.map */