/*===============================================
������
===============================================*/

.wrapper {
	background: rgba(204,255,177,0.2);
 }

 .line {
 	background: #ccffb1;
	background: linear-gradient(#b9f3b9 52%, #ccffb1 48%);
 }
 
 .line div {
    width: 30%;
 	background: #ccffb1;
	padding: 18px;
	margin-left: auto;
 }
 
 .title img {
	display: block;
	margin: 0 auto;
 }
 
 .motto ul {
	list-style-type: none;
	padding-left: 17px;
 }

 .motto ul li:before {
	content: "1.";
	margin-right: 8px;
 }




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

 .title {
	height: 70px;
	background: #ccffb1;
	background: linear-gradient(#ccffb1 52%, #b9f3b9 48%);
    position: relative;
 }
 
 .title :before {
    width: 200%;
	height: 70px;
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
 	background: #ccffb1;
 }
 
 .title div.title-img {
    position: absolute;
	left: 50%;
    margin-left: -226px
 }

}


@media screen and (max-width: 480px){ 

 .title {
	background: #ccffb1;
 }

}