@charset 'utf-8';

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

#slider {
  height: 11760px;
}

.story {
  top: 40px;
  height: 150px;
}

.story p {
  font-size: 23px;
}

h1 {
  line-height: 1.6;
}

.sub__contents {
  top: 100px;
}

.sub__contents div {
  height: 60px;
}


/* media */
@media all and (max-width:767px) {
  .wrap {
    width: 100%;
    height: 4850px;
    background-color: #000;
  }

  #slider {
    height: 3990px;
  }
  

  .drama__contents {
    top: 300px;
  }

  .story {
    width: 320px;
    height: 155px;
  }

  .story p {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
  }

  .title {
    font-size: 12px;
    font-weight: 400;
    color: #808080;
  }
  .title p {
    font-size: 12px;
    
  }

  h1 {
    margin-bottom: 50px;
  }

  .sub__contents {
    top: 65px;
  }

  #footer {
    position: relative;
    top: 100px;
  }
  
}