@charset "utf-8";

html{font-size:10px;}
.container{width:100%; margin:0 auto; max-width:1000px; position:relative;}

.con01{position:relative; padding:0 50px; background:#d6e6b7}
.con02{position:relative; padding:100px 0; background:#9fa551}
.con03{position:relative; padding:100px 0; background:#d6e6b7}
.con04{position:relative; padding:100px 0; background:#f6ecce}

.con01 .img{position:relative; text-align:center}
.con02 .img{position:relative; text-align:center}
.con03 .tit{position:relative; color:#232222; text-align:center}
.con03 .tit .t1{position:relative; font-size:30px; font-weight:bold}
.con03 .tit .t2{position:relative; padding:10px 0 0 0; font-size:58px; font-weight:bold}
.con03 .tit .t3{position:relative; padding:10px 0 0 0; font-size:20px}
.con04 .tit{position:relative; color:#232222; text-align:center}
.con04 .tit .t1{position:relative; font-size:30px; font-weight:bold}
.con04 .tit .t2{position:relative; padding:10px 0 0 0; font-size:58px; font-weight:bold}
.con03 .img{position:relative; padding:50px 20px 0 20px; text-align:center}
.con04 .img{position:relative; padding:50px 20px 0 20px; text-align:center}

@media screen and (max-width: 1000px){
	.con02, .con03, .con04{padding:50px 0}
	
	.con03 .tit .t1{font-size:20px}
	.con03 .tit .t2{font-size:30px}
	.con03 .tit .t3{font-size:15px}
	.con04 .tit .t1{font-size:20px}
	.con04 .tit .t2{font-size:30px}
}

@media screen and (max-width: 768px){
	.con01{padding:0 10px}
	.con02{padding:50px 10px}
	.con02 .img{margin:0 -50px}
	
	.con03 .tit .t1{font-size:17px}
	.con03 .tit .t2{font-size:25px; padding:5px 0 0 0}
	.con03 .tit .t3{font-size:14px}
	.con04 .tit .t1{font-size:17px}
	.con04 .tit .t2{font-size:25px; padding:5px 0 0 0}
	
	.con03 .img, .con04 .img{padding:30px 10px 0 10px}
}