@charset "utf-8";

/* contains-stork-anchor-link */
.contains-stork-anchor-link {
    text-align: center;
    margin: 20px auto;
}
.contains-stork-anchor-link a {
    border-radius: 20px;
    border: 2px solid #F8E8F1;
    width: 200px;
    height: 40px;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    color: #0D2D6C;
}
.contains-stork-anchor-link a::before {
    content: "";
    display: block;
    width: 10px;
    height: 8px;
    background: url(/elevit2/image/add2511/icon_arrow_down.svg) no-repeat center center / contain;
}

/* elevit-product-renewal */
.elevit-product-renewal {
    padding-bottom: 30px;
}
.elevit-product-renewal__img01 {
    max-width: 400px;
    margin: 20px auto;
    padding: 10px 15px 0;
}
.elevit-product-renewal__txt01 {
    padding: 20px 15px 0;
}
.elevit-product-renewal__txt01 .annotation-text {
    padding: 0;
}
.elevit-product-renewal__img02 {
    width: 220px;
    margin: 20px auto 0;
}
.elevit-product-renewal__txt02 {
    padding: 15px 15px 0;
}
.elevit-product-renewal__txt02 .annotation-text {
    padding: 0;
}

@media screen and (min-width:769px) {
    .elevit-product-renewal {
        padding-bottom: 40px;
    }
    .elevit-product-renewal__img01 {
        padding: 10px 18px 0;
    }
    .elevit-product-renewal__txt01 {
        padding: 30px 40px 0;
    }
    .elevit-product-renewal__txt02 {
        text-align: center;
    }
}

/* elevit-product-reason__02 */
.elevit-product-reason__02 .elevit-product-reason-h4 {
    margin-top: 40px;
    color: #D6258C;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #999;
}
.elevit-product-reason__02 .elevit-product-reason2-graph {
    margin-top: 20px;
}
.elevit-product-reason__02 .elevit-product-reason2-imgset1__txt {
    margin-top: 20px;
}
.elevit-product-reason__02 .elevit-product-reason2-imgset2 {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.elevit-product-reason__02 .elevit-product-reason2-imgset2__img {
    flex: 0 0 78px;
    width: 78px;
}

@media screen and (min-width:769px) {
    .elevit-product-reason__02 .elevit-product-reason-h3 {
        margin-bottom: 20px;
    }
    .elevit-product-reason__02 .elevit-product-reason-h4 {
        font-size: 22px;
        padding-bottom: 0;
        border-bottom: none;
    }
    .elevit-product-reason__02 .elevit-product-reason2-graph {
        width: 750px;
        margin: 30px auto 0;
    }
    .elevit-product-reason__02 .elevit-product-reason2-imgset1 {
        margin-top: 60px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
        gap: 0 40px;
    }
    .elevit-product-reason__02 .elevit-product-reason2-imgset1__ttl {
        margin-top: 0;
        grid-column: 2 / 3;
    }
    .elevit-product-reason__02 .elevit-product-reason2-imgset1__img {
        grid-column: 1 / 2;
        grid-row: 1 / 3; 
        border-radius: 15px;

    }
    .elevit-product-reason__02 .elevit-product-reason2-imgset1__txt {
        margin-top: 0;
        grid-column: 2 / 3;
    }
    .elevit-product-reason__02 .elevit-product-reason2-imgset2 {
        width: 700px;
        margin: 30px auto 0;
        gap: 60px;
    }
    .elevit-product-reason__02 .elevit-product-reason2-imgset2__img {
        flex: 0 0 135px;
        width: 135px;
    }
}

/* elevit-product-reason__03 */
.elevit-product-reason__03 .elevit-product-reason__contents.bg-pink {
    padding-bottom: 30px;
}
.elevit-product-reason__03 .elevit-product-reason-h4 {
    margin-top: 40px;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #999;
}
@media screen and (min-width:769px) {
    .elevit-product-reason__03 .elevit-product-reason__contents.bg-pink {
        padding-bottom: 60px;
    }
    .elevit-product-reason__03 .elevit-product-reason-h4 {
        font-size: 22px;
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* elevit-product-reason__05 */
.elevit-product-reason5-imgset1 {
    margin-top: 60px;
}
.elevit-product-reason5-imgset1__ttl {
    text-align: center;
}
.elevit-product-reason5-imgset1__list {
    margin-top: 10px;
}
.elevit-product-reason5-imgset1__list li {
    position: relative;
    border-bottom: 1px dashed #CCCCCC;
    padding: 20px 20px 20px 40px;
}
.elevit-product-reason5-imgset1__list li em {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #68ACE5;
    color: #fff;
    font-style: normal;
    left: 0;
    top: 15px;
}
@media screen and (min-width:769px) {
    .elevit-product-reason5-imgset1 {
        margin-top: 60px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        gap: 0 40px;
    }
    .elevit-product-reason5-imgset1__ttl {
        text-align: left;
        margin-top: 0;
        grid-column: 2 / 3;
    }
    .elevit-product-reason5-imgset1__img {
        grid-column: 1 / 2;
        grid-row: 1 / 3; 
        border-radius: 15px;

    }
    .elevit-product-reason5-imgset1__list {
        margin-top: 0;
        grid-column: 2 / 3;
    }
}



/* override */
.elevit-product-sample .annotation-text, 
.elevit-product-reason__02 .annotation-text {
    padding: 0;
}
.elevit-omoi-area {
    margin-top: -40px;
}
.elevit-omoi-area h2 {
    text-align: center;
    font-size: 22px;
    color: #13216A;
    margin-bottom: 28px;
}
.elevit-omoi-area h2 p {
    margin: 0;
}
@media screen and (min-width:769px) {
    .elevit-cart-annotations .annotation-text {   
        padding: 0;
    }
    .elevit-product-reason__mainttl br {
        display: none;
    }
    .elevit-product-reason__mainttl h2 {
        bottom: 20px;
    }
    .elevit-omoi-area h2 {
        font-size: 28px;
    }
}

/*from sample LP*/
#stork {
    background: #F8E8F1;
    padding: 72px 0 70px;
}

@media screen and (max-width: 750px) {
    #stork {
        padding: 9.6vw 0 9.3333333333vw;
    }
}

#stork .top {
    color: #fff;
    font-size: 36px;
    line-height: 1.55;
    text-align: center;
    width: 470px;
    height: 147px;
    margin: 0 auto;
    padding-top: 4px;
    background: url(../image/stork_bubble.svg) no-repeat top left/100%;
    box-sizing: border-box;
}

@media screen and (max-width: 750px) {
    #stork .top {
        font-size: 4.8vw;
        width: 62.6666666667vw;
        height: 19.6vw;
        padding-top: 0.5333333333vw;
    }
}

#stork h2 {
    color: #13216A;
    font-size: 64px;
    text-align: center;
    margin-top: 35px;
    padding-bottom: 30px;
    position: relative;
}

@media screen and (max-width: 750px) {
    #stork h2 {
        font-size: 8.5333333333vw;
        margin-top: 4.6666666667vw;
        padding-bottom: 4vw;
    }
}

#stork h2::before {
    content: "";
    display: block;
    width: 470px;
    height: 10px;
    margin: 0 auto;
    background: url(../image/stork_line.svg) no-repeat top left/100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 750px) {
    #stork h2::before {
        width: 62.6666666667vw;
        height: 1.3333333333vw;
    }
}

#stork .kome {
    display: flex;
    color: #474747;
    font-size: 18px;
    line-height: 1.5;
    margin-left: 87px;
}

@media screen and (max-width: 750px) {
    #stork .kome {
        font-size: 2.4vw;
        margin-left: 11.6vw;
    }
}

#stork .kome span {
    width: 24px;
}

@media screen and (max-width: 750px) {
    #stork .kome span {
        width: 3.2vw;
    }
}

#qa {
    background: #F8E8F1;
    padding-bottom:40px;
}

#qa .qa_box {
    width: 690px;
    margin: 0 auto;
    border-radius: 20px;
    background: #fff;
    filter: drop-shadow(6px 10px 10px rgba(137, 0, 88, 0.2));
}

@media screen and (max-width: 750px) {
    #qa .qa_box {
        width: 92vw;
        border-radius: 2.6666666667vw;
        filter: drop-shadow(0.8vw 1.3333333333vw 1.3333333333vw rgba(137, 0, 88, 0.2));
    }
}

#qa .qa_box:not(:first-child) {
    margin: 40px auto 0;
}

@media screen and (max-width: 750px) {
    #qa .qa_box:not(:first-child) {
        margin: 5.3333333333vw auto 0;
    }
}

#qa .qa_box .qa_a_box {
    padding: 30px 0 50px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box .qa_a_box {
        padding: 4vw 0 6.6666666667vw;
    }
}

#qa .qa_box .qa_a_box .qa_a {
    display: flex;
    gap: 5px;
    line-height: 1.89;
    letter-spacing: 0.06em;
    width: 585px;
    margin-left: 52px;
    font-size:28px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box .qa_a_box .qa_a {
        gap: 0.6666666667vw;
        width: 78vw;
        margin-left: 6.9333333333vw;
        font-size:17px;
    }
}

#qa .qa_box .qa_a_box .qa_a strong {
    color: #E23E9D;
    font-weight: 500;
}

#qa .qa_box .qa_a_box .qa_a sup {
    font-size: 0.6em;
    vertical-align: 0.5em;
}

#qa .qa_box .qa_a_box .kome {
    color: #5C5C5C;
    font-size: 18px;
    line-height: 1.5;
    width: 548px;
    margin: 20px 0 0 88px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box .qa_a_box .kome {
        font-size: 2.4vw;
        width: 73.0666666667vw;
        margin: 2.6666666667vw 0 0 11.7333333333vw;
    }
}

#qa .qa_box.qa1 .qa_a_box {
    display: flex;
}

#qa .qa_box.qa1 .qa_a_box .qa_a {
    width: 375px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.qa1 .qa_a_box .qa_a {
        width: 50vw;
    }
}

#qa .qa_box.qa1 .qa_a_box .qa_a01_img {
    width: 201px;
    margin: 45px 0 0 17px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.qa1 .qa_a_box .qa_a01_img {
        width: 26.8vw;
        margin: 6vw 0 0 2.2666666667vw;
    }
}

#qa .qa_box.qa3 .qa_a_box .bubble {
    color: #fff;
    font-size: 32px;
    line-height: 58px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.04em;
    width: 556px;
    height: 60px;
    margin: 25px auto 40px;
    border-radius: 30px;
    background: #E865B1;
    position: relative;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.qa3 .qa_a_box .bubble {
        font-size: 4.2666666667vw;
        line-height: 7.7333333333vw;
        width: 74.1333333333vw;
        height: 8vw;
        margin: 3.3333333333vw auto 5.3333333333vw;
        border-radius: 4vw;
    }
}

#qa .qa_box.qa3 .qa_a_box .bubble::before {
    content: "";
    display: block;
    width: 24px;
    height: 16px;
    margin: 0 auto;
    background: url(../image/qa_q03_bubble_arrow.svg) no-repeat top left/100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.qa3 .qa_a_box .bubble::before {
        width: 3.2vw;
        height: 2.1333333333vw;
        bottom: -2.1333333333vw;
    }
}

#qa .qa_box.qa3 .qa_a_box .kome {
    width: 582px;
    margin: 28px 0 0 55px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.qa3 .qa_a_box .kome {
        width: 77.6vw;
        margin: 3.7333333333vw 0 0 7.3333333333vw;
    }
}

#qa .qa_box.folic .tit_area {
    padding: 50px 0 30px;
    border: 6px solid #fff;
    border-radius: 15px 15px 0 0;
    background: #F9D8EB;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .tit_area {
        padding: 6.6666666667vw 0 4vw;
        border: 0.8vw solid #fff;
        border-radius: 2vw 2vw 0 0;
    }
}

#qa .qa_box.folic .tit_area p {
    color: #13216A;
    text-align: center;
}

#qa .qa_box.folic .tit_area .top {
    font-size: 36px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.06em;
    width: 457px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .tit_area .top {
        font-size: 4.8vw;
        width: 60.9333333333vw;
    }
}

#qa .qa_box.folic .tit_area .top::before,
#qa .qa_box.folic .tit_area .top::after {
    content: "";
    display: block;
    width: 24px;
    height: 39px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 750px) {

    #qa .qa_box.folic .tit_area .top::before,
    #qa .qa_box.folic .tit_area .top::after {
        width: 3.2vw;
        height: 5.2vw;
    }
}

#qa .qa_box.folic .tit_area .top::before {
    background: url(../image/qa_line_l.svg) no-repeat top left/100%;
    left: 0;
}

#qa .qa_box.folic .tit_area .top::after {
    background: url(../image/qa_line_r.svg) no-repeat top left/100%;
    right: 0;
}

#qa .qa_box.folic .tit_area .tit {
    font-size: 56px;
    font-weight: 700;
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .tit_area .tit {
        font-size: 7.4666666667vw;
        margin-top: 1.3333333333vw;
    }
}

#qa .qa_box.folic .tit_area .tit span {
    vertical-align: -6px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .tit_area .tit span {
        vertical-align: -0.8vw;
    }
}

#qa .qa_box.folic .tit_area .tit span.font50 {
    vertical-align: 2px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .tit_area .tit span.font50 {
        vertical-align: 0.2666666667vw;
    }
}

#qa .qa_box.folic .tit_area .tit strong {
    color: #E23E9D;
    font-weight: 700;
    vertical-align: 1px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .tit_area .tit strong {
        vertical-align: 0.1333333333vw;
    }
}

#qa .qa_box.folic .qa_a_box .top_text {
    font-size: 36px;
    line-height: 1.52;
    text-align: center;
    letter-spacing: 0.06em;
    padding-bottom: 35px;
    position: relative;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .qa_a_box .top_text {
        font-size: 4.8vw;
        padding-bottom: 4.6666666667vw;
    }
}

#qa .qa_box.folic .qa_a_box .top_text::before {
    content: "";
    display: block;
    width: 550px;
    height: 22px;
    margin: 0 auto;
    background: url(../image/qa_text_line.svg) no-repeat top left/100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .qa_a_box .top_text::before {
        width: 73.3333333333vw;
        height: 2.9333333333vw;
    }
}

#qa .qa_box.folic .qa_a_box .top_text span {
    color: #E23E9D;
    font-weight: 500;
}

#qa .qa_box.folic .qa_a_box .text {
    color: #13216A;
    font-size: 34px;
    line-height: 1.67;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.04em;
    margin: 30px 0 35px;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .qa_a_box .text {
        font-size: 4.5333333333vw;
        margin: 4vw 0 4.6666666667vw;
    }
}

#qa .qa_box.folic .qa_a_box .text span {
    background: linear-gradient(transparent 70%, #F9D8EB 70% 100%, transparent 100%);
}

#qa .qa_box.folic .qa_a_box .kome_list {
    width: 610px;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .qa_a_box .kome_list {
        width: 81.3333333333vw;
    }
}

#qa .qa_box.folic .qa_a_box .kome_list li {
    display: flex;
    gap: 10px;
    color: #5C5C5C;
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width: 750px) {
    #qa .qa_box.folic .qa_a_box .kome_list li {
        gap: 1.3333333333vw;
        font-size: 2.4vw;
    }
}