/* 10000px=============================================================================*/
@media screen and (max-width: 1000px){
    
    .s2_title_fill{
        font-size: 8vw;
    }
    .s2_title_span{
        font-size: 11vw;
    }
}


/* 960px=============================================================================*/
@media screen and (max-width: 960px){
    #s3_txtbox4{
        font-size: 4vw;
    }
}

/*850px=============================================================================*/
@media screen and (max-width: 850px){

    /*section1==========*/

    /*section3==========*/

    /*section7==========*/
    .s7_txt{
        width: 100%;
    }
    #s7_txt1, #s7_txt2{
        float: none;
        padding: 7% 5% 5% 5%;
    }
    #s7_pic1{
        background-image: linear-gradient(to top, #134d9400 70%, #134d94), url(../img/c_07_1.jpg);
        width: 100%;
        padding-bottom: 50%;
        background-position: 100% 10%;
        position: static;
    }
    #s7_pic2{
        background-image: linear-gradient(to top, #ffffff00 90%, #ffffff), url(../img/c_07_2.jpg);
        width: 100%;
        padding-bottom: 60%;
        background-position: 100% 10%;
        background-size: 150% auto;
        position: static;
    }

    #section11_1 .pd_img, #section11_2 .pd_img{
        margin: 0 3%;
    }
   
}


/*800px=============================================================================*/
@media screen and (max-width: 800px){
    .txt_content{
        font-size: 20px;
    }


    #s2tags {
        margin-top: 9%;
    }
    /*section4==========*/
    .s4_txt2{
        font-size: 4.5vw;
    }
    .s4_txt3{
        font-size: 20px;
        padding: 0 3% 15% 3%;
        line-height: 1.5em;
    }
    
      #s4_txtbox1,
      #s4_txtbox2 {
        width: 50%;
        margin-bottom: 5%;
      }
    
      .s4_txtbox {
        width: 47%;
      }
    
}


/*650px=============================================================================*/
@media screen and (max-width: 650px) {
    /*通用===============*/
    :root{
        --txt_bold: 700;
    }
    .content{
        padding: 0 20px;
    }
    .txt_content{
        font-size: 17px;
    }
    /*section3==========*/
    .s3_txtbox{
        margin-bottom: 8%;
    }
    #s3_txtbox1{
        margin-top: 3%;
    }
    .s3_subtitle1{
        width: 100%;
    }
    .s3_subtitle1, .s3_subtitle2, #s3_txtbox4{
        font-size: 5.5vw;
        text-align: center;
        width: 100%;
    }
    .s3_subtitle2 .switch_hide{
        display: none;
    }
    .s3_txt1, .s3_txt2{
        padding: 0 5% 5% 5%;
        width: 100%;
    }
    .s3_txt2, .s3_subtitle2{
        float: none;
    }
    
    #s3_pic1{
        width: 100%;
        padding-bottom: 50vw;
        position: relative;
        overflow: hidden;
    }
    #s3_pic1 img{
        width: 60%;
        height: auto;
        margin-left: 20%;
        margin-top: 0;
        position: absolute;
    }
    #s3_pic2, #s3_pic3,#s3_pic4{
        width: 100%;
        position: static;
        padding-bottom: 40%;
    }
    #s3_pic2{
        background-image: linear-gradient(to top, #ffffff00 70%, #ffffff), url(../img/c_03_2.jpg);
    background-position: 100% 30%;
        background-size: 100% auto;
    }
    #s3_pic3{
        background-image: linear-gradient(to top, #ffffff00 70%, #ffffff), url(../img/c_03_3.jpg);
        background-position: 100% 10%;
        background-size: 100% auto;
    }
    #s3_pic4{
        background-image: linear-gradient(to top, #ffffff00 70%, #ffffff), url(../img/c_03_4.jpg);
        background-position: 100% 48%;
        background-size: 100% auto; 
    }
    /*section5==========*/
    .s5_txtbox{
        width: 90%;
        margin-left: 5%;
    } 
    /*section7==========*/
   
    #s7_txtbox1{
        margin-bottom: 9%;
    }
    
    
    /*section11=========*/
    .s11_subtitle{
        font-size: 4vw;
    }
    /*section12=========*/
    .s12_subtitle1, .s12_subtitle2{
    
        line-height: 1.5em;
    }
    .s12_txtbox{
        width: 90%;
        margin-left: 5%;
    }
    .s12_txt{
        border: #ffe33b dotted 4px;
        margin: 0 1%;
    }
}


/*500px=============================================================================*/
@media screen and (max-width: 500px){
    /*通用設定＝==========*/
    :root{
        --border_radius: 20px;
    }
    .switch_show{
        display: inline;
    }
    .switch_hide{
        display: none;
    }
    .s3_subtitle2 .switch_hide{
        display: inline;
    }
    .all_title{
        font-size: 7vw;
    }
    .source{
        font-size: 12px;
    }
    /*section2==========*/
.s2_tagline_stroke{
    -webkit-text-stroke: 4px #ffffffff;
}
    /*section3==========*/
    .s3_subtitle1, .s3_subtitle2{
        font-size: 6vw;
    }
    #s3_pic1{
        padding-bottom: 70vw;
    }
    #s3_pic1 img{
        width: 80%;
        margin-left: 10%;
    }
    #s3_pic2, #s3_pic3,#s3_pic4{
        padding-bottom: 40%;
    }
     /*section4==========*/
    #s4_txtbox1 .s4_subtitle, #s4_txtbox2 .s4_subtitle{
        font-size: 5.5vw;
    }
    #s4_box{
        display: block;
    }
    #s4_txtbox1, #s4_txtbox2{
        width: 100%;
    }
    .s4_txtbox p{
        font-size: 4.5vw;
    }
    .s4_txtbox{
        width: 30%;
    }
    
    .s4_txt{
        margin: 0 6% 7% 6%;
        text-align: justify;
    }
    .s4_txt2{
        font-size: 20px;
    }
    .s4_txt3{
        font-size: 17px;
        padding: 0 0 20% 0;
        letter-spacing: 0;
    }

    /*section5==========*/
    .s5_subtitle1, .s5_subtitle2{
        font-size: 4.5vw;
    }
    .s5_subtitle2_2{
        font-size: 3.8vw;
    }
    #section5 .txt_content{
        font-size: 14px;
    }
    /*section6==========*/
    .s6_txt{
        /* font-size: 17px; */
        letter-spacing: 0;
        text-align: justify;
    }
    #s6_title_p{
        font-size: 7.5vw;
    }
    #s6_subtitle1_p{
        font-size: 7vw;
        margin-right: -4vw;
    }
    #s6_subtitle2_p{
        font-size: 5.8vw;
    }
    /*section7==========*/
    #section7_2 p{
        font-size: 4vw;
    }
    /*section8==========*/
    .s8_tag{
        border: 2.5px solid #ffffff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        padding: 3% 1% 0% 1%;
        line-height: 1;
}   
    .s8_block{
        border-radius: 15x;
        -webkit-border-radius: 15x;
        -moz-border-radius: 15x;
        -ms-border-radius: 15x;
        -o-border-radius: 15x;
}
    .s8_txt{
       width: 100%;
       padding: 7% 5% 0% 5%;
    }
    .s8_img_right,.s8_img_left{
        display: none;
    }
    .s8_img_top {
        display: inline;
        object-position: cover bottom;
    
    }
    
    /*section12=========*/
    .s12_txtbox{
        width: 90%;
        margin-left: 5%;
    }
    #s12_box1{
        padding-bottom: 3%;
    }
}


/*400px=============================================================================*/
@media screen and (max-width: 400px){

 #s2tags {
        margin-top: 8%;
    }

    /*section12=========*/
    .switch_400_hide{
        display: none;
    }
}



@media screen and (max-width: 300px){
    /*section2==========*/
     #s2tags {
        margin-top: 7.5%;
    }
.s2_tagline_stroke{
    -webkit-text-stroke: 2px #ffffffff;
}
}