@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html { font-size:62.5%; background:#000;}
#wrap {max-width:960px; margin:0 auto;}


.pc {display:block;}
.m {display:none;}

/* common */
.section,
.footer {background-repeat:no-repeat; background-position:50% 0;}
.box {width:100%; margin:0 auto;}
.section img{width:100%; margin:0 auto;}


/* section - main */
.section.main .box {position:relative; text-align:center; overflow:hidden;}
.section.main .area_movie {position:absolute; font-size:0; top:64.7%; left: 8.5%; width:83%; margin:0 auto; }
.section.main .area_movie .wrap_movie {position:relative; padding-bottom:56.25%;}
.section.main .area_movie .wrap_movie video {position:absolute; top:0; left:0;width:100%; height:100%;}




/* section - event_01 */
.section.event_01 {position:relative; text-align:center; overflow:hidden;}
.section.event_01 .box {position:relative; overflow:hidden;}



/* section - event_02 */
.section.event_02 {position:relative; text-align:center; overflow:hidden;}
.section.event_02 .box {position:relative; overflow:hidden;}
.section.event_02 .area_movie {position:absolute; font-size:0; top:9.5%; left: 11.458%; width:77.084%; margin:0 auto; }
.section.event_02 .area_movie .wrap_movie {position:relative; padding-bottom:156.758%;}
.section.event_02 .area_movie .wrap_movie video {position:absolute; top:0; left:0;width:100%; height:100%;}