@charset "utf-8";

.wrap{margin:0 auto;}

mark{color:#6902b9;}

.animated{filter:blur(2rem);}
.animated.active{filter:blur(0); transition:filter 1s ease 0.1s;}


.full{position:relative; max-width:1024px; margin:5rem auto; padding-left:50rem;}

.rowfull{display:inline-block; width:100%; vertical-align:top;}
.inner{max-width:800px; margin:0 auto;}


img{display:inline-block; vertical-align:top;}

h2{max-width:1024px; margin:3rem auto; padding:0 5rem; font-size:8rem; font-weight:500; line-height:1; font-family: 'Bakbak One', cursive;}
h2 i{display:block; margin-top:1rem; font-style: italic; font-size:2rem;}

.inner h2{padding:0;}

p{margin:2.5rem 0; font-size:1.4rem; line-height:1.6; font-weight:400;}


sub{display:block; margin:0.5rem 0; font-style:italic;}




h3{position:absolute; width:40%; left:0; top:0; font-size:2.6rem; line-height:1.25; text-align:right;}
h3 img{display:block; margin-bottom:3rem;}
h3 em{display:inline-block; padding:3rem 0; border-top:5px solid #dadada; border-bottom:5px solid #dadada; text-align:left;}




.contents{position:relative; padding:5rem 0; background:#fff; z-index:1;}



.el{position:absolute; width:45rem; left:0; bottom:0; text-align:right;}
.el sub{font-size:1.7rem;}


.cinema{min-height:70rem;}
.dun{min-height:90rem;}


@media(max-width:1400px){
    h2{margin:3rem 1rem; padding:0; font-size:3.8rem;}
    .inner{max-width:100%; margin:0 1rem;}

}


@media(max-width:1024px){
    .full{padding-left:0; margin:5rem 1rem;}

    h3{position:relative; width:100%; text-align:center;}
    h3 img{max-width:50rem; width:100%; margin:0 auto 3rem auto;}

    .el{position:relative; margin:3rem auto 0 auto;}
}