@charset "UTF-8";


section.security_top{background-image: url("../img/security/top_img.jpg");}

.shikaku_box{   display: flex;padding: 0;max-width: 1170px;
align-items: stretch;width: 100%}


.shikaku_box_main{width: 45%}

.shikaku_box_main table{width: 99%;margin-left: 1%}

.shikaku_title{text-align: center;background-color: #007EA9;padding: 20px;width: 10%;border-bottom: #F4F4F4 solid 3px;min-width: 100px}

.shikaku_title p{line-height: 1.3em;color: #fff;margin-top: 40%}

.content_body{padding: 20px 15px;max-width: 1170px;margin: auto}

.shikaku_box table td{background-color: #fff;padding: 5px 10px;border-bottom: #F4F4F4 solid 3px;color: #717171;font-size: 16px;text-align: left}

.title_w{width: 230px}
.flow_box {padding-bottom: 50px}
.flow_box ul{display: flex;
flex-wrap: wrap;
justify-content: space-between;align-items:flex-start;list-style: none}
.flow_box ul{margin: 0;padding: 0}
.flow_box ul li{width: 15.5%;}

.flow_box ul li img{width: 100%}

.bk_01{background-image:url("../img/security/bk01.jpg");background-position:right 0 top 0;background-size: contain;background-repeat: no-repeat;background-size: 50%;min-height: 400px}

.bk_02{background-image:url("../img/security/bk02.jpg");background-position:right 0 top 0;background-size: contain;background-repeat: no-repeat;background-size: 100%;min-height: 300px}

.bk_03{background-image:url("../img/security/bk03.jpg");background-position:right 0 top 0;background-size: contain;background-repeat: no-repeat;background-size: 100%;min-height: 300px}

.bk_04{background-image:url("../img/security/bk04.jpg");background-position:right 0 top 50%;background-size: contain;background-repeat: no-repeat;background-size: 100%;min-height: 300px}


.list_table {padding: 20px;background-color: #fff}

.list_table ul {list-style: none;margin: 0;
  display: flex;}

.list_table ul li{margin-right: 30px}

ul.title_only {list-style: none;padding: 0;display: flex;}

ul.title_only li{font-size: 16px;color: #007EA9;font-weight: bold;}



    @media (max-width: 768px) {
        .flow_box {padding-bottom: 0px}
        .bk_02{background-image:url("../img/security/bk02.jpg");background-position:right 0 top 0;background-size: contain;background-repeat: no-repeat;background-size: 100%;min-height: 250px}

.bk_03{background-image:url("../img/security/bk03.jpg");background-position:right 0 top 0;background-size: contain;background-repeat: no-repeat;background-size: 100%;min-height: 250px}

.bk_04{background-image:url("../img/security/bk04.jpg");background-position:right 0 top 50%;background-size: contain;background-repeat: no-repeat;background-size: 100%;min-height: 250px}
        
        .shikaku_box_main table{width:100%;margin-left: 0}
        ul.title_only {  list-style: none;padding: 0;display: block;}
        .list_table ul li{margin-right: 0px;width: 100%;margin-bottom: 20px}
        
        .list_table ul {  list-style: none;margin: 0;padding: 0;
  display: block;}
        .bk_01{background-image: url()}
        .flow_txt_title{font-size: 4.5vw;color: #007EA9;line-height: 1.3em;font-weight: bold}
        
        .shikaku_box{   display: block;padding: 0;max-width: 1170px;
align-items: stretch;width: 100%}
        
        .shikaku_title{text-align: center;background-color: #007EA9;padding: 10px 20px 5px;width: 100%;border-bottom: #F4F4F4 solid 3px;}
        .shikaku_title p{line-height: 1em;color: #fff;margin-top: 0; padding: 0;font-size: 4vw}
        .shikaku_box_main{width: 100%}
        
        .flow_box ul li{width: 100%;display: flex;margin-bottom: 10px;
flex-wrap: wrap;
justify-content: space-between;align-items: center}
        
        .flow_box ul{display: block;
flex-wrap: wrap;
justify-content: space-between;align-items:flex-start;list-style: none}
        
        .step_icon{background-color: #007EA9;width: 30%;background-image:url("../img/security/arrow.jpg");background-position: bottom;background-size: 100%;background-repeat: no-repeat;padding:20px 3% 10vw}
        
        .flow_txt{width: 65%}
        
}