body {
     margin: 0;
     background: #000;
     color: #eaeaea;
     font-family: "Helvetica Neue", sans-serif;
     overflow-y: auto;
 }

 .roll-container {
     min-height: 200vh;
     /* スクロール余白 */
     display: flex;
     justify-content: center;
 }

 .roll-content {
     width: 60%;
     text-align: center;
     line-height: 2.4;
     padding-top: 100vh;
     /* 下から登場させる */
     animation: autoScroll 80s linear forwards;
 }

 h1 {
     font-weight: 300;
     letter-spacing: 6px;
     margin-bottom: 60px;
 }

 .section {
     margin: 140px 0;
 }

 .small {
     color: #888;
     font-size: 14px;
 }

 @keyframes autoScroll {
     from {
         transform: translateY(0);
     }

     to {
         transform: translateY(-120vh);
     }
 }

 .home-button {
     position: fixed;
     top: 30px;
     left: 40px;
     padding: 8px 20px;
     border: 1px solid rgba(255, 255, 255, 0.5);
     color: #eaeaea;
     text-decoration: none;
     font-size: 13px;
     letter-spacing: 3px;
     opacity: 0.6;
     transition: 0.4s ease;
    /* ===== Mobile ===== */
       
 }

 .home-button:hover {
     background: #fff;
     color: #000;
     opacity: 1;
 }

a {
    color: #ff2d2d;
    text-decoration: none;
}

a:visited {
    color: #eaeaea;
}

a:hover {
    color: #ffffff;
}

 @media (max-width: 768px) {

     .home-button {
         top: 20px;
         left: 20px;
         font-size: 14px;
         letter-spacing: 3px;
         padding: 8px 14px;
         background: rgba(0, 0, 0, 0.6);
         border-radius: 4px;
     }

 }