div.cont01 { overflow: hidden; font-size:18px; line-height:30px;}
div.cont01 div.contL {float:left; width:45%;}
div.cont01 div.contR {float:right; width:54%;}
div.cont01 h3 {background:url("../img/tit_bg.jpg")no-repeat center center; width:349px; margin: 0 auto; height:61px; 
text-align:center; font-size:28px; color:#6a2c9b; padding-top:15px; line-height:30px;}
div.cont01 p.tit { font-size:28px; color:#6a2c9b; font-weight:500; padding:0 0 15px 38px; 
background:url("../img/arrow01.jpg")no-repeat left top; } 
div.cont01 p.txt {  }
div.cont01 p.txtBox { background-color: #e4dcea; font-weight:600; padding:5px 20px; margin-top:20px;  width:100%; border-radius:5px; line-height:30px;}
div.cont01 ul.li1 {padding-top:20px;}
div.cont01 ul.li1 li {background:url("../img/arrow02.jpg")no-repeat 2px center; color:#6a2c9b;  padding:0 0 0px 20px;  } 
div.cont01 p.txtBox2 {padding:25px 0 13px 0;}
div.cont01 p.txtBox2 span{ background:url("../img/arrow03.jpg")no-repeat 0px center; font-size:20px; color:#6a2c9b;
 border-bottom:2px solid #6a2c9b;  padding:3px 0 3px 20px; font-weight:500;  }
div.cont01 ul.li4 li{float:left; text-align:center;}
div.cont01 ul.li4 li+li {padding-left:70px;}

/*---------------------------------------
  MOBILE RESPONSIVE               
-----------------------------------------*/
@media (max-width: 1023px) {
div.cont01 div.contL {float:none; width:100%;}
div.cont01 div.contR {float:none; width:100%; padding-top:50px;}	
div.cont01 img{max-width:100%;}
div.cont01 ul.li4 li{width:48%; text-align:center; margin:0 1% ; box-sizing:border-box;}
div.cont01 ul.li4 li+li {padding-left:0px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}