@charset "utf-8";

@media screen and (min-width:1360px){
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:30px; margin-bottom:35px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:40px 2px;}
	
	.sub_slogan {width:100%; text-align:center; color:#000; font-size:38px; line-height:50px; letter-spacing:-1px; font-weight:400; margin-bottom:50px;}
	.sub_slogan i {color:#ccc; font-size:22px; display:block;}
	.sub_slogan span {display:block;}

	.bg_01_01 {width:100%; overflow:hidden; height:390px; background:url('/sub/img/bg_01_01.jpg')center no-repeat;}

	.sub_02_01_a {width:100%; overflow:hidden; }
	.sub_02_01_a li {float:left; width:23.5%; margin-right:2%; border:1px solid rgba(255,255,255,.3); box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.sub_02_01_a li:nth-child(4) {margin-right:0;}
	.sub_02_01_a .img {width:100%; height:160px; background-image: linear-gradient(to bottom right, #5c9d27, #0e6aaf); text-align:center; line-height:160px;}
	.sub_02_01_a .text {padding:30px; text-align:Center; color:#000; font-size:18px; padding-top:20px; background-color:#fff;}

	.bg_02_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_02_01.jpg')center no-repeat; background-attachment:fixed;}

	.sub_02_01_b {width:100%; overflow:hidden; border:1px solid rgba(0,0,0,.2); margin-top:50px;}
	.sub_02_01_b li {float:left; width:33.3333%; height:350px; border-right:1px solid rgba(0,0,0,.1); padding:30px; background-color:#fafafa;}
	.sub_02_01_b li:nth-child(3) {border-right:0;}
	.sub_02_01_b .img {width:150px; height:150px; margin:0 auto; border-radius:150px; background-color:#5c9d27;}
	.sub_02_01_b .text {text-align:center; color:#000;}
	.sub_02_01_b .text p {font-size:21px; padding-bottom:10px; padding-top:20px;}
	.sub_02_01_b .text span {opacity:0.6;l}

	.sub_02_01_c {width:100%; overflow:hidden; border:1px solid rgba(0,0,0,.2); margin-top:50px;}
	.sub_02_01_c li {float:left; width:50%; height:320px; border-right:1px solid rgba(0,0,0,.1); padding:30px; background-color:#fafafa;}
	.sub_02_01_c li:nth-child(2) {border-right:0;}
	.sub_02_01_c .img {width:150px; height:150px; margin:0 auto; border-radius:120px; background-color:#5c9d27;}
	.sub_02_01_c .text {text-align:center; color:#000;}
	.sub_02_01_c .text p {font-size:21px; padding-bottom:10px; padding-top:20px;}
	.sub_02_01_c .text span {opacity:0.6;}

	.sub_02_02 {width:100%; overflow:hidden; margin-top:50px;}
	.sub_02_02 li {float:left; width:33.33333%; background:url('/sub/img/bg_02_02_line.png')center top 245px no-repeat;}
	.sub_02_02 .img {background:url('/sub/img/dot_02_02.png')center bottom no-repeat; text-align:center; padding-bottom:30px;}
	.sub_02_02 .text { margin:30px 15px 15px 15px; height:230px; padding:40px 30px; border:1px solid #e5e5e5; text-align:Center; border-radius:5px; background-color:#fafafa;}
	.sub_02_02 .text h4 {color:#000; font-size:20px; font-weight:700; padding-bottom:15px;}
	.sub_02_02 .text p {width:100%; padding-bottom:10px;}
	
	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:60px; padding-bottom:60px;}
	.margin_bottom {width:100%; margin-bottom:80px;}
}

@media screen and (min-width:1024px) and (max-width:1359px){
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:30px; margin-bottom:35px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:40px 2px;}

	.sub_slogan {width:100%; text-align:center; color:#000; font-size:38px; line-height:50px; letter-spacing:-1px; font-weight:400; margin-bottom:50px; white-space:normal; word-break:keep-all; }
	.sub_slogan i {color:#ccc; font-size:22px; display:block;}
	.sub_slogan span {display:block;}

	.bg_01_01 {width:100%; overflow:hidden; height:390px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}
	
	.sub_02_01_a {width:100%; overflow:hidden; }
	.sub_02_01_a li {float:left; width:23.5%; margin-right:2%; border:1px solid rgba(255,255,255,.3); box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.sub_02_01_a li:nth-child(4) {margin-right:0;}
	.sub_02_01_a .img {width:100%; height:160px;background-image: linear-gradient(to bottom right, #5c9d27, #0e6aaf); text-align:center; line-height:160px;}
	.sub_02_01_a .text {padding:30px; text-align:Center; color:#000; font-size:18px; padding-top:20px; background-color:#fff;}

	.bg_02_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_02_01.jpg')center no-repeat; background-attachment:fixed;}

	.sub_02_01_b {width:100%; overflow:hidden; border:1px solid rgba(0,0,0,.2); margin-top:50px;}
	.sub_02_01_b li {float:left; width:33.3333%; height:320px; border-right:1px solid rgba(0,0,0,.1); padding:30px; background-color:#fafafa;}
	.sub_02_01_b li:nth-child(3) {border-right:0;}
	.sub_02_01_b .img {width:150px; height:150px; margin:0 auto; border-radius:150px; background-color:#5c9d27;}
	.sub_02_01_b .text {text-align:center; color:#000;}
	.sub_02_01_b .text p {font-size:21px; padding-bottom:10px; padding-top:20px;}
	.sub_02_01_b .text span {opacity:0.6;l}

	.sub_02_01_c {width:100%; overflow:hidden; border:1px solid rgba(0,0,0,.2); margin-top:50px;}
	.sub_02_01_c li {float:left; width:50%; height:320px; border-right:1px solid rgba(0,0,0,.1); padding:30px; background-color:#fafafa;}
	.sub_02_01_c li:nth-child(2) {border-right:0;}
	.sub_02_01_c .img {width:150px; height:150px; margin:0 auto; border-radius:150px; background-color:#5c9d27;}
	.sub_02_01_c .text {text-align:center; color:#000;}
	.sub_02_01_c .text p {font-size:21px; padding-bottom:10px; padding-top:20px;}
	.sub_02_01_c .text span {opacity:0.6;l}

	.sub_02_02 {width:100%; overflow:hidden; margin-top:50px;}
	.sub_02_02 li {float:left; width:33.33333%; background:url('/sub/img/bg_02_02_line.png')center top 245px no-repeat;}
	.sub_02_02 .img {background:url('/sub/img/dot_02_02.png')center bottom no-repeat; text-align:center; padding-bottom:30px;}
	.sub_02_02 .text { margin:30px 15px 15px 15px; height:270px; padding:40px 30px; border:1px solid #e5e5e5; text-align:Center; border-radius:5px; background-color:#fafafa;}
	.sub_02_02 .text h4 {color:#000; font-size:20px; font-weight:700; padding-bottom:15px;}
	.sub_02_02 .text p {width:100%; padding-bottom:10px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:60px; padding-bottom:60px;}
	.margin_bottom {width:100%; margin-bottom:80px;}
}

@media screen and (max-width:1023px){
	.sub_title {font-size:22px; line-height:32px; color:#000; padding-bottom:25px; margin-bottom:20px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:30px 1px;}

	.sub_slogan {width:100%; text-align:center; color:#000; font-size:22px; line-height:30px; letter-spacing:-1px; font-weight:400; margin-bottom:25px; white-space:normal; word-break:keep-all; }
	.sub_slogan i {color:#ccc; font-size:15px; display:block;}
	.sub_slogan span {display:block;}

	.bg_01_01 {width:100%; overflow:hidden; height:250px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}
	
	.sub_02_01_a {width:100%; overflow:hidden;}
	.sub_02_01_a li {float:left; width:49%; margin-right:2%; margin-bottom:2%; border:1px solid rgba(255,255,255,.3); box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.sub_02_01_a li:nth-child(2n) {margin-right:0;}
	.sub_02_01_a .img {width:100%; height:120px; background-image: linear-gradient(to bottom right, #5c9d27, #0e6aaf); text-align:center; line-height:120px;}
	.sub_02_01_a .img img {width:70px;}
	.sub_02_01_a .text {padding:20px; text-align:Center; color:#000; font-size:14px; background-color:#fff;}

	.bg_02_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_02_01.jpg')center no-repeat; background-size:cover;}

	.sub_02_01_b {width:100%; overflow:hidden; border:1px solid rgba(0,0,0,.2); margin-top:50px;}
	.sub_02_01_b li {width:100%; overflow:hidden;  border-bottom:1px solid rgba(0,0,0,.1); padding:20px; background-color:#fafafa;}
	.sub_02_01_b li:nth-child(3) {border-bottom:0;}
	.sub_02_01_b .img {float:left; width:90px; height:90px; margin-right:20px; border-radius:120px; background-color:#5c9d27;}
	.sub_02_01_b .text {float:left; width:calc(100% - 110px); text-align:left; color:#000;}
	.sub_02_01_b .text p {font-size:18px; padding-bottom:10px; padding-top:10px;}
	.sub_02_01_b .text span {opacity:0.6;}

	.sub_02_01_c {width:100%; overflow:hidden; border:1px solid rgba(0,0,0,.2); margin-top:50px;}
	.sub_02_01_c li {width:100%; overflow:hidden;  border-bottom:1px solid rgba(0,0,0,.1); padding:20px; background-color:#fafafa;}
	.sub_02_01_c li:nth-child(2) {border-bottom:0;}
	.sub_02_01_c .img {float:left; width:90px; height:90px; margin-right:20px; border-radius:120px; background-color:#5c9d27;}
	.sub_02_01_c .text {float:left; width:calc(100% - 110px); text-align:left; color:#000;}
	.sub_02_01_c .text p {font-size:18px; padding-bottom:10px; padding-top:10px;}
	.sub_02_01_c .text span {opacity:0.6;}

	.img_02_01 {width:100%;}

	.sub_02_02 {width:100%; overflow:hidden; margin-top:50px;}
	.sub_02_02 li {width:100%; background:url('/sub/img/bg_02_02_line.png')center top 160px no-repeat; margin-bottom:30px;}
	.sub_02_02 .img {background:url('/sub/img/dot_02_02.png')center bottom no-repeat; text-align:center; padding-bottom:20px;}
	.sub_02_02 .img img {width:150px;}
	.sub_02_02 .text { margin:20px 15px 15px 15px; padding:30px 20px; border:1px solid #e5e5e5; text-align:Center; border-radius:5px; background-color:#fafafa;}
	.sub_02_02 .text h4 {color:#000; font-size:18px; font-weight:700; padding-bottom:10px;}
	.sub_02_02 .text p {width:100%; padding-bottom:5px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:30px;}
	.margin_bottom {width:100%; margin-bottom:40px;}
}