/* --- アニメーション用CSS（base.cssの末尾に追加・修正） --- */

/* （既存のh2設定などはそのままでOKですが、念のため全部載せます） */
#slide2 h2 {
    visibility: hidden; 
    background: none !important; 
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

#slide2 h2 .line {
    position: relative;
    overflow: hidden; 
    display: inline-block;
    vertical-align: top;
    line-height: 1.6;
    padding-right: 0.1em;
    opacity: 0; 
    background: linear-gradient(135deg, #57c3ea 0%, #0063b0 33%, #57c3ea 66%, #c3f0fd 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.wipe-mask {
    position: absolute;
    top: 0;
    left: -20%; 
    width: 120%; 
    height: 100%;
    z-index: 2;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 15%, #fff 100%);
    pointer-events: none;
}

/* ★今回追加：pタグの初期状態を隠す設定 */
#slide2 p {
    opacity: 0;     /* 透明にしておく */
    transform: translateY(20px); /* 少し下に配置しておく（JSで0に戻す） */
}