@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;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#efdfe8;}
.eventName .container {max-width: 1000px; height:100%; margin:0 auto; text-align:center; position:relative}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

/* hr */
.hr-dash {display:block; margin:4rem auto; width:90%; border-top:1px dashed #8ecfb9}

.con01 {height:1200px; background:url(images_hk/con01_bg.jpg) no-repeat center top / cover; position:relative}
.con02_txt{position:relative; padding:70px 0 30px 0; background:#fff;}
.con02{position:relative; height:3695px; background:url(images_hk/con02_bg.jpg) no-repeat center top / cover;}
.con03{position:relative; height:4322px; background:url(images_hk/con03_bg.jpg) no-repeat center top / cover;}
.con04{position:relative; height:8466px; background:url(images_hk/con04_bg.jpg) no-repeat center top / cover;}
.con05{position:relative; padding:200px 0 100px 0; background:#98e5d8}
.con05:before{width:100%; height:131px; background:url(images_hk/con05_bg.jpg) center top repeat-x; content:''; display:block; position:absolute; left:0; top:0; z-index:1}


.con02_txt p{text-align:center; line-height:1.5; position:relative; color:#1a1311; font-size:38px;}

.con02 p{position:absolute; left:50%; transform:translateX(-50%); bottom:50px; display:inline-block; text-align:left; max-width:720px; font-size:18px; color:#2d2d2d}

.con05 .c_tit{position:relative; padding:0 0 30px 0}
.con05 .ttit{position:relative; margin-bottom:20px;}
.con05 .box{position:relative; max-width:976px; margin:0 auto; border:2px solid #000; background:#fff; box-sizing:border-box}
.con05 .box .b_tit{font-weight:bold; position:relative; padding:30px 10px 10px 10px; line-height:1.4; color:#000; font-size:31px;}
.con05 .box .b_img{position:relative}
.con05 .copy{position:relative; padding:20px 0 0 0}

@media screen and (max-width: 1040px){
	html{font-size:9px;}
	.eventName .container {width:100%; position:absolute; left:0; top:0;}

	.con01{height:auto; padding:60% 0}
	.con02_txt{padding:40px 0 20px 0}
	.con02{height:auto; padding:177% 0}
	.con03{height:auto; padding:193% 0}
	.con04{height:auto; padding:380% 0}
	.con05{padding:100px 0 40px 0}
	.con05:before{height:100px; background-size:auto 80px}
	.con05 .container{position:relative; left:auto; top:auto; box-sizing:border-box; padding:0 20px}
	
	.con02_txt p{font-size:25px;}
	
	.con02 p{font-size:2.3vw; bottom:1.5%; width:77%}
	
	.con05 .box .b_tit{font-size:20px}
	
	.con05 .ttit img{width:300px}
}

@media screen and (max-width: 768px){
	.con02_txt p{font-size:13px;}
	
	.con05 .box .b_tit{font-size:14px; padding:20px 10px 0px 10px}
	
	.con05 .ttit img{width:240px}
	
}