@charset 'utf-8';
/* page eggect  */
body{
  animation: fadein 500ms ease-out;
  -moz-animation: fadein 500ms ease-out; /* Firefox */
  -webkit-animation: fadein 500ms ease-out; /* Safari and  Chrome */
  -o-animation: fadein 500ms ease-out; /* Opera */
}
@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {opacity:0;}
  to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
  from {opacity:0;}
  to {opacity: 1;}
}

.wrap {
    width: 100%;
    height: 6400px;
    background-color: #000;
}

#slider {
    width: 100%;
    height: 5000px;
}

.story {
    top: 70px;
    height: 100px;
  }
  
  .story p {
    font-size: 23px;
  }

    
h1 {
  line-height: 1.6;
}
  
  .sub__contents {
    top: 150px;
  
  }

/* --------------------------------------------------------------------- */
/* media */

@media all and (max-width:767px) {

    .wrap {
      width: 100%;
      height: 2600px;
      background-color: #000;
    }
   
    #slider {
      width: 100%;
      height: 1770px;
    }


    .drama__contents {
      top: 325px;
  }

    .story {
      width: 340px; 
      height: 120px;
      position: relative;
      top: 0;
    }
  
    .story p {
      font-size: 14px;
    }
    h1{ 
      margin-bottom: 50px;
    }

    .sub__contents {
      top: 35px;
    }

  }