@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:#f6f6f6;}
.eventName > section {position:relative;}
.container {max-width:1000px; height:100%; margin:0 auto; position:relative; height:100%}
.wrapper {padding: 6rem 0; text-align: center;}
.blind {position:absolute; top:-9999px; left:-9999px; font-size:0;}


.top-visual {height:800px; background:url('images_hk1/keyvisual_bg.jpg') center top / cover}
.sec01 {height:auto; background:url('images_hk1/con01_bg.jpg') center top / cover}
.sec02 {height:auto; background:#afffd1;}
.sec03 {height:auto; background:#f7f4e0;}
.sec04 {height:auto; background:#fff}
.sec05 {height:auto; background:url('images_hk1/con06_bg.jpg') center top / cover}
.sec05 .tit, .sec05 .box {display:none;}

.sec01 img {margin-top:5rem;}
.sec02 .wrapper {padding-bottom: 0;}
.sec02 .tit {margin-bottom:4rem; font-size: 4.3rem; color: #000; font-weight: bold; letter-spacing: -1px; padding: 3rem 0; border-top: 2px solid #000; border-bottom: 2px solid #000; line-height:1.3;}
.sec02 .tit sup {font-size:2.2rem;}
.sec03 p {text-align: left; font-size:1.4rem; color:#231f20; margin-top:4rem;}
.sec04 .tit mark{font-size:6.5rem; font-weight:bold; background:#dcf7ee; color:#000}
.sec04 .tit p {font-size:4rem; color:#000}
.sec05 .terms {text-align:left;}
.sec05 .terms {max-width: 880px; margin: auto; letter-spacing: -1px;}
.sec05 .terms h4 {font-size:3rem; color:#111}
.sec05 .terms p {margin-top: 3rem; font-size:1.8rem; color:#333}

/* video */
.video-wrap {position:relative; max-width: 986px; margin:auto; }
.video-wrap > .video {padding-top:56.25%;}
.video-wrap > .video iframe{width:100%; height:100%; position:absolute; left:0; top:0}

/* link */
.link01{position: absolute; width: 39%; height: 4%; left: 50%; bottom: 1.8%; transform: translateX(-50%); text-indent: -9999px;}

/* gif */
.gif {margin-top:5rem;}
/* .gif01{position:absolute; left:50%; top:3.8%; transform:translateX(-50%); width:71%;}
.gif02{position:absolute; left:50%; top:65.5%; transform:translateX(-50%); width:72%} */

.box {position:relative; max-width:880px; width:100%; border:0.2rem solid #000; box-shadow: 1rem 1rem 0 #25a07a; margin:3rem auto;}



@media screen and (max-width: 1040px){
	html {font-size:8px;}
	
	.container {width:100%; padding: 0 20px; box-sizing: border-box;}
	.gif {width:75%;}
	
	.top-visual{height:auto; padding:35% 0;}
	.sec02 .tit {font-size:3.5vw;}
	.sec02 .tit sup {font-size:2vw;}
	.sec04 .tit mark{font-size:5.5rem; font-weight:bold; background:#dcf7ee; color:#000}
	.sec04 .tit p {font-size:3rem; color:#000}
	.sec05 {padding:0 10px}
	.sec05 .terms p {margin-top:1rem;}
	
}
	

@media screen and (max-width: 768px){
	html {font-size:7px;}
	.gif {margin-top:4rem;}
	.sec02 .tit {padding: 2rem 0; border-width: 1px;}
	
}
@media screen and (max-width: 480px){
	html {font-size:6px;}
	.sec05 .terms h4 {font-size:2.5rem;}
	.sec05 .terms p {font-size:1.4rem}
}