/*800px=========================================================*/
@media screen and (max-width: 900px){
    /*通用設定=======================*/
    .txtp{
        font-size: 24px !important;
    }

    /*section2=======================*/
    .s2_innerbox{
        border: white solid 18px;
        padding: 1.7em 40% 1.7em 3.3em;
    }




    /*section6=======================*/
    .s6_txt p{
        margin-bottom: 24px;
    }
    .s6_triangle{
        font-size: 19px;
    }
}


/*800px=========================================================*/
@media screen and (max-width: 800px){
    /*通用設定=======================*/
    .txtp{
        font-size: 22px !important;
    }

    /*section2=======================*/
    .s2_innerbox{
        border: white solid 17px;
        padding: 1.6em 2.8em;
    }
    .s2_mb{
        padding-right: 40%;
    }
    .s2_txt{
        line-height: 1.8;
    }
    .s2_txt span{
        border-bottom: #c3a6b9 dashed 1px;
        padding-bottom: 4px;
    }
    .s2_pic{
        margin-top: 16%;
        margin-right: 5%;
    }
/*section3=======================*/


    .s3_txt2{
        margin-left: 10.3%;
        margin-top: 108.5%;
        font-size: 3.7vw;
        width: 35%;
    }

   
    .s3_txt3{
        margin-left: 58.3%;
        margin-top: 125.5%;
        font-size: 3.7vw;
        width: 35%;
    }





    /*section6=======================*/
    #section6 .switch_mb{
        display: inline-block;
    }
    .s6_subtitle1, .s6_subtitle2{
        font-size: 6.2vw;
        line-height: 1.3;
    }
    .s6_txt p{
        margin-bottom: 22px;
    }
    .s6_triangle{
        font-size: 17px;
    }

    /*section8=======================*/
    .s8_txt{
        border-top: white solid 2px;
    }

    /*section9=======================*/
    .s9_txt .txt_content{
        border-top: #472c3e solid 2px;
    }
}


/*700px=========================================================*/
@media screen and (max-width: 700px){
    /*通用設定=======================*/
    .txt_content{
        margin-left: 5%;
        margin-right: 5%;
    }
    .txtp{
        font-size: 20px !important;
    }

    /*section2=======================*/
    .s2_txtbox, .s2_innerbox{
        border-radius: 2em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        -ms-border-radius: 2em;
        -o-border-radius: 2em;
    }
    .s2_innerbox{
        border: white solid 15px;
        box-shadow:inset 0px 0px 0px 2.5px #f6ccb2;
        padding: 1.5em 2.4em;
    }
    .s2_txt span{
        padding-bottom: 3px;
    }

    /*section3=======================*/
    #section3{
        background-image: url(../img/lecithin_commonBG.jpg);
        background-size: 100% auto;
        background-repeat: repeat-y;
    }
    .s3_bg2{
        padding-top: 19%;
    }

    .s3_pic1{
        width: 90%;
        margin-left: 5%;
    }
    .s3_subtitle1{
        color: white;
        margin-left: 18%;
        margin-top: 76.7%;
        font-size: 4.9vw;
    }
    .s3_txt1{
        margin-left: 36%;
        margin-top: 76.5%;
        font-size: 4vw;
    }

    .s3_pic2{
        width: 48%;
        margin-left: 2%;
        margin-top: 92%;
    }
    .s3_subtitle2{
        margin-left: 22.8%;
        margin-top: 100.5%;
        font-size: 6.5vw;
    }
    .s3_txt2{
        margin-left: 9.3%;
        margin-top: 111%;
        font-size: 3.7vw;
        width: 34%;
    }

    .s3_pic3{
        width: 48%;
        margin-left: 50%;
        margin-top: 92%;
    }
    .s3_subtitle3{
        margin-left: 70.8%;
        margin-top: 117.8%;
        font-size: 6.5vw;
    }
    .s3_txt3{
        margin-left: 57.4%;
        margin-top: 127.9%;
        font-size: 3.7vw;
        width: 34%;
    }
    
    .s3_pic4{
        left: 50%;
        margin-top: 166.5%;
        width: 20vw;
        height: 20vw;
    }
    .s3_subtitle4{
        font-size: 6.2vw;
        margin-top: 16%;
        margin-left: 20%;
    }

   

    /*section6=======================*/
    .s6_txtbox{
        border-radius: 2em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        -ms-border-radius: 2em;
        -o-border-radius: 2em;
    }
    .s6_txt{
        margin: 5% 7% 10.5% 7%;
    }
    .s6_txt p{
        margin-bottom: 20px;
    }
    
    .s6_title p{
        color: white;
        margin-top: 4.5%;
    
    }

    /*section7=======================*/
    .s7_txt1{
        font-family: sans-serif;
        font-weight: 500;
    }

    /*section8=======================*/
    .s8_txt span{
        font-weight: 700;
    }

    /*section9=======================*/
    .s9_txt span{
        font-weight: 700;
    }

    /*section11=======================*/
    .s11_txt p{
        font-size: 3.1vw;
        padding: 2% 0;
    }
}


/*650px=========================================================*/
@media screen and (max-width: 650px){
    /*通用設定=======================*/
    .txtp{
        font-size: 19px !important;
    }

    /*section2=======================*/
    .s2_txt{
        margin-bottom: 16px;
    }



    /*section6=======================*/
    .s6_txt p{
        margin-bottom: 19px;
    }
    .s6_triangle{
        font-size: 14px;
    }
    .s6_title{
        margin-top: 35%;
        width: 35%;
    }
    .s6_title p{
        color: white;
        margin-top: 10%;
        
    }
    .s6_title p span{
        font-size: 6vw;
    }
    .s6_subtitle1, .s6_subtitle2{
        font-size: 6.7vw;
        font-weight: 500;
    }
    .s6_logo1{
        width: 16%;
        margin-top: 48.3%;
        margin-left: 67.5%;
    }
    .s6_logo3{
        width: 17.3%;
        margin-top: 48.3%;
        margin-left: 67.5%;
    }
    .s6_logo4{
        width: 28%;
        margin-top: 47%;
        margin-left: 67.5%;
    }
    .s6_logo5{
        width: 17.3%;
        margin-top: 48.3%;
        margin-left: 67.5%;
    }
}


/*590px=========================================================*/
@media screen and (max-width: 590px){
    /*section2=======================*/
    .s2_innerbox{
        border: white solid 13px;
        padding: 1.2em 2em;
    }
    /* .s2_pic{
        margin-top: unset;
        top: unset;
        bottom: 0;
        margin-bottom: -25%;
    } */



     /*section4=======================*/
    #s4_box{
        flex-direction: column;
        align-items: center;
        margin: 0 2%;
        
    }
    .s4_pc{
        display: none;
    }
    .s4_pic_title{
        padding: 1.5% 5% 1.5% 3%;
        font-size: 6vw ;
        margin-top: 5%;
    }
    .mobile1{
        display: block;
    }
    .mobile2{
        display: block;
        margin-top: 20%;
    }
    .s4_boxL{
        width: 80%;
        margin-top: 34%;
        margin-left: 0%;
    }
    .s4_boxR{
        width: 100%;
        margin-bottom: 10%;
        padding-right: 2%;
        margin-top: 2%;
    }
    .s4_txt{
        font-size: 20px;
        margin-bottom: 2.5%;
    }
    .s4_deco{
        position: absolute;
        width: 7%;
        height: auto;
        pointer-events: none;
    }

    .s4_deco_top{
        top: -25%;
        left: 1%;
        rotate: 25deg;
    }
    .s4_deco_bottom{
        bottom: -5%;
        right: 0%;
    }

    /*section8=======================*/
    #section8{
        padding-top: 25%;
    }
    .s8_title{
        font-size: 7vw;
        font-weight: 400;
        margin-bottom: 5.8%;
        line-height: 1.35;
    }
    .s8_title span{
        font-size: 8.2vw;
    }
    
    /*section9=======================*/
    .s9_title p{
        font-size: 8.5vw;
        margin-top: 23%;
        line-height: 1.35;
    }
    .s9_title span{
        font-size: 10.5vw;
    }
    .s9_txt{
        padding-top: 17.5%;
    }


    /*section11=======================*/
    .s11_txt p{
        font-size: 3.4vw;
        letter-spacing: .03em;
    }
}

/*500px=========================================================*/
@media screen and (max-width: 500px){
    /* 通用設定=======================*/
    :root{
        --txt_bold: 700;
    }
    .txtp{
        font-size: 17px !important;
        font-family: sans-serif;
    }
    .main strong{
        font-family: var(--font_NS);
    }

    /*section2=======================*/
    .s2_title{
        font-weight: 700;
    }
    .s2_txtbox, .s2_innerbox{
        border-radius: 1.4em;
        -webkit-border-radius: 1.4em;
        -moz-border-radius: 1.4em;
        -ms-border-radius: 1.4em;
        -o-border-radius: 1.4em;
    }
    .s2_innerbox{
        border: white solid 10px;
        padding: 1.2em 1.8em;
    }
    .s2_pic{
        margin-bottom: -42%;
    }

    /*section3=======================*/
    .s3_subtitle1, .s3_subtitle2, .s3_subtitle3, .s3_subtitle4{
        font-family: var(--font_NS);
    }
    .s3_txt1, .s3_txt2, .s3_txt3{
        font-family: sans-serif;
    }

    /*section4=======================*/
     .s4_boxL{
        width: 65%;
        margin-top: 31%;
    }
    .s4_boxR{
        margin-top: 2%;
    } 
    
    
    .s4_deco{
        position: absolute;
        width: 7%;
        height: auto;
        pointer-events: none;
    }

    .s4_deco_top{
        top: -18%;
        left: 1%;
        rotate: 25deg;
    }
    .s4_deco_bottom{
        bottom: 1%;
        right: 0%;
    } 
    
  

    /*section6=======================*/
    .s6_txtbox{
        border-radius: 1.4em;
        -webkit-border-radius: 1.4em;
        -moz-border-radius: 1.4em;
        -ms-border-radius: 1.4em;
        -o-border-radius: 1.4em;
        margin-bottom: 10%;
    }
    .s6_subtitle1, .s6_subtitle2{
        font-weight: 700;
    }
    .s6_txt p{
        margin-bottom: 17px;
    }
    .s6_triangle{
        font-size: 12px;
    }

   
    /*section7=======================*/
    .s7_txt1, .s7_txt1 span{
        font-family: sans-serif;
        font-weight: 700;
    }

    /*section11=======================*/
    .s11_txt p{
        font-family: sans-serif;
    }
    .s11_txt span{
        font-weight: 700;
    }
}


/*440px=========================================================*/
@media screen and (max-width: 440px){
    /* 通用設定=======================*/
    .switch_mb{
        display: block;
    }
    .switch_pc{
        display: none;
    }

    /*section2=======================*/
    .s2_innerbox{
        padding: 1.2em 1.5em;
    }
    .s2_mb:nth-child(2){
        padding-right: 0;
    }
    .s2_mb:nth-child(3){
        padding-right: 0;
        margin-bottom: 10px;
    }
    .s2_pic{
        margin-top: 5%;
        top: unset;
        width: 70%;
        margin-right: unset;
        margin-left: 13%;
        bottom: 0;
        margin-bottom: -105%;
    }


    /*section3=======================*/
    .s3_bg2{
        padding-top: 29%;
    }
    .s3_pic2{
        width: 49%;
    }
    .s3_pic3{
        width: 49%;
    }
    
     .s3_pic4{
        margin-top: 175%;
    }
    .s3_subtitle2{
        margin-top: 100.8%;
        margin-left: 23.3%;
    }

    .s3_subtitle3{
        margin-top: 126%;
        margin-left: 71.3%;
    }
    .s3_txt2{
        margin-left: 8.4%;
        margin-top: 111.2%;
        font-size: 3.8vw;
        width: 35%;
    }

   
    .s3_txt3{
        margin-left: 56.9%;
        margin-top: 136.4%;
        font-size: 3.8vw;
        width: 35%;
    }


    /*section4=======================*/
    .s4_boxL{
        width: 65%;
        margin-top: 32%;
    }
    .s4_boxR{
        margin-top: 2%;
        margin-bottom: 5%;
    } 
    
    
    .s4_deco{
        position: absolute;
        width: 7%;
        height: auto;
        pointer-events: none;
    }

    .s4_deco_top{
        top: -18%;
        left: 1%;
        rotate: 25deg;
    }
    .s4_deco_bottom{
        bottom: 1%;
        right: 0%;
    } 
    
    .s4_txt{
        font-size: 18px;
    }

    /*section11=======================*/
    .s11_txt p{
        font-size: 3.8vw;
    }
}

/*440px=========================================================*/
@media screen and (max-width: 400px){
    /*section3=======================*/
    .s3_pic2{
        width: 49%;
    }
    .s3_pic3{
        width: 49%;
    }
    
    .s3_bg2{
        padding-top: 29%;
    }
    .s3_pic4{
        margin-top: 175%;
    }
    .s3_subtitle2{
        margin-top: 100.8%;
        margin-left: 23.3%;
    }

    .s3_subtitle3{
        margin-top: 126.3%;
        margin-left: 71.3%;
    }
    .s3_txt2{
        margin-left: 9.3%;
        margin-top: 111.5%;
        font-size: 3.8vw;
        width: 35%;
    }

   
    .s3_txt3{
        margin-left: 57%;
        margin-top: 136.5%;
        font-size: 3.8vw;
        width: 35%;
    }


/*section4=======================*/


    .s4_boxL{
        width: 65%;
        margin-top: 32%;
    }
    .s4_boxR{
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .s4_deco_top{
        top: -10%;
        left: 1%;
        rotate: 25deg;
    }
 
    
    .s4_txt{
        font-size: 17px;
        margin-top: 4%;
    }


    
     /*section6=======================*/
    .s6_txt p{
        margin-bottom: 17px;
    }
    .s6_subtitle1, .s6_subtitle2{
        font-size: 7.2vw;
    }

    /*section8=======================*/
    .s8_txt{
        border-top: white solid 1px;
    }
}