@charset "utf-8";


#stork {
    @media (min-width: 751px) {
        padding: 40px 0 40px;
    }

    & .stork_img {
        max-width: 343px;
        margin-inline: auto;
    }

    & .kome {
        margin-top: 20px;

        @media (min-width: 751px) {
            font-size: 12px;
            width: fit-content;
            margin-inline: auto;
            text-align: left;
        }
    }
}



#qa {
    & .qa_box {
        @media (min-width: 751px) {
            width: auto;
            margin-inline: 40px !important;
        }
        & h3 {
            color: #0D2D6C;
            margin-inline: 20px;
            padding: 23px 0 20px;
            border-bottom: 1px dashed #999;
            margin-bottom: 0;
            display: flex;

            @media (min-width: 751px) {
                font-size: 20px;
                margin-inline: 30px;

            }

        }
        & .qa_a_box {
            & .qa_a {
                margin-left: 20px;
                line-height: 1.5;
                font-size: 16px;

                & strong {
                    font-weight: bold;
                }
                @media (min-width: 751px) {
                    margin-inline: 30px;
                    width: auto;
                }
            }
            & .kome {
                @media (min-width: 751px) {
                    font-size: 12px;
                    width: auto;
                    margin-left: 50px;
                }
            }
        }

        &.qa1 {
            & .qa_a_box {
                & .qa_a {
                    @media (min-width: 751px) {
                        width: auto;
                    }
                }
                & .qa_a01_img {
                    margin-top: 0;
                }
            }   
        }

        &.folic {
            & .tit_area {
                padding-block: 34px;
                background: #F8E7F1;

                & img {
                    width: 235px;
                    margin-inline: auto;
                }
            }
            .qa_a_box {
                @media (min-width: 751px) {
                    & .top_text {
                        max-width: 600px;
                        margin-inline: auto;
                    }
                    & .qa_folic_img {
                        width: 620px;
                        margin-inline: auto;
                    }
                    & .text {
                        font-size: 32px;
                    }
                    & .kome_list li {
                        font-size: 12px;

                    }
                }
            }
        }
        &.qa3 {
            & .qa_a_box {
                & .qa_a03_img {
                    margin-top: 20px;
                    margin-inline: 20px;

                    @media (min-width: 751px) {
                        max-width: 400px;
                        margin-inline: auto;
                    }
                }
            }   
        }
    }

    & .qa_other {
        width: 92vw;
        margin: 48px auto 0;
        color: #4C4C4C;

        @media (min-width: 751px) {
            width: auto;
            margin-inline: 40px;
        }
        
        & h3 {
            color: #13216A;

            @media (min-width: 751px) {
                text-align: center;
            }
        }
        & .qa_other_img {
            max-width: 304px;
            margin: 34px auto 0;

            @media (min-width: 751px) {
                max-width: 400px;
            }
        }
    }
}

.prim_text {
    font-weight: bold;
    color: #D6258C;
}

.area_01 {
    padding: 16px 15px 48px;

    @media (min-width: 751px) {
        padding: 80px 40px 80px;
    }
    
    & .title_01 {
        color: #13216A;
        font-size: 24px;
        text-align: center;
        margin-top: 48px;

        @media (min-width: 751px) {
            font-size: 32px;
        }
    }

    & .img_02 {
        max-width: 480px;
        margin-inline: auto;
    }

    & .title_02 {
        color: #0D2D6C;
        margin-top: 48px;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 3px;
        text-decoration-color: #5EAEE0;
        margin-bottom: 16px;

        @media (min-width: 751px) {
            font-size: 36px;
            margin-top: 80px;
            margin-bottom: 24px;
        }
    }

    & .imgset_01 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;

        @media (min-width: 751px) {
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }

        & h4 {
            font-size: 20px;
        }
        & p {
            margin-top: 16px;

            @media (min-width: 751px) {
                margin-top: 30px;
                font-size: 16px;
            }
        }
    }

    & .elevit-product-reason__contents {
        padding: 0;
    }

    & .elevit-product-reason__02 .elevit-product-reason-h4 {
        @media (min-width: 768px) {
            padding-bottom: 10px;
            border-bottom: 1px dashed #999;
        }
    }
}

.area_02 {
    background-color: #F8E8F1;
    padding: 30px 15px;

    @media (min-width: 751px) {
        padding: 60px 40px;
    }

    & .title_01 {
        color: #0D2D6C;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 3px;
        text-decoration-color: #5EAEE0;
        margin-bottom: 16px;

        & strong {
            color: #D6258C;
        }

        @media (min-width: 751px) {
            font-size: 36px;
            margin-bottom: 24px;
        }
    }

    & .imgset_01 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        margin-top: 20px;

        @media (min-width: 751px) {
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }
        
        & img {
            border-radius: 15px;
        }
        
        & p:not(.annotation-text) {
            @media (min-width: 751px) {
                font-size: 16px;
            }
        }
    }
}

.area_03 {
    & .elevit-product-reason__contents {
        padding: 30px 15px;

        @media (min-width: 751px) {
            padding: 60px 40px;
        }
    }
    & .elevit-product-reason__column {
        display: flex;
        flex-direction: column;
        gap: 20px;

    }

    @media (min-width: 751px) {
        & .elevit-product-reason__column {
            flex-direction: row;
            gap: 50px;
        }

        & .elevit-product-reason__voice .elevit-product-reason__doctor {
            flex-direction: column;
        }
    }
}

.area_04 {
    padding: 30px 15px;

    @media (min-width: 751px) {
        padding: 60px 40px;
    }

    & .elevit-product-reason__contents {
        padding: 0;
    }

    & .title_01 {
        color: #0D2D6C;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        text-decoration: underline;
        text-underline-offset: 6px;
        text-decoration-thickness: 3px;
        text-decoration-color: #5EAEE0;
        margin-bottom: 16px;

        @media (min-width: 751px) {
            font-size: 36px;
            margin-bottom: 24px;
        }
    }
}

.area_05 {
    padding-top: 48px;

    @media (min-width: 751px) {
        padding-top: 80px;
    }
}

.area_06 {
    & .elevit-product-contents__inner {
        padding-bottom: 48px;
    }
    & .elevit-product-shipping .elevit-product-shipping__img img {
        width: 61px;
    }
}

.area_07 {
    & .aiyo-offer-list li {
        border-radius: 0;
        background-color: #F8E7F1;
    }
    & .aiyo-offer-list li.aiyo-offer5 > dl {
        margin-top: 0;
    }
    & .aiyo-offer-pc .aiyo-offer-list {
        & .aiyo-offer5 {
            padding-top: 60px;
            padding-bottom: 40px;
            margin-top: 0;
        }
    }
    & .aiyo-offer-sp .aiyo-offer-list {
        margin-bottom: 0;

        & .aiyo-offer5 {
            padding-bottom: 40px;
        }
    }
}

.area_09 {
    @media (min-width: 751px) {
        padding-inline: 40px;
    }
}