@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.gtss {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5; overflow:hidden}

.float_banner{position:fixed; right:0; top:150px; display:inline-block; z-index:1}
.float_banner img{display:block; width:150px}
.float_banner a{display:inline-block; font-size:0; text-indent:-9999px; position:absolute; left:32%; width:60%; height:14%;}
.float_banner a.link01{top:55%}
.float_banner a.link02{top:71%}

.label_tit{position:relative; line-height:1.2; padding-bottom:30px}
.label_tit p{position:relative}
.label_tit p:nth-child(1) span{display:inline-block; color:#fff; font-weight:bold; padding:4px 20px; background:#2a6610; font-size:59px;}
.label_tit p:nth-child(2){color:#2a6610; font-size:59px; font-weight:bold; padding:10px 0 0 0}
.label_tit p:nth-child(3){color:#222222; font-size:45px; padding:5px 0 0 0}

.con01{position:relative; height:985px; text-align:center; background:url(images_hk/con01-1_bg.jpg) center top / cover;}
.con02{position:relative; padding:90px 0; text-align:center; background:#f3f7ec}
.con03{position:relative; padding:90px 0; text-align:center; background:#e8f2d9}
.con04{position:relative; padding:90px 0; text-align:center; background:#f3f7ec}
.con05{position:relative; padding:90px 0; text-align:center; background:#e8f2d9}

.con01 h2{text-indent:-9999px; position:absolute; left:-999px; top:-999px}

.con02 .tit{position:relative; padding:100px 0 40px 0; line-height:1.3}
.con02 .tit p:nth-child(1){font-weight:bold; color:#000; font-size:49px}
.con02 .tit p:nth-child(2){color:#000; font-size:39px;}
.con02 .tit p span.head{font-size:20px; vertical-align:top}
.con02 .tit p span.green{color:#49b232; font-weight:bold}
.con02 .img{position:relative}
.con02 .img.margin{padding:70px 0 70px 0}
.con02 .ft_txt{position:relative; line-height:1.5; color:#555555; font-size:19px; padding:25px 0 0 0}
.con02 .ft_txt p{position:relative; margin-bottom:5px}

.con03 .img{position:relative; padding-bottom:50px}
.con03 .img.mb0{padding-bottom:0}

.con04 .place{position:relative}
.con04 .place p{color:#086808; font-weight:bold; position:relative}
.con04 .place p:nth-child(1){font-size:60px}
.con04 .place p:nth-child(2){padding:20px 0 30px 0}
.con04 .place p:nth-child(3){font-size:70px}

.con05 .ribbon_tit{position:relative; padding:0 0 40px 0}
.con05 .box{position:relative; box-sizing:border-box; background:#fff; padding:40px 20px; margin-bottom:10px}
.con05 .box .logo_tit{position:relative; padding:0 0 20px 0;}
.con05 .box .b_tit{position:relative; font-weight:bold; color:#49b232; font-size:45px}
.con05 .box .b_tit.mt80{padding-top:80px}
.con05 .box .img{position:relative; padding:20px 0 0 0}
.con05 .box .txt{position:relative; padding:20px 0 0 0; line-height:1.5; font-size:19px; color:#555555}
.con05 .box .txt p:nth-child(2){position:relative; padding:10px 0 0 0; font-size:39px; color:#222222}
.con05 .box .txt p:nth-child(2) span{font-weight:bold;}
.con05 .box .btn{position:relative; padding:20px 0 0 0}
.con05 .box .btn a{display:inline-block; color:#fff; font-weight:bold; line-height:1.1; padding:5px 35px; font-size:45px; background:#222; border-radius:2px}
.con05 .ft_txt{position:relative; max-width:700px; margin:0 auto; padding:30px 0 0 0; line-height:1.5; color:#a5b290; font-size:15px; text-align:left}

.gif01{position:absolute; right:0; top:0; width:45.8%}
.gif02{position:absolute; left:0; bottom:0; width:55.8%}
.gif03{position:absolute; right:0; bottom:0; width:39.2%}

@media screen and (max-width: 1040px){
	.container{box-sizing:border-box; padding:0 20px}
	
	.float_banner{position:fixed; right:0; top:100px; display:inline-block; z-index:1}
	.float_banner img{display:block; width:100px}
	
	.label_tit p:nth-child(1) span{font-size:40px}
	.label_tit p:nth-child(2){font-size:40px}
	.label_tit p:nth-child(3){font-size:30px}
	
	.con01{height:auto; padding:50% 0}
	
	.con02{padding:70px 0}
	.con02 .tit{padding:80px 0 30px 0;}
	.con02 .tit p:nth-child(1){font-size:30px}
	.con02 .tit p:nth-child(2){font-size:25px;}
	.con02 .tit p span.head{font-size:15px;}
	.con02 .img.margin{padding:50px 0 50px 0}
	.con02 .ft_txt{font-size:16px;}
	
	.con03{padding:70px 0}
	.con03 .img{padding-bottom:30px}
	
	.con04{padding:70px 0}
	.con04 .place p:nth-child(1){font-size:30px}
	.con04 .place p:nth-child(2){padding:20px 0 30px 0}
	.con04 .place p:nth-child(3){font-size:40px}
	
	.con05{padding:70px 0}
	.con05 .ribbon_tit{padding:0 0 30px 0}
	.con05 .box{padding:30px 20px;}
	.con05 .box .b_tit{font-size:25px}
	.con05 .box .b_tit.mt80{padding-top:50px}
	.con05 .box .txt{padding:10px 0 0 0; font-size:16px;}
	.con05 .box .txt p:nth-child(2){padding:10px 0 0 0; font-size:25px;}
	.con05 .box .btn a{padding:5px 35px; font-size:30px;}
	.con05 .ft_txt{font-size:14px}
}

@media screen and (max-width: 768px){
	.label_tit p:nth-child(1) span{font-size:22px}
	.label_tit p:nth-child(2){font-size:22px}
	.label_tit p:nth-child(3){font-size:15px}
	
	.float_banner{position:fixed; right:0; top:70px; display:inline-block; z-index:1}
	.float_banner img{display:block; width:50px}
	
	.con02{padding:50px 0}
	.con02 .tit{padding:60px 0 30px 0;}
	.con02 .tit p:nth-child(1){font-size:20px}
	.con02 .tit p:nth-child(2){font-size:16px;}
	.con02 .tit p span.head{font-size:13px;}
	.con02 .img.margin{padding:40px 0 30px 0}
	.con02 .ft_txt{font-size:13px;}
	
	.con03{padding:50px 0}
	
	.con04{padding:50px 0}
	.con04 .place p:nth-child(1){font-size:20px}
	.con04 .place p:nth-child(2){padding:20px 0 20px 0}
	.con04 .place p:nth-child(3){font-size:25px}
	
	.con05{padding:50px 0}
	.con05 .box .b_tit{font-size:18px}
	.con05 .box .b_tit.mt80{padding-top:40px}
	.con05 .box .txt{padding:10px 0 0 0; font-size:14px;}
	.con05 .box .txt p:nth-child(2){padding:10px 0 0 0; font-size:16px;}
	.con05 .box .btn a{padding:5px 35px; font-size:20px;}
	.con05 .ft_txt{font-size:13px}
}