@charset "UTF-8";


section.result_top{background-image: url("../img/result/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;margin: auto;max-width: 800px}
.flow_box ul{display: flex;margin: auto;
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: 24%;}
.box_w{width: 100%;text-align: center}
.flow_box ul li img{width: 100%}

.bk_01{background-image:url("../img/ai/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/ai/bk02.jpg");background-position:right 0 top 0;background-size: contain;background-repeat: no-repeat;background-size: 50%;min-height: 400px}

.bk_03{background-image:url("../img/ai/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}

.bk_05{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_06{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_07{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;}

.content_box_body img{width: 100%;}

ul.txt_only {list-style: none;flex-wrap: wrap;}

ul.txt_only  li{margin-bottom: 5px}

ul.txt_only  li i{color: #007EA9}

p.copy_txt{font-weight: bold;font-size: 19px;line-height: 1.6em}

ul.result_list{  list-style: none;padding: 0;
 display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.result_list li{background-color: #fff;list-style:none;width: 32%;margin-right: 2%}
ul.result_list li:nth-child(3){margin: 0}
ul.result_list li p{padding: 10px}


.pic_box{height: auto;position: relative}

.pic_box img{width: 100%}
.pic_box p{position: absolute;width: 100%;text-align: center;top: 45%;font-size: 22px;color: #fff;letter-spacing: 0.1em}

    @media (max-width: 768px) {
        .pic_box p{font-size: 6vw}
        
        ul.result_list{display: block}
        ul.result_list li{background-color: #fff;list-style:none;width: 100%;margin-right: 0%;margin-bottom: 40px}
ul.result_list li:nth-child(3){margin: 0}
        
        .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()}
        .bk_02{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:10px 3% 8vw}
        
        .flow_txt{width: 65%}
        
}