.security_wrapper{    
    max-width: 1200px;
    display: block;
    margin: 0px auto;
}
.security_title {margin: 60px 0px;}
.security_title h2{
    position: relative;
    font-size: 24px;
    color: #000;
    padding-left: 60px;
    margin-left: 22px;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.security_title h2:before{
    content: "";
    position: absolute;
    background: url(../../img/share/icon-security.svg) no-repeat;
    top: -10px;
    left: 17px;
    width: 30px;
    height: 44px;
}
.bg_main {
    background: url(../../img/security/bg_main_security.jpg)no-repeat;
    width:  100%;
    position:  relative;
}

.bg_main:after {
    content:  '';
    position:  absolute;
    background: url(../../img/security/icon_dropdown.png) no-repeat;
    bottom: -110px;
    margin:  0px auto;
    display:  block;
    left:  0;
    right:  0;
    width:  220px;
    height: 111px;
}
.cheat_wrapper {position:  relative;top: -30px;padding-bottom: 88px;}
.security_wrapper .protect_wrapper {
    text-align:  center;
    margin-top: 145px;
    overflow:  hidden;
}
.security_wrapper dl {
    display:  inline-block;
    width: 48%;
    margin: 4px;
}
.protect_wrapper dt h3 {
    position:  relative;
    display: table;
    font-size:  24px;
    font-size:  2.4rem;
    font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.protect_wrapper dt h3:after {
    content:  '';
    position: absolute;
    background: #76c4aa;
    height: 3px;
    /* width: auto; */
    margin:  0px auto;
    left:  0;
    right:  0;
    top: 37px;
    display:  block;
}
.protect_wrapper dl dd a img {
    position:  relative;
    top: -10px;
}
.worry_viruses {
    margin-bottom: 125px;
    margin-top: 60px;
}
.worry_viruses h3 {
    width:  474px;
    height:  80px;
    border: 4px solid #ff891f;
    font-size:  24px;
    font-size:  2.4rem;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    text-align:  center;
    line-height: 80px;
    margin:  0px auto;
    position: relative;
}

.worry_viruses h3:after {
    content:  '';
    position:  absolute;
    top: 100px;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  0px auto;
    background: url(../../img/security/icon_dropdown1_11.png) no-repeat;
    width:  83px;
    height: 86px;
}
.greatrates_wrapper {
    max-width:  1264px;
    display:  block;
    background: #fbffe3;
    margin: 0px auto 110px;
    text-align:  center;
    overflow:  hidden;
    box-sizing:  border-box;
    padding: 23px 0px;
}

.properties {
    display:  inline-block;
    vertical-align:  middle;
    width:  230px;
    height: 230px;
    margin: 0px 35px;
}

.mb_properties,.mb_greatrates_text {
    display: none;
}

.internet_sagiwall {
    display:  inline-block;
    vertical-align:  middle;
}

.protect_child_wrapper {
    max-width: 1130px;
    margin: 0px auto 60px;
    display: block;
    background: #ffffff;
    border: 12px solid #e9f4d9;
    position:  relative;
    padding: 38px;
    box-sizing:  border-box;
}

.protect_child_wrapper:before {
    content:  '';
    position:  absolute;
    background: url(../../img/security/icon_family.svg) no-repeat top center;
    width:  235px;
    height: 309px;
    top: -80px;
    left: -1px;
}

.protect_child_wrapper:after {
    content: '';
    position: absolute;
    background: url(../../img/security/icon_heart.svg) no-repeat top center;
    width: 106px;
    height: 106px;
    top: -80px;
    right: -22px;
}

.netfilter_title {
    display: inline-block;
    font-size:  24px;
    font-size:  2.4rem;
    font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    width: 74%;
    text-align: left;
    box-sizing:  border-box;
    padding-left: 200px;
    vertical-align: middle;
}
.img_netfilter {
    display: inline-block;
    width: 25%;
    box-sizing:  border-box;
    vertical-align: middle;
}

.netfilter_title span {
    color: #ff891f;
    font-size:  36px;
    font-size:  3.6rem;
    font-family: 'KOZGOPR6N','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 600;
}
.mb_cheat_wrapper{display: none;}

/* ----- idadvisor ---- */
.idadvisor_wrapper {background-color:#242e39;color:#ffc200;}
.idadvisor_wrapper .sub_greatrates{text-align:left;}
.idadvisor_wrapper .idadvisor_left{font-size:2.1em;line-height:1em;width:330px;margin:0px 35px 0px 50px;display:inline-block;text-align:center;vertical-align:middle;}
.idadvisor_wrapper .idadvisor_left ul{font-size:0.7em;color:#e4e4e4;text-align:left;list-style-type:disc;margin:1em 0 0 2em;}
.idadvisor_wrapper .idadvisor_right{display:inline-block;vertical-align:middle;}
.idadvisor_wrapper .idadvisor_right .ida_head{color:#e4e4e4;font-size:2em;}
.idadvisor_wrapper .idadvisor_right .ida_name{color:#ffc200;font-size:4.5em;line-height:1.5em;}
.idadvisor_wrapper .idadvisor_right .ida_sub{color:#ffc200;font-size:3em;line-height:1em;}
.idadvisor_wrapper .idadvisor_right .ida_price{color:#e4e4e4;font-size:2em;display:block;text-align:right;}
/* -------------------- */

@media (max-width: 1199px) and (min-width: 992px){
    .protect_wrapper dt h3 {
    font-size:  20px;
    font-size: 2rem;
}

.bg_main {
    background-size: 100%;
}

.security_wrapper {
    margin: 15px 15px 0px 15px;
    max-width: initial;
}

.cheat_wrapper {
    width: 456px;
    padding-bottom: 55px;
}

.protect_child_wrapper {
    max-width:  initial;
    width:  auto;
    padding:  0;
    margin: 15px;
}

.greatrates_wrapper {
    max-width: initial;
}

.protect_child_wrapper:after {
    width:  100px;
    right: -9px;
}

.netfilter_title span {
    font-size:  30px;
    font-size:  3rem;
}

.protect_child_wrapper:before {
    width: 160px;
}
.mb_properties{display:none;}

.mb_greatrates_text {
    display:  none;
}

    /* ----- idadvisor ---- */
    .idadvisor_wrapper .idadvisor_left{font-size:1.6em;line-height:1.2em;width:220px;margin:0px 30px 0px 30px;}
    .idadvisor_wrapper .idadvisor_left ul{display:none;}
    .idadvisor_wrapper .idadvisor_right{font-size:0.7em;}
    /* -------------------- */
}
@media (max-width: 991px) and (min-width: 768px){
    .bg_main {
        background-size: 100%;
        width: auto;
        height:  auto;
        padding-bottom: 32px;
    }
    .bg_main:after {
        content:  '';
        position:  absolute;
        background: url(../../img/security/icon_dropdown.png) no-repeat;
        bottom: -109px;
        margin:  0px auto;
        display:  block;
        left:  0;
        right:  0;
        width: 200px;
        height: 110px;
        background-size: 200px 90px;
    }

    .properties {
        margin: 0px;
        height:  auto;
        width: 25%;
    }

.mb_properties {
    display:  none;
}
    .internet_sagiwall {
        width: 70%;
    }

   
    .protect_wrapper dt h3 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .security_title h2 {
        margin: 0px 15px;
    }

    .cheat_wrapper img {
        width: 380px;
        height: auto;
    }

    .cheat_wrapper {
        margin: 0px 15px;
        padding-bottom: 0;
    }

    .worry_viruses h3 {
        height: 50px;
        line-height: 50px;
    }

    .worry_viruses h3:after {
        content: '';
        position: absolute;
        top: 70px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0px auto;
        background: url(../../img/security/icon_dropdown1_11.png) no-repeat;
        width: 70px;
        height: 70px;
        background-size: 70px 70px;
    }

    .worry_viruses {
        margin: 30px auto 100px;
    }

    .protect_wrapper dt h3:after {
        top: 25px;
    }
    .protect_child_wrapper:before {
        width: 169px;
        bottom: 0px;
        top: -60px;
    }
    .sub_protect {
        max-width: 500px;
        margin:  0px auto;
        text-align:  center;
        vertical-align:  middle;
    }
    .netfilter_title {
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 56px;
        text-align:  center;
    }

    .netfilter_title span {
        font-size:  18px;
        font-size: 18px;
    }

    .protect_child_wrapper:after {
        width: 80px;
        right: -17px;
        top: -50px;
    }

    .protect_child_wrapper {
        margin: 0px 15px 30px;
    }
    .sub_greatrates p{display: none;}

    /* ----- idadvisor ---- */
    .idadvisor_wrapper .idadvisor_left{font-size:1.3em;line-height:1em;width:200px;margin:0px 20px 0px 20px;}
    .idadvisor_wrapper .idadvisor_left ul{display:none;}
    .idadvisor_wrapper .idadvisor_right{font-size:0.7em;}
    /* -------------------- */
}

@media (max-width: 767px){

    .security_wrapper {
        margin: 12px;
    }
    .cheat_wrapper {
        display:  none;
        position:  relative;
        top:  0;
    }
    .security_title {margin: 11px 0px;}
    .bg_main {background:none;height:  auto;width:auto;}
    .bg_main:after {
        content:  '';
        position:  absolute;
        background: url(../../img/security/icon_dropdown.png) no-repeat bottom center;
        margin:  0px auto;
        display:  block;
        left:  0;
        right:  0;
        bottom: -28px;
        background-size: 57px 28px;
    }

    .mb_cheat_wrapper {
        display:  block;
        margin: 0px auto;
    }

    .mb_cheat_wrapper img {
        width: 100%;
    }
    .security_title h2{
        position: relative;
        font-size: 12px;
        font-size:  1.2rem;
        color: #000;
        padding-left: 41px;
        margin-left: 0px;
        font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    }
    .security_title h2:before{
        content: "";
        position: absolute;
        background: url(../../img/share/icon-security.svg) no-repeat;
        top: -5px;
        left: 17px;
        width: 16px;
        height: 25px;
        vertical-align: middle;
    }
    .security_wrapper .protect_wrapper {
        margin-top: 35px;
    }

    .security_wrapper dl {
        width:  auto;
        margin: 0px;
    }

    .worry_viruses h3 {
        width: 237px;
        font-size:  12px;
        font-size:  1.2rem;
        line-height:  40px;
        height:  auto;
    }

    .protect_wrapper dt h3 {
        font-size:  12px;
        font-size: 1.2rem;
    }

    .protect_wrapper dt h3:after {
        top: 17px;
    }

    .protect_wrapper dl dd {
        margin-bottom: 26px;
    }

.protect_wrapper dl dd img {
    width: 100%;
}

    .worry_viruses {
        margin-top: 0px;
        margin-bottom: 60px;
    }

    .mb_properties {
        width: 27%;
        display: inline-block;
        height:  auto;
        margin: 0px 10px 0px 0px;
        vertical-align:  middle;
    }

.mb_greatrates_text {
    text-align:  left;
    max-width: 530px;
    display:  block;
    margin:  0px auto;
    font-size: 10px;
    font-size: 1rem;
    margin-left: 20px;
    font-weight: 600;
}

    .internet_sagiwall {
        width: 60%;
        display:  inline-block;
        vertical-align: middle;
    }

    .protect_child_wrapper {
        max-width:  initial;
        padding: 0px;
        margin: 0px;
        margin: 12px;
        padding: 13px;
        border: 6px solid #e9f4d9;
    }

    .netfilter_title {
        font-size:  12px;
        font-size:  1.2rem;
        width:  auto;
        padding:  0;
        margin:  0px auto;
        display:  block;
        text-align: left;
        max-width: 257px;
    }

    .protect_child_wrapper:before {
        width: 61px;
        height: 80px;
        top: inherit;
        bottom: -6px;
    }

    .netfilter_title span {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .img_netfilter {
        margin:  0px auto;
        display:  block;
        width: 60%;
        text-align:  center;
    }

    .greatrates_wrapper {
        max-width: initial;
        padding: 10px 0px 5px 0px;
        margin:  0px;
    }

    .sub_greatrates {
        max-width: 600px;
        display: block;
        margin:  0px auto;
    }
    .properties{display: none;}

    .worry_viruses h3:after {
        top: 54px;
        background: url(../../img/security/icon_dropdown1_11.png) no-repeat;
        background-size: 40px 40px;
        margin: 0px auto;
        right:  0;
        left:  0;
        width: 40px;
        bottom:  0px;
        height: 40px;
    }
    .protect_child_wrapper:after {
        background: url(../../img/security/icon_heart.svg) no-repeat top center;
        background-size: 38px 38px;
        top: -23px;
        width: 38px;
        height: 38px;
        right: -10px;
    }

    /* ----- idadvisor ---- */
    .idadvisor_wrapper .idadvisor_left{font-size:0.9em;line-height:1.2em;width:180px;margin:0px 20px 0px 10px;}
    .idadvisor_wrapper .idadvisor_left ul{display:none;}
    .idadvisor_wrapper .idadvisor_right{font-size:0.5em;}
    /* -------------------- */

}
@media (max-width: 414px){
    /* ----- idadvisor ---- */
    .idadvisor_wrapper .idadvisor_left{font-size:0.9em;line-height:1.2em;width:100px;margin:0px 10px 0px 5px;}
    .idadvisor_wrapper .idadvisor_left ul{display:none;}
    .idadvisor_wrapper .idadvisor_right{font-size:0.3em;}
    /* -------------------- */
}
@media (max-width: 360px){
    /* ----- idadvisor ---- */
    .idadvisor_wrapper .idadvisor_left{font-size:0.6em;line-height:1.3em;width:50px;margin:0px 2px 0px 1px;}
    .idadvisor_wrapper .idadvisor_left ul{display:none;}
    .idadvisor_wrapper .idadvisor_right{font-size:0.3em;}
    /* -------------------- */
}