@charset "utf-8";
@import url("business.css");

.row01 ul {width:85%; margin:0 auto;}
.row01 li {float:left}
.row01 li.img {width:40%}
.row01 li.txt {width:60%; font-size:1.2em; padding-top:20px; line-height:30px}

.row02 li {float:left; width:32%; margin-left:2%; margin-top:70px}
.row02 li:first-child {margin-left:0}

.row03 li {float:left; width:49%; margin-left:2%; margin-top:70px}
.row03 li:first-child {margin-left:0}
.row03 h3 {font-size:1.2em; margin-top:5px}


@media screen and (max-width:976px) {	
	.row01 li.txt { font-size:1.1em; line-height:25px}
}


@media screen and (max-width:850px) {	
	.row01 ul {width:90%}	
	.row01 li.img {width:30%}
	.row01 li.txt {width:70%}
}

@media screen and (max-width:720px) { 
	.row02 li {margin-top:50px}
	.row03 li {clear:both; width:100%; margin:50px 0 0 0}
}


@media screen and (max-width:670px) {	
	.row01 ul {width:100%}	
	.row01 li.img {width:100%; text-align:center}
	.row01 li.img img {width:50%}	
	.row01 li.txt {width:100%; font-size:1em; line-height:20px}
}


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

	.row01 li.txt {font-size:.87em}
	.row01 li.img img {width:70%}
	.row02 li,
	.row03 li  {margin-top:25px}
	.row03 h3 {font-size:1em;}
	.row03 video {width:100%; height:auto}
}