@charset "UTF-8";

/*DESKTOP
======================*/
@media screen and (min-width: 1170px) and (max-width: 1480px) {
    .case_box {
        width: 100%;
        height: 930px;
        position: relative;
        display: block;
        padding-top:50px;
        background-image: url(../images/section2_bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .antidote_bg{
        background-size: 630px auto;
        background-position: right 350px;
    }
    .case_person_before{
        background-size: 800px auto;
    }
    .case_person_after{
        left:20%;
        background-size: 800px auto;
    }
    .case_part1{
        margin-bottom:35px;
        left:240px;
    }
    .case_part2{
        margin-bottom:42px;
        left:142px;
    }
    .case_part3{
        margin-bottom:48px;
        left:40px;
    }
    .case_part4{
        left:170px;
    }
    .svg_txt{
      display: block;
      position: absolute;
      width:100%;
      height:100%;
      z-index:5;
      top:-28%;
    }
    svg text,
    svg textpath {
        font-size:18px!important;
    }
    .svg_txt_winner{
      display: block;
      position: absolute;
      width:100%;
      height:100%;
      z-index:5;
      top:-270px;
    }
}
@media screen and (min-width: 1170px) {}

@media screen and (min-width: 990px) {}

@media screen and (min-width: 990px) and (max-width: 1169px) {}

@media screen and (min-width: 768px) and (max-width: 1169px) {
    /* BANNER========= */
    .banner_font span{
        font-size:48px;
        line-height:56px;
        letter-spacing: 4px;
    }
    .mation_last_text.winner_text{
        letter-spacing: 1px;
    }
    .last_qw{
        position: absolute;
        display: inline-block;
        right:80px;
    }
    /* BANNER==================end */
    /* INFORMATION========= */
    .information_box {
        padding-top:100px;
        padding-bottom:50px;
    }
    .mation_img{
        padding-top:20px;
        margin-left:30px;
        margin-right:10px;
    }
    .mation_last_text{
        margin-top:30px;
        left:50px;
    }
    .mation_last_text span{
        font-size: 30px;
    }
    .last_qa{
        right:55px;
    }
    .mation_last.winner_last span br{
        display: none;
    }
    /* INFORMATION==================end */
    
    /* CASE========= */
    .case_box {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        padding-top:50px;
        padding-bottom:100px;
    }
    .case_title{
        display: block;
        padding-left:0px;
        width: 100%;
        padding-top:70px;
        padding-left:12%;
    }
    .case_text span.cont_txt1 abbr{
        font-size:52px;
        margin-right:5px;
    }
    .case_text span.cont_txt1{
        font-size:36px;
        line-height:36px;
        margin-bottom:8px;
        letter-spacing: 3px;
        white-space:normal;
    }
    .case_person_before{
        left:-30%;
        opacity: 0.8;
        background-size: 700px auto;
    }
    .case_person_after{
        left:0%;
        opacity: 0.8;
        background-size: 700px auto;
    }
    .case_person_cont{
        margin-top:50px;
        width: 40%;
        margin-left:50%;
    }
    .case_part1,.case_part2,.case_part3,.case_part4{
        position: relative;
        opacity: 0.9;
    }
    .case_part1{
        top:135px;
        margin-bottom:35px;
        left:0px;
    }
    .case_part2{
        top:115px;
        margin-bottom:42px;
        left:0px;
    }
    .case_part3{
        top:85px;
        margin-bottom:48px;
        left:-90px;
    }
    .case_part4{
        top:55px;
        left:50px;
    }
    .case_cont_dots1{
        width: 209px;
        left: -220px;
        background-size: 100% 100%;
    }
    .case_cont_dots2{
        width: 151px;
        left: -155px;
        background-size: 100% 100%;
    }
    .case_cont_dots3{
        width: 146px;
        left: -155px;
        background-size: 100% 100%;
    }
    .case_cont_dots4{
        width: 143px;
        left: -155px;
        background-size: 100% 100%;
    }
    /* CASE==================end */
    /* ANTIDOTE========= */
    .antidote_box {
        padding-top:40px;
        padding-bottom:44px;
        padding-left:7px;
        padding-right:7px;
        background-image: url(../images/section3_bg-xs.jpg);
    }
    .antidote_title{
        display: block;
        margin-bottom:60px;
    }
    .antidote_title .cont_number{
        margin-bottom:26px;
        left:0px;
    }
    .antidote_title .cont_text span.cont_txt1{
        font-size:40px;
        line-height: 40px;
        margin-bottom:7px;
        letter-spacing: 2px;
        padding-left:45px;
    }
    .antidote_title .cont_text span.cont_txt2{
        font-size:22px;
        line-height: 24px;
        letter-spacing: 2px;
        padding-left:45px;
    }
    .antidote_bg{
        background-position: right 50px;
        -moz-background-size: 60% auto;
        -o-background-size: 60% auto;
        -webkit-background-size: 60% auto;
        background-size: 60% auto;
        z-index: 0!important;
    }
    .ecg_value{
        display: block;
        padding-left:0px;
        margin-bottom:35px;
    }
    .ecg_txt{
        padding-right:0px;
        margin-bottom:125px;
        font-size:14px;
    }
    .needle_bg{
        display: block;
        position: absolute;
        left:-25%;
        top:0px;
        width:100%;
        height:48px;
        background-image: url(../images/section3_item_bg2.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 70%;
    }
    .needle_txt{
        text-align: left;
        margin-top:57px;
    }
    .needle_txt span{
        display: inline-block;
        font-size:15px;
    }
    .needle_txt span.cont_txt2{
        margin-left:0px;
        position: absolute;
        right:215px;
    }
    .needle_txt span.cont_txt3{
        margin-left:0px;
        position: absolute;
        right:0px;
    }
    .needle_last_txt{
        text-align: left;
        margin-top:28px;
        margin-bottom:120px;
    }
    .needle_last_txt span.cont_txt1{
        position: absolute;
        left: 0px;
    }
    .needle_last_txt span.cont_txt2{
        position: absolute;
        left: 200px;
    }
    .needle_last_txt span.cont_txt3{
        margin-left:0px;
        position: absolute;
        right:275px;
    }
    .needle_last_txt span.cont_txt4{
        margin-left:0px;
        position: absolute;
        right:0px;
    }
    .needle_plan span.plan_title{
        font-size: 22px;
        letter-spacing: 2px;
        line-height: 34px;
    }
    .needle_plan span.plan_title abbr{
        font-size: 34px;
        margin-right:8px;
    }
    .needle_plan span.plan_unline{
        margin: 18px 0 16px 0;
    }
    .needle_plan span.plan_txt{
        font-size: 14px;
    }
    .ecg_txt:before{
        display: none;
    }
    /* ANTIDOTE==================end */
    /* JOIN========= */
    .join_box {
        padding-bottom:55px;
    }
    .join_number{
        position: relative;
        display: block;
        width:45%;
        height:440px;
        margin-top:-50%;
        margin-left:55%;
    }
    .join_number_line,.join_number1,.join_number2,.join_number3,.join_number4{
        position: absolute;
        display: block;
        top:0px;
        left:-10%;
        width: 120%;
        height:100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .join_point{
        top:0px;
        width: 120%;
        height:100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        left:-10%!important;
    }
    /* JOIN==================end */
    /* FORM========= */
    .fillin_title .cont_number{
        left:0px;
    }
    .fillin_title .cont_text span.cont_txt1{
        font-size:40px;
        line-height: 40px;
        margin-bottom:100px;
        letter-spacing: 3px;
    }
    .radio_cont2{
        left:44px;
    }
    /* FORM==================end */
    .success_person{
        left:-50px;
        width:70%;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .success_towel{
        width:418px;
        height:304px;
        background-size: 60%;
    }
    .success_rows{
        display:block;
        width:100%;
        padding-top:10%;
        margin:0 auto;
    }
    .success_title span.cont_txt1 {
        font-size:48px;
        line-height:48px;
        letter-spacing: 4px;
        margin-bottom:0px;
    }
    .success_title span.cont_txt2 {
        font-size:38px;
        line-height:38px;
        letter-spacing: 2px;
        margin-top:-5px;
    }
    .success_title span.cont_txt3 {
        font-size:20px;
        line-height:20px;
        letter-spacing: 2px;
        margin-top:14px;
    }
    /* FOOTER========= */
    
    /* FOOTER==================end */
    /* FANCYBOX========= */
    /* 失敗版 */
    .failure_box{
        width:95vw;
        height:95vh;
        overflow-x: hidden;
    }
    .failure_box:before{
        display: none;
    }
    .failure_box.success_type{
        display: table;
        top:0px;
        left:2%;
    }
    .success_notice{
        display: inline-block;
        position: relative;
        border: 1px solid #45e3b0;
        padding:28px 15px 28px 10px;
        width:315px;
        text-align: left;
    }
    /* 失敗版 end */
    /* FANCYBOX==================end */
    .join_number3{
        left:-7%!important;
    }
    .join_number4{
        left:-7%!important;
    }
}


/*TABLET
======================*/

@media screen and (max-width:1279px) and (orientation:landscape) {}

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

@media screen and (min-width: 600px) and (max-width: 767px) {
    /* banner */
    .str_wrap {
        height:220px!important;
    }
    .twinkle {
        width: 199.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle2 {
        width: 314.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle3 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle4 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle5 {
        width: 223.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle6 {
        width: 223.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle7 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle8 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle9 {
        width: 314.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle10 {
        width: 223.5px;
        height: 220px;
        background-size: cover;
    }
    @-webkit-keyframes play-png {
        to {
            background-position: -399px;
        }
    }
    @keyframes play-png {
        to {
            background-position: -399px;
        }
    }
    @-webkit-keyframes play-png2 {
        to {
            background-position: -629px;
        }
    }
    @keyframes play-png2 {
        to {
            background-position: -629px;
        }
    }
    @-webkit-keyframes play-png3 {
        to {
            background-position: -220px;
        }
    }
    @keyframes play-png3 {
        to {
            background-position: -220px;
        }
    }
    @-webkit-keyframes play-png5 {
        to {
            background-position: -447px;
        }
    }
    @keyframes play-png5 {
        to {
            background-position: -447px;
        }
    }
    .banner_font span{
        font-size:32px;
        line-height:42px;
        letter-spacing: 1px;
    }
    .banner_font{
        height:110px;
        padding:10px 0 10px 0;
    }
    /* banner end */
    /* INFORMATION========= */
    .information_box {
        height:100%;
        padding-top:45px;
        padding-bottom:74px;
        padding-left:12px;
        padding-right:12px;
        background-image: url(../images/section1_bg-xs.jpg);
    }
    .mation_img{
        display: inline-block;
        position: relative;
        width:100%;
        border: 1px solid #45e3b0;
        padding-top:20px;
        margin-left:60px;
    }
    .mation_number{
        margin-bottom:20px;
        left:0px;
    }
    .mation_box{
        display: block;
        padding-left:0px;
    }
    .mation_text span.cont_txt1{
        font-size:36px;
        line-height:36px;
    }
    .mation_text span.cont_txt2{
        font-size:36px;
        line-height:36px;
    }
    .mation_text span.cont_txt3{
        font-size:19px;
        line-height:19px;
    }
    .mation_last{
        margin-top:24px;
        margin-bottom:35px;
    }
    .mation_img{
        padding-top:20px;
        margin-left:0px;
    }
    .mation_img img{
        width: 100%
    }
    /* INFORMATION==================end */
    /* CASE========= */
    .case_number{
        margin-bottom:23px;
        left:0px;
    }
    .case_scale_left{
        top:265px;
        left:0px;
        width:9px;
        height:553px;
        background-image: url(../images/section2_scale_left-xs.png);
    }
    .case_text span.cont_txt1{
        font-size:30px;
        line-height:36px;
        letter-spacing: 2px;
    }
    .case_text span.cont_txt1 abbr{
        font-size:36px;
        margin-right:5px;
    }
    .case_text span.cont_txt2{
        font-size:19px;
        line-height:19px;
        letter-spacing: 2px;
    }
    .case_box {
        height: 100%;
        padding-top:44px;
        padding-bottom:66px;
        padding-left:12px;
        padding-right:12px;
        background-image: url(../images/section2_bg-xs.jpg);
    }
    .case_person_cont{
        margin-top:50px;
        display: block;
        width: 100%;
    }
    .case_part1,.case_part2,.case_part3,.case_part4{
        position: relative;
        opacity: 1;
    }
    .case_part1{
        margin-bottom:35px;
        left:0px;
    }
    .case_part2{
        margin-bottom:48px;
        left:0px;
    }
    .case_part3{
        margin-bottom:48px;
        left:0px;
    }
    .case_part4{
        left:0px;
    }
    .case_cont_number{
        font-size:12px;
        margin-bottom:0px;
        display: inline-block!important;
        width: auto;
        
    }
    .case_cont_title{
        font-size:20px;
        display: inline-block!important;
        width: auto;
        vertical-align: top;
        padding-left:11px;
        margin-bottom:0px;
    }
    .case_cont_txt{
        font-size:14px;
        padding-left:0px;
        line-height: 24px;
    }
    /* CASE==================end */
    /* ANTIDOTE========= */
    .antidote_box {
        padding-top:40px;
        padding-bottom:44px;
        padding-left:7px;
        padding-right:7px;
        background-image: url(../images/section3_bg-xs.jpg);
    }
    .antidote_title{
        display: block;
        margin-bottom:60px;
    }
    .antidote_title .cont_number{
        margin-bottom:26px;
        left:0px;
    }
    .antidote_title .cont_text span.cont_txt1{
        font-size:30px;
        line-height: 30px;
        margin-bottom:7px;
        letter-spacing: 2px;
    }
    .antidote_title .cont_text span.cont_txt2{
        font-size:19px;
        line-height: 24px;
        letter-spacing: 2px;
    }
    .antidote_bg{
        background-position: right 50px;
        -moz-background-size: 70% auto;
        -o-background-size: 70% auto;
        -webkit-background-size: 70% auto;
        background-size: 70% auto;
        z-index: 0!important;
    }
    .ecg_value{
        display: block;
        padding-left:0px;
        margin-bottom:35px;
    }
    .ecg_txt{
        padding-right:0px;
        margin-bottom:125px;
    }
    .needle_bg{
        display: block;
        position: absolute;
        left:-25%;
        top:0px;
        width:100%;
        height:38px;
        background-image: url(../images/section3_item_bg2.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .needle_txt{
        text-align: left;
        margin-top:57px;
    }
    .needle_txt span{
        display: inline-block;
        font-size:15px;
    }
    .needle_txt span.cont_txt2{
        margin-left:0px;
        position: absolute;
        right:185px;
    }
    .needle_txt span.cont_txt3{
        margin-left:0px;
        position: absolute;
        right:0px;
    }
    .needle_last_txt{
        text-align: left;
        margin-top:28px;
        margin-bottom:120px;
    }
    .needle_last_txt span.cont_txt1{
        position: absolute;
        left: 0px;
    }
    .needle_last_txt span.cont_txt2{
        position: absolute;
        left: 150px;
    }
    .needle_last_txt span.cont_txt3{
        margin-left:0px;
        position: absolute;
        right:225px;
    }
    .needle_last_txt span.cont_txt4{
        margin-left:0px;
        position: absolute;
        right:0px;
    }
    .needle_plan span.plan_title{
        font-size: 19px;
        letter-spacing: 2px;
        line-height: 30px;
    }
    .needle_plan span.plan_title abbr{
        font-size: 30px;
        margin-right:8px;
    }
    .needle_plan span.plan_unline{
        margin: 18px 0 16px 0;
    }
    .ecg_txt:before{
        display: none;
    }
    /* ANTIDOTE==================end */
    /* JOIN========= */
    .join_box {
        padding-top:0px;
        height:100%;
        padding-bottom:0px;
        background-image: url(../images/section4_bg-xs.jpg);
        padding-left:7px;
        padding-right:7px;
    }
    .join_title .cont_text span{
        padding-left:0px;
    }
    .join_title .cont_text span.cont_txt1{
        font-size:30px;
        line-height: 30px;
        margin-bottom:10px;
        letter-spacing: 2px;
    }
    .join_title .cont_text span.cont_txt2{
        font-size:19px;
        line-height: 19px;
        letter-spacing: 1px;
    }
    .join_notice{
        width: 50%;
        padding:43px 30px;
        margin-left:0px;
    }
    .join_notice span.notice_cont1{
        font-size:22px;
        line-height: 22px;
        margin-bottom:14px;
        letter-spacing: 2px;
    }
    .join_number{
        position: relative;
        display: block;
        width:45%;
        height:370px;
        margin-top:-55%;
        margin-left:55%;
    }
    .join_number_line,.join_number1,.join_number2,.join_number3,.join_number4{
        position: absolute;
        display: block;
        top:0px;
        left:-10%;
        width: 120%;
        height:100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .join_point{
        top:0px;
        width: 120%;
        height:100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        left:-10%!important;
    }
    /* JOIN==================end */
    /* FORM========= */
    .fillin_title .cont_number{
        margin-bottom:26px;
        left:0px;
    }
    .fillin_box {
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        padding-top:55px;
        padding-bottom:102px;
        padding-left:7px;
        padding-right:7px;
    }
    .fillin_title .cont_text span{
        display: block;
    }
    .fillin_title .cont_text span.cont_txt1{
        font-size:30px;
        line-height: 38px;
        margin-bottom:40px;
        letter-spacing: 3px;
    }
    .fillin_row{
        display: block;
        width: 100%;
        float:none;
        height:100%;
    }
    .fillin_row:nth-child(2){
        margin-left:0%;
    }
    .fillin_title{
        display: block;
        margin-top:0;
        margin-bottom:0px;
    }
    .fillin_send{
        display: block;
        float:left;
        width:100%;
        margin-top:45px;
    }
    .fillin_send a{
        margin:0 auto;
    }
    .fillin_row span.form_program p.program_radio{
        padding:10px 25px 0 25px;
    }
    .fillin_row span.form_program p.program_radio label{
        display: inline-block;
        height:40px;
        margin-right:20px;
    }
    .radio_cont2{
        position: relative;
        left:0px;
    }
    .fillin_person{
        background-image: url(../images/section5_person_bg-xs.png);
        background-size: cover;
    }
    /* FORM==================end */
    /* FOOTER========= */
    .footer_cont{
        position: absolute;
        width:100%;
        bottom:20px;
        left:0px;
        text-align: center;
    }
    /* FOOTER==================end */
    .success_rows{
        display:block;
        width:100%;
        margin-left:0%;
        padding-top:100px;
        padding-bottom:40px;
    }
    .success_title span.cont_txt1 {
        font-size:36px;
        line-height:36px;
        letter-spacing: 2px;
        margin-bottom:0px;
    }
    .success_title span.cont_txt2 {
        font-size:32px;
        line-height:32px;
        letter-spacing: 2px;
        margin-top:-5px;
    }
    .success_title span.cont_txt3 {
        font-size:19px;
        line-height:19px;
        letter-spacing: 1px;
        margin-top:12px;
    }
    .success_notice{
        display: inline-block;
        position: relative;
        border: 1px solid #45e3b0;
        padding:22px 15px 12px 10px;
        width:90%;
    }
    .success_towel{
        display: block;
        position: absolute;
        right:0px;
        bottom:0px;
        width:205px;
        height:115px;
        background-image: url(../images/success_towel_bg-xs.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .success_title{
        padding-bottom:32px;
    }
    .parallax_first3{
        width:170%;
        left:100px;
        top:50px;
    }
    .parallax_first4{
        width:170%;
        left:0px;
    }
    .mation_img.mation_winner_bg{
        margin-top:150px;
    }
    /* FANCYBOX========= */
    /* 失敗版 */
    .failure_box{
        width:95vw;
        height:95vh;
        overflow-x: hidden;
    }
    .failure_box:before{
        content: "";
        display: block;
        position: absolute;
        width:98%;
        height:100%;
        border: 1px solid #3cbe97;
    }
    /* 失敗版 end */
    /* FANCYBOX==================end */
    .join_number3{
        left:-7%!important;
    }
    .join_number4{
        left:-7%!important;
    }
}


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    /* banner */
    .str_wrap {
        height:220px!important;
    }
    .twinkle {
        width: 199.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle2 {
        width: 314.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle3 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle4 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle5 {
        width: 223.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle6 {
        width: 223.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle7 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle8 {
        width: 110px;
        height: 110px;
        background-size: cover;
    }
    .twinkle9 {
        width: 314.5px;
        height: 220px;
        background-size: cover;
    }
    .twinkle10 {
        width: 223.5px;
        height: 220px;
        background-size: cover;
    }
    @-webkit-keyframes play-png {
        to {
            background-position: -399px;
        }
    }
    @keyframes play-png {
        to {
            background-position: -399px;
        }
    }
    @-webkit-keyframes play-png2 {
        to {
            background-position: -629px;
        }
    }
    @keyframes play-png2 {
        to {
            background-position: -629px;
        }
    }
    @-webkit-keyframes play-png3 {
        to {
            background-position: -220px;
        }
    }
    @keyframes play-png3 {
        to {
            background-position: -220px;
        }
    }
    @-webkit-keyframes play-png5 {
        to {
            background-position: -447px;
        }
    }
    @keyframes play-png5 {
        to {
            background-position: -447px;
        }
    }
    .banner_font span{
        font-size:32px;
        line-height:42px;
        letter-spacing: 1px;
    }
    /* banner end */
    /* INFORMATION========= */
    .information_box {
        padding-top:45px;
        padding-bottom:74px;
        padding-left:7px;
        padding-right:7px;
        background-image: url(../images/section1_bg-xs.jpg);
    }
    .mation_number{
        margin-bottom:20px;
        left:0px;
    }
    .mation_box{
        display: block;
        padding-left:0px;
    }
    .mation_text span.cont_txt1{
        font-size:36px;
        line-height:36px;
    }
    .mation_text span.cont_txt2{
        font-size:36px;
        line-height:36px;
    }
    .mation_text span.cont_txt3{
        font-size:19px;
        line-height:19px;
    }
    .mation_last{
        margin-top:24px;
        margin-bottom:35px;
    }
    .mation_img{
        padding-top:20px;
        margin-left:0px;
    }
    /* INFORMATION==================end */
    /* CASE========= */
    .case_number{
        margin-bottom:23px;
        left:0px;
    }
    .case_scale_left{
        top:265px;
        left:0px;
        width:9px;
        height:553px;
        background-image: url(../images/section2_scale_left-xs.png);
    }
    .case_text span.cont_txt1{
        font-size:30px;
        line-height:36px;
        letter-spacing: 2px;
    }
    .case_text span.cont_txt1 abbr{
        font-size:36px;
        margin-right:5px;
    }
    .case_text span.cont_txt2{
        font-size:19px;
        line-height:19px;
        letter-spacing: 2px;
    }
    .case_box {
        height: 100%;
        padding-top:44px;
        padding-bottom:66px;
        padding-left:7px;
        padding-right:7px;
        background-image: url(../images/section2_bg-xs.jpg);
    }
    .case_person_cont{
        margin-top:50px;
        display: block;
        width: 100%;
    }
    .case_part1,.case_part2,.case_part3,.case_part4{
        position: relative;
        opacity: 1;
    }
    .case_part1{
        margin-bottom:35px;
        left:0px;
    }
    .case_part2{
        margin-bottom:48px;
        left:0px;
    }
    .case_part3{
        margin-bottom:48px;
        left:0px;
    }
    .case_part4{
        left:0px;
    }
    .case_cont_number{
        font-size:12px;
        margin-bottom:0px;
        display: inline-block!important;
        width: auto;
        
    }
    .case_cont_title{
        font-size:18px;
        display: inline-block!important;
        width: auto;
        vertical-align: top;
        padding-left:11px;
        margin-bottom:0px;
    }
    .case_cont_txt{
        font-size:13px;
        padding-left:0px;
        line-height: 24px;
    }
    /* CASE==================end */
    /* ANTIDOTE========= */
    .antidote_box {
        padding-top:40px;
        padding-bottom:44px;
        padding-left:7px;
        padding-right:7px;
        background-image: url(../images/section3_bg-xs.jpg);
    }
    .antidote_title{
        display: block;
        margin-bottom:60px;
    }
    .antidote_title .cont_number{
        margin-bottom:26px;
        left:0px;
    }
    .antidote_title .cont_text span.cont_txt1{
        font-size:30px;
        line-height: 30px;
        margin-bottom:7px;
        letter-spacing: 2px;
    }
    .antidote_title .cont_text span.cont_txt2{
        font-size:19px;
        line-height: 24px;
        letter-spacing: 2px;
    }
    .antidote_bg{
        background-position: -15px 120px;
        -moz-background-size: 110% auto;
        -o-background-size: 110% auto;
        -webkit-background-size: 110% auto;
        background-size: 110% auto;
        z-index: 0!important;
    }
    .ecg_value{
        display: block;
        padding-left:0px;
        margin-bottom:35px;
    }
    .ecg_txt{
        padding-right:0px;
        margin-bottom:125px;
    }
    .needle_bg{
        display: block;
        position: absolute;
        left:-25%;
        top:0px;
        width:100%;
        height:22px;
        background-image: url(../images/section3_item_bg2.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .needle_txt{
        text-align: left;
        margin-top:57px;
    }
    .needle_txt span{
        display: inline-block;
        font-size:15px;
    }
    .needle_txt span.cont_txt2{
        margin-left:0px;
        position: absolute;
        right:85px;
    }
    .needle_txt span.cont_txt3{
        margin-left:0px;
        position: absolute;
        right:0px;
    }
    .needle_last_txt{
        text-align: left;
        margin-top:28px;
        margin-bottom:120px;
    }
    .needle_last_txt span.cont_txt1{
        position: absolute;
        left: 0px;
    }
    .needle_last_txt span.cont_txt2{
        position: absolute;
        left: 50px;
    }
    .needle_last_txt span.cont_txt3{
        margin-left:0px;
        position: absolute;
        right:125px;
    }
    .needle_last_txt span.cont_txt4{
        margin-left:0px;
        position: absolute;
        right:0px;
    }
    .needle_plan span.plan_title{
        font-size: 19px;
        letter-spacing: 2px;
        line-height: 30px;
    }
    .needle_plan span.plan_title abbr{
        font-size: 30px;
        margin-right:8px;
    }
    .needle_plan span.plan_unline{
        margin: 18px 0 16px 0;
    }
    .ecg_txt:before{
        display: none;
    }
    /* ANTIDOTE==================end */
    /* JOIN========= */
    .join_box {
        padding-top:0px;
        height:100%;
        padding-bottom:0px;
        background-image: url(../images/section4_bg-xs.jpg);
        padding-left:7px;
        padding-right:7px;
    }
    .join_title .cont_text span{
        padding-left:0px;
    }
    .join_title .cont_text span.cont_txt1{
        font-size:30px;
        line-height: 30px;
        margin-bottom:10px;
        letter-spacing: 2px;
    }
    .join_title .cont_text span.cont_txt2{
        font-size:19px;
        line-height: 19px;
        letter-spacing: 1px;
    }
    .join_notice{
        width: 100%;
        padding:43px 30px;
        margin-left:0px;
    }
    .join_notice span.notice_cont1{
        font-size:22px;
        line-height: 22px;
        margin-bottom:14px;
        letter-spacing: 2px;
    }
    .join_number{
        position: relative;
        display: block;
        width:100%;
        height:470px;
        margin-top:-30px;
    }
    .join_number_line,.join_number1,.join_number2,.join_number3,.join_number4{
        position: absolute;
        display: block;
        top:0px;
        left:-10%;
        width: 120%;
        height:100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .join_point{
        top:0px;
        width: 120%;
        height:100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        left:-10%!important;
    }
    /* JOIN==================end */
    /* FORM========= */
    .fillin_title .cont_number{
        margin-bottom:26px;
        left:0px;
    }
    .fillin_box {
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        padding-top:55px;
        padding-bottom:102px;
        padding-left:7px;
        padding-right:7px;
    }
    .fillin_title .cont_text span{
        display: block;
    }
    .fillin_title .cont_text span.cont_txt1{
        font-size:30px;
        line-height: 32px;
        margin-bottom:40px;
        letter-spacing: 3px;
    }
    .fillin_row{
        display: block;
        width: 100%;
        float:none;
        height:100%;
    }
    .fillin_row:nth-child(2){
        margin-left:0%;
    }
    .fillin_title{
        display: block;
        margin-top:0;
        margin-bottom:0px;
    }
    .fillin_send{
        display: block;
        float:left;
        width:100%;
        margin-top:45px;
    }
    .fillin_send a{
        margin:0 auto;
    }
    .fillin_row span.form_program p{
        width: 70%;
        margin: 0;
        display: inline-block;
        float:left;
        height:38px;
    }
    .fillin_row span.form_program p.program_radio{
        padding:10px 0px 0 15px;
    }
    .fillin_row span.form_program p.program_radio label{
        display: inline-block;
        height:40px;
        margin-right:10px;
    }
    .radio_cont2{
        position: relative;
        left:0px;
    }
    .fillin_person{
        background-image: url(../images/section5_person_bg-xs.png);
        background-size: cover;
    }
    /* FORM==================end */
    /* FOOTER========= */
    .footer_cont{
        position: absolute;
        width:100%;
        bottom:20px;
        left:0px;
        text-align: center;
    }
    /* FOOTER==================end */
    /* FANCYBOX========= */
    .failure_title{
        padding-top:50px;
    }
    .failure_title span.cont_txt1 {
        font-size:32px;
        line-height:42px;
        letter-spacing: 3px;
        margin-bottom:10px;
        padding:0 20px;
    }
    .failure_title span.cont_txt2 {
        font-size:19px;
        line-height:19px;
        letter-spacing: 1px;
    }
    .failure_month{
        display: block;
        width:90%;
        margin:0 auto;
    }
    .failure_box{
        width:100%;
        height:94vh;
    }
    .failure_rows{
        width:100%;
        vertical-align:middle;
    }
    .failure_send{
        display: inline-block;
        float:none;
        margin:90px auto 0px auto;
        width: 100%;
        text-align: center;
    }
    .failure_send a{
        margin:0 auto;
    }
    .failure_box:before{
        content: "";
        display: block;
        position: absolute;
        width:100%;
        height:98%;
        border: 1px solid #3cbe97;
    }
    .success_rows{
        display:block;
        width:100%;
        margin-left:0%;
        padding-top:100px;
        padding-bottom:40px;
    }
    .success_title span.cont_txt1 {
        font-size:36px;
        line-height:36px;
        letter-spacing: 2px;
        margin-bottom:0px;
    }
    .success_title span.cont_txt2 {
        font-size:32px;
        line-height:32px;
        letter-spacing: 2px;
        margin-top:-5px;
    }
    .success_title span.cont_txt3 {
        font-size:19px;
        line-height:19px;
        letter-spacing: 1px;
        margin-top:12px;
    }
    .success_notice{
        display: inline-block;
        position: relative;
        border: 1px solid #45e3b0;
        padding:22px 15px 12px 10px;
        width:90%;
    }
    .success_towel{
        display: block;
        position: absolute;
        right:0px;
        bottom:0px;
        width:205px;
        height:115px;
        background-image: url(../images/success_towel_bg-xs.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .success_title{
        padding-bottom:32px;
    }
    .parallax_first3{
        width:170%;
        left:100px;
        top:50px;
    }
    .parallax_first4{
        width:170%;
        left:0px;
    }
    /* FANCYBOX==================end */
    .best_box {
        padding-top:150px;
        padding-bottom:0px;
    }
    .mation_img.mation_winner_bg{
        margin-top:50px;
    }
    .mation_img.mation_winner_bg:before{
        left:-13%;
    }
    .best_cont span.cont_title{
        font-size:30px;
        line-height:30px;
        letter-spacing: 2px;
    }
    .best_cont span.cont_title abbr{
        display: block;
    }
    .best_cont span.cont_title abbr.cont_txt{
        margin-bottom:14px;
    }
    .best_cont span.cont_line{
        background: #d2d2d2;
        width:1px;
        height:45px;
        margin:46px auto 32px auto;
    }
    .best_cont span.cont_info{
        font-size:13px;
        line-height:13px;
        letter-spacing: 1px;
        margin-bottom:30px;
    }
    .best_cont{
        padding-bottom:145px;
    }
    .join_number3{
        left:-7%!important;
    }
    .join_number4{
        left:-7%!important;
    }
}

@media screen and (max-width: 330px) {
    .antidote_bg{
        background-position: -15px 180px;
        -moz-background-size: 115% auto;
        -o-background-size: 115% auto;
        -webkit-background-size: 115% auto;
        background-size: 115% auto;
    }
    .join_number{
        position: relative;
        display: block;
        width:100%;
        height:390px;
        margin-top:-20px;
    }
    .join_number_line,.join_number1,.join_number2,.join_number3,.join_number4{
        left:-10%;
        width: 130%;
        height:100%;
    }
    .join_number3{
        left:-7%!important;
    }
    .join_number4{
        left:-7%!important;
    }
    .join_point{
        width: 130%;
        height:100%;
        background-size: 100% auto;
        left:-15%!important;
    }
    .fillin_title .cont_text span.cont_txt1{
        font-size:28px;
        line-height: 30px;
        margin-bottom:40px;
        letter-spacing: 1.5px;
    }
}


/* ONLY
======================*/

@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 768px) and (max-width: 989px) {}

@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width: 767px) {}


/* Firefox All */

@-moz-document url-prefix() {
    .xxxx {}
}


/* Safari 5~6 ONLY */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .xxxx {}
}


/* Safari 6以上 ONLY */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        _:-webkit-full-screen,
        .xxxx {}
    }
}


/**/