.border, .c-contents h2::before, .c-contents h2::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    vertical-align: middle;
  }
  
  html, body {
    width: 100%;
    height: 100%;
  }
  
  .l-section-top {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .l-section-container {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
  
  .c-title {
    margin: 0;
    color: #eee;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 90px;
  }
  
  .c-scrolldown {
    width: 2px;
    height: 80px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .c-scrolldown .c-line {
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
    background-position: 0 -60px;
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
  }
  
  .c-contents h2 {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  }
  
  .c-contents h2::before {
    margin-right: 10px;
  }
  
  .c-contents h2::after {
    margin-left: 10px;
  }
  
  @keyframes scrolldown {
    0% {
      background-position: 0 -80px;
    }
    75% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 80px;
    }
  }
  
  @media screen and (max-width:1024px) {
    .c-scrolldown {
      height: 40px;
    }

    .c-title{
      bottom: 50px;
      font-size: 1.2rem;
    }

    .c-scrolldown .c-line {
      animation: scrolldown 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
    }
  }