@charset "utf-8";

h2.title{
  background-image:url(/incident/img/bg_h2_incident.jpg);
}
#contentsarea .lead{
  padding:0 20px;
  line-height:150%;
  margin:30px auto;
}

/* アンカーボタン */
#contentsarea .anc_btn{
  padding:0 20px;
}
#contentsarea .anc_btn li{
  margin-bottom:10px;
}
#contentsarea .anc_btn li a{
  display:block;
  padding:20px 15px;
  border:1px solid #000000;
  box-sizing:border-box;
  color:#000000;
}

/* セクション */
#contentsarea section#virus .titlearea{
  background-image:url(/incident/img/bg_h3_virus.jpg);
}
#contentsarea section#cyberattack .titlearea{
  background-image:url(/incident/img/bg_h3_cyberattack.jpg);
}
#contentsarea section#illegal .titlearea{
  background-image:url(/incident/img/bg_h3_illegal.jpg);
}
#contentsarea section#forensics .titlearea{
  background-image:url(/incident/img/bg_h3_forensics.jpg);
}
#contentsarea section#pricelist .titlearea{
  background-image:url(/incident/img/bg_h3_pricelist.jpg);
}
#contentsarea section .titlearea .text_wrap{
  background:#E16C00;
}
#contentsarea section .detail{
  background:#efefef;
}
#contentsarea section .detail h4{
  color:#E16C00;
}
#contentsarea section .detail .targetuser,
#contentsarea section .detail .merit{
  border-bottom:1px solid #E16C00;
}
#contentsarea section#pricelist .detail dt{
  background:#E16C00;
}

/* 予防対策 */
#contentsarea section#prevention{
  background:#E16C00;
  text-align:center;
  padding:30px 20px 40px 20px;
  margin-top:40px;
}
#contentsarea section#prevention h2{
  font-weight:400;
  font-size:3.8rem;
  background:url("/common/img/pulse_w.svg") no-repeat center bottom;
  background-size:75px;
  padding-bottom:45px;
  color:#ffffff;
}
#contentsarea section#prevention .listarea{
  background-image:url(/incident/img/bg_prevention.jpg);
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:center bottom;
  padding-bottom:56%;
}
#contentsarea section#prevention .listarea ul{
  margin-top:30px;
  padding:25px 30px 30px 30px;
  background:#ffffff;
  text-align:left;
}
#contentsarea section#prevention .listarea ul li{
  margin-bottom:20px;
  line-height:150%;
}
#contentsarea section#prevention .listarea ul li:last-child{
  margin-bottom:0;
}
#contentsarea section#prevention .listarea ul li .fa-chevron-circle-right{
  color:#E16C00;
}
#contentsarea section#prevention .listarea ul li span{
  color:#000000;
}



/* タブレット
-------------------------------------------------- */
@media only screen and (min-width: 667px) {

  /* 予防対策 */
  #contentsarea section#prevention{
    padding:50px 20px 60px 20px;
  }
  #contentsarea section#prevention h2{
    font-size:4.6rem;
  }
  #contentsarea section#prevention .listarea{
    background-size:auto 100%;
    background-position:right center;
    padding-bottom:0;
  }
  #contentsarea section#prevention .listarea ul{
    width:50%;
    box-sizing:border-box;
  }
}

@media only screen and (min-width: 736px) {

  /* 予防対策 */
  #contentsarea section#prevention .listarea ul{
    padding:35px 40px 40px 40px;
  }
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 769px) {

  #contentsarea .lead{
    max-width:1000px;
  }

  /* アンカーボタン */
  #contentsarea .anc_btn{
    max-width:770px;
    margin:0 auto;
  }

  /* 予防対策 */
  #contentsarea section#prevention{
    max-width:100%;
    box-sizing:border-box;
    margin-bottom:0;
    margin-top:70px;
  }
  #contentsarea section#prevention .listarea{
    max-width:1000px;
    margin:30px auto 0 auto;
  }
  #contentsarea section#prevention .listarea ul{
    padding:45px 50px 50px 50px;
    min-height:285px;
  }
  #contentsarea section#prevention .listarea ul li a:hover,
  #contentsarea section#prevention .listarea ul li span:hover{
    color:#555555;
    text-decoration:underline;
  }
}