.banner{
    background:url(/statics/images/webico/special/ztfm/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.item_title{
    font-size:2em;
    color:#ca5329;
    text-align:center;
    font-weight:initial;
}
.painful_layout{
    margin:4% 0 0 0;
    width:100%;
    display:table;
    padding:0;
    list-style:none;
}
.painful_layout li:first-child{
    float:left;
    width:35%;
}
.painful_layout li:last-child{
    float:right;
    width:58%;
}
.painful_layout li:last-child p{
    padding-top:3%;
}
.painful_layout li:last-child p span{
    font-weight:bold;
}
.describe{
    margin-top:3%;
}
.benefit{
    width:100%;
    margin:2% 0 0 0;
    border:0px;
    border-spacing:0;
    border-collapse:separate;
}
.benefit td{
    background-color:#fce5dd;
    width:50%;
}
.benefit td:first-child{
    padding:0 3%;
    line-height:2em;
}
.misunderstanding{
    width:100%;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
}
.misunderstanding li{
    width:22%;
    float:left;
    margin-left:4%;
}
.misunderstanding li:first-child{
    margin-left:0;
}
.misunderstanding_title{
    font-size:1.1em;
}
.misunderstanding_title span{
    color:#ca5329;
    font-size:1.2em;
}
.misunderstanding_describe{
    margin-top:3%;
}
.ztfm{
    width:100%;
    border:0;
    border-spacing:0;
    border-collapse:separate;
    margin-top:2%;
}
.ztfm td{
    width:50%;
}
.ztfm td:last-child{
    padding:0 7%;
}
.ztfm td:last-child h2{
    font-size:1.2em;
}
.ztfm td:last-child p{
    margin-top:3%;
}
.ztfm td:last-child a{
    display:table;
    margin-top:4%;
    padding:5px 30px;
    background-color:#ca5329;
    color:#fff;
    border-radius:30px;
}
.advantage{
    margin:2% 0 0 0;
    padding:0;
    width:100%;
    list-style:none;
}
.advantage li{
    float:left;
    width:47%;
    margin:1% 0 0 6%;
}
.advantage li:nth-child(odd){
    margin-left:0;
}
.advantage_title{
    background-color:#ca5329;
    color:#fff;
    line-height:40px;
    text-align:center;
}
.advantage_describe{
    background-color:#fce5dd;
    padding:2% 4%;
    height:143px;
}
.mzk{
    width:100%;
    border:0px;
    border-spacing:0;
    border-collapse:separate;
    margin-top:3%;
}
.mzk td{
    width:50%;
    background-color:#fce5dd;
}
.mzk td:first-child{
    padding:4% 8%;
}
.expert{
    width:100%;
    border:0px;
    border-spacing:0;
    border-collapse:separate;
    margin-top:3%;
}
.expert td{
    width:50%;
}
.expert td:last-child{
    padding:0 5%;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url(/statics/images/webico/special/ztfm/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .painful_layout li:first-child{
        float:left;
        width:100%;
    }
    .painful_layout li:last-child{
        float:right;
        width:100%;
        line-height:1.5em;
    }
    .benefit td{
        width:100%;
        float:left;
    }
    .benefit td:first-child{
        width:94%;
        line-height:1.5em;
        padding:2% 3%;
    }
    .misunderstanding li{
        width:48%;
        margin-top:2%;
    }
    .misunderstanding li:nth-child(odd){
        margin-left:0;
    }
    .misunderstanding_describe{
        height:95px;
    }
    .ztfm td{
        width:100%;
        float:left;
    }
    .ztfm td:last-child{
        margin-top:2%;
        width:86%;
    }
    .ztfm td:last-child a{
        width:initial;
    }
    .advantage li{
        width:49%;
        margin:2% 0 0 2%;
    }
    .advantage_describe{
        height:210px;
    }
    .mzk td{
        width:100%;
        float:left;
    }
    .mzk td:first-child{
        padding:4% 4%;
        width:92%;
    }
    .expert td{
        width:100%;
        float:left;
    }
    .expert td:last-child{
        padding:2% 0;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url/statics/images/webico/special/ztfm/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .painful_layout li:first-child{
        float:left;
        width:100%;
    }
    .painful_layout li:last-child{
        float:right;
        width:100%;
        line-height:1.5em;
    }
    .benefit td{
        width:100%;
        float:left;
    }
    .benefit td:first-child{
        width:94%;
        line-height:1.5em;
        padding:2% 3%;
    }
    .misunderstanding li{
        width:48%;
        margin-top:2%;
    }
    .misunderstanding li:nth-child(odd){
        margin-left:0;
    }
    .misunderstanding_describe{
        height:114px;
    }
    .ztfm td{
        width:100%;
        float:left;
    }
    .ztfm td:last-child{
        margin-top:2%;
        width:86%;
    }
    .ztfm td:last-child a{
        width:initial;
    }
    .advantage li{
        width:49%;
        margin:2% 0 0 2%;
    }
    .advantage_describe{
        height:225px;
    }
    .mzk td{
        width:100%;
        float:left;
    }
    .mzk td:first-child{
        padding:4% 4%;
        width:92%;
    }
    .expert td{
        width:100%;
        float:left;
    }
    .expert td:last-child{
        padding:2% 0;
    }
}