@charset "UTF-8";
/* CSS Document */
#mainImg{background-image:url(../img/feature/main_img.jpg);}

#box01 {padding: 0 0 80px; background: url(../img/feature/line.png) repeat-x; background-position: bottom left;}

#box02 {padding: 50px 0 0;}
#box02 .tit {text-align: center; margin: 0 auto 40px;}
#box02 h3 {text-align: center; margin: 0 auto 40px;}
#box02 .gr {margin: 0 auto 40px;}
#box02 .gr .img {margin: 0 auto 20px;}
#box02 .gr .img img {float: left; width: 30%; }
#box02 .gr .img p {float: right; width: 68%; font-size: 13px;}
#box02 .gr ul {max-width: 860px; width: 100%; margin: 0 auto;}
#box02 .gr ul li {float: left; width: 46.52%;}
#box02 .gr ul li:nth-of-type(2) {float: right;}
#box02 .gr ul li figure figcaption {font-size: 12px; color: #009944; padding: 10px 0;}
#box02 .gr ul li figure figcaption.pink {color: #ea6094;}


/* ----------------------------
			MEDIA
---------------------------- */
@media screen and (max-width:767px){
	#box02 .gr .img img {float: none; width: auto; display: block; margin: 0 auto 10px;}
	#box02 .gr .img p {float: none; width: 100%;}
	#box02 .gr .img p br {display: none;}
	#box02 .gr ul li {float: none !important; width: 100%; margin: 0 auto 10px;}

}