.it-wrap_head .it-head_contents{
  text-align: center;
  position: relative;
}
.it-wrap_main{
  width: 1120px;
  margin: 0 auto;
}
.it-wrap_main .main_contents{
  text-align: center;
}
.it-head_contents .cp_date{
	width: 620px;
	margin: 20px auto -45px;
	background: url(../../images/it-security/image_main_campaign.jpg) no-repeat;
}
.it-head_contents .cp_date p{
	padding-top: 65px;
	padding-bottom: 15px;
	color: #fff100;
	font-size: 21px;
	letter-spacing: 0.1em;
}
.it-head_contents .cp_date p span{
	font-size: 18px;
}
.answer{
	margin-top: 20px;
}
/*- chap1 -*/
.it-wrap_main .chap1{
  margin-top: 40px;
  padding-bottom: 37px;
}
.it-wrap_main .main_contents .contents_title{
  margin-bottom: 25px;
}
.chap1_funcPoint{
  width: 990px;
  margin: 0 auto 35px auto;
		padding-left: 20px;
}
.func1,.func3,.func5{
  float: left;
}
.func2,.func4,.func6{
  float: right;
}
.func1,.func2,.func3,.func4{
  margin-bottom: 20px;
}
.btn-detail img{
  box-shadow: 4px 3px 9px 0px rgba(0,0,0,0.3);
  border-radius: 27px;
  overflow: hidden;
}
.btn-detail a{
  display: block;
  width: 595px;
  height: 105px;
  margin: 30px auto 0;
}
/*- chap2 -*/
.it-wrap_main .chap2{
  padding-bottom: 75px;
}
.menu_lineUp{
  margin: 30px 0;
}
.service_menu{
  margin-bottom: 15px;
}
.attention{
  margin-top: 25px;
}

.service_flow{
  margin-bottom: 85px;
}
.pran{
  margin-top: 100px;
  margin-bottom: 25px;
}
.pran_att{
  margin-top:30px;
  margin-bottom: 55px;
}
/*- Camp -*/
.camp{
	width: 858px;
	margin: 85px auto 150px;
	background: url(../../images/it-security/image_campaign.jpg) no-repeat;
}
.camp p{
	padding-top: 128px;
	padding-bottom: 531px;
	color: #fff100;
	font-size: 27px;
	letter-spacing: 0.1em;
}
.camp p span{
	font-size: 20px;
}

/*- contact -*/
.contact{
  margin-top: 120px;
  text-align: center;
}
.contents-contact_form{
  width: 852px;
  margin: 30px auto 0;
  text-align: left;
  font-weight: bold;
}
.contents-contact_form .item{
  font-size: 25px;
}
.contents-contact_form .item_checkList{
  list-style: none;
  font-size: 18px;
}
.contents-contact_form input[type=text]{
  width: 812px;
  height: 30px;
  font-size: 23px;
}
.contents-contact_form textarea{
  resize: none;
  font-size: 23px;
  width: 812px;
}
.contents-contact_form .form_submit{
  width: 602px;
  margin: 40px auto 0;
}
.contents-contact_form .form_submit img{
  box-shadow: 4px 3px 10px 0px rgba(0,0,0,0.3);
  border-radius: 20px;
  overflow: hidden;
}
.contents-contact_form .form_submit a{
  display: block;
  width: 602px;
  height: 104px;
}
.tel{
  font-weight: bold;
  margin-top: 50px;
}
.tel img{
  vertical-align: sub;
}
.tel .phoneNo{
  font-size: 30px;
}

/*- footer -*/
.it-wrap_footer{
  text-align: center;
  margin-top:185px;
  padding-bottom: 50px;
}
.it-wrap_footer .footer_menu img{
  margin-bottom: 10px;
}
.it-wrap_footer .footer_menu a{
  display: block;
}

.spContents{
  display: none;
}
.it-sphead_contents{
  display: none;
}
@media screen and (max-width: 737px){
  .it-wrap{
    width: 100%;
  }
  .it-sphead_contents{
    display: block;
    width: 100%;
  }
	.cp_sp_date{
		width: 67%;
		margin: 0 auto;
		background: url(../../images/it-security/image_sp_head_campaign.jpg) no-repeat;
		text-align: center;
		background-size: 100%;
	}
	.cp_sp_date p{
		padding-top: 9%;
		padding-bottom: 2%;
		color: #fff100;
		font-size: 0.7em;
		letter-spacing: 0.1em;
	}
	.cp_sp_date p span{
		font-size: 0.68em;
	}
  .submain{
    width: 95%;
    margin: 0 auto;
    padding-top: 10px;
  }
  .it-head_contents{
    display: none;
  }
  .spContents{
    display: block;
  }
  .main_contents{
    display: none;
  }
  .it-wrap img{
    width: 100%;
  }
  .it-wrap_head .it-head_contents h2{
    margin-top: 35px;
  }
  .it-head_contents h2 img{
    width: 80%;
  }
  .it-wrap_main{
    width: 100%;
  }
  .spContents{
    width: 90%;
    margin: 0 auto;
  }
  .spContents02{
    width: 100%;
    margin: 0 auto;
  }
  /*- spChap1 -*/
  .spChap1{
    margin: 18px 0 0px;
    padding-bottom: 20px;
  }
		.spChap1-Box{
			margin:0 -5%;
		}
  .spContents_title{
    margin-bottom: 15px;
  }
  .spChap1_func{
    margin-bottom: 10px;
  }
  .spChap1_pr{
    width: 95%;
    margin: 30px auto 0;
  }
  .btn-detail img{
    width: 95%;
    box-shadow: 4px 3px 9px 0px rgba(0,0,0,0.3);
    border-radius: 10px;
    overflow: hidden;
  }
  .btn-detail a{
    display: block;
    width: 95%;
    height: auto;
    margin: 10px auto 0;
  }
  .pran{
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .spChap2{
    padding-bottom: 20px;
  }
  .spChap2_txt{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .spChap2_attention{
    width: 80%;
    margin: 0px auto 0;
  }
  .spChap3 .spService_flow{
    margin-bottom: 15px;
  }
	.spCamp{
		width: 85%;
		margin: 15px auto;
		background: url(../../images/it-security/image_sp_campaign.jpg) no-repeat;
		background-size: 100%;
		text-align: center;
	}
	.spCamp p{
		padding-top: 15%;
		padding-bottom: 62%;
		color: #fff100;
		letter-spacing: 0.1em;
		font-size: 0.7em;
	}
	.spCamp p span{
		font-size: 0.68em;
	}
  .contact{
    width: 95%;
    margin: 20px auto 0;
  }
  .contents-contact_form{
    width: 95%;
    margin-top: 10px;
  }
  .contents-contact_form .item{
    font-size: 1em;
  }
  .contents-contact_form input[type=text]{
    width: 95%;
    height: 20px;
    font-size: 1em;
  }
  .contents-contact_form textarea{
    width: 97%;
    font-size: 1em;
  }
  .contents-contact_form .form_submit{
    width: 95%;
    margin: 40px auto 0;
    text-align: center;
  }
  .contents-contact_form .form_submit img{
    box-shadow: 4px 3px 10px 0px rgba(0,0,0,0.3);
    border-radius: 10px;
    overflow: hidden;
  }
  .contents-contact_form .form_submit a{
    display: block;
    width: 95%;
  }
  .tel{
    font-weight: bold;
    margin-top: 30px;
  }
  .tel img{
    width: 10%;
    vertical-align: sub;
  }
  .tel .phoneNo{
    font-size: 1.2em;
    margin-left: 2%;
  }

  .incOpen{
    font-size:15px;
  }
  .it-wrap_footer{
    margin-top: 50px;
  }
  .it-wrap_footer .footer_menu .footer_menu_logo{
    width: 30%;
  }
  .it-wrap_footer .footer_menu .footer_menu_inc{
    width: 15%;
  }
  .it-wrap_footer .footer_menu .footer_menu_privacy{
    width: 40%;
  }
}
/*------------------
  it-security detail page
---------------------*/
.it-detail{
  width: 980px;
  margin: 0 auto;
  text-align: center;
  line-height: 0;
}
.it-detail .chapTitle{
  margin-top: 50px;
}
.it-detail .chapSubTitle{
  margin: 35px 0;
}
.it-detail .chap1 .chap1_txt{
  margin-top: 40px;
  margin-bottom: 45px;
}
.it-detail .chap2 .chap2_supp{
  margin-bottom: 23px;
}
.it-detail .chap2 .ransum{
  position: relative;
}
.it-detail .chap2 .img_ransum{
  position: absolute;
  top: 80px;
  right: -26px;
}
.it-detail .chap3 .chap3_img{
  margin-top: 50px;
}
.it-detail .chap4 .chap4_img{
  margin-bottom: 44px;
}
.it-detail .chap5 .chap5_img{
  margin-top: 30px;
}
.it-detail .chap6 .chap6_txt{
  margin-top: 40px;
}
.it-detail .btn-back{
  display: block;
  width: 583px;
  height: 119px;
  margin: 60px auto 0;
}
.it-detail-sp{
  display: none;
}

@media screen and (max-width:737px){
  .it-detail_wrap{
    width: 100%;
  }
  .it-detail{
    display: none;
  }
  .it-detail-sp{
    display: block;
  }
  .it-detail-header img{
    width: 100%;
  }
  .it-detail-sp{
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }
  .it-detail-sp img{
    width: 100%;
    margin-bottom: 4%;
  }
  .it-detail-sp .chap1 .chap_subTitle{
    width: 95%;
  }
  .it-detail-sp .chap2 .chap_subTitle{
    width: 54%;
  }
 .it-detail-sp .chap2 .ransum{
    position: relative;
  }
  .it-detail-sp .chap2 .img_ransum{
    position: absolute;
	width: 16%;
    top: 36%;
    right: -2%;
  }
  .it-detail-sp .chap3 .chap_subTitle{
    width: 49%;
  }
  .it-detail-sp .chap4 .chap_subTitle{
    width: 88%;
  }
  .it-detail-sp .chap5 .chap_subTitle{
    width: 85%;
  }
  .it-detail-sp .chap6 .chap_subTitle{
    width: 75%;
  }
  .it-detail-sp .chap4_att{
    width: 50%;
  }

  .btn-back{
    display: block; 
    margin-top: 10%;
  }

}

/*- footer -*/
.it-detail_wrap-footer{
  text-align: center;
  margin-top:60px;
  padding-bottom: 50px;
}
.it-detail_wrap-footer .footer_menu img{
  margin-bottom: 10px;
}
.it-detail_wrap-footer .footer_menu a{
  display: block;
}