@charset "UTF-8";

/* @keyframes fadeInFixedEntry は完全に削除します */

.fixed-entry-wrap{
    position: fixed;
    right:0;
    bottom: 40px;
    z-index:999;
}

.fixed-entry-text{
    position: relative;
    padding: 12px 40px;
    background-color: white;
    border-radius: 4px 0 0 4px;
    font-size: 1.4rem;
    filter: drop-shadow(1.0087px 1.0087px 3.026px rgba(0, 0, 0, 0.2));
    
    /* 初期状態: 透明で非表示、クリック不可 */
    opacity: 0; 
    visibility: hidden; 
    pointer-events: none; 

    /* クラス変更時のフェードイン・フェードアウトに使うtransition */
    /* opacity と visibility の変化にかかる時間を設定 */
    transition: background-color 0.3s ease, 
                transform 0.3s ease, 
                opacity 0.6s ease-out, /* フェードアウト/インにかける時間 */
                visibility 0.6s ease-out; /* visibility の変化時間 */
    
    /* ブラウザのレンダリング最適化を促す */
    will-change: opacity, visibility, transform; 
}

/* JavaScriptで初期フェードイン後に付与するクラス */
/* ボタンが表示される状態 */
.fixed-entry-text.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* 表示時はクリック可能 */
}

.a-button.fixed-entry-text.on-white {
    background-color: #00bfd3; 
    --button-background-color: #00bfd3;
    --button-icon-color: #fff;
}

/* JavaScriptでスクロール時に非表示にする場合に付与するクラス */
/* is-visible より後に定義することで、is-hidden が優先されるようにする */
.a-button.fixed-entry-text.is-hidden {
    opacity: 0; 
    visibility: hidden; 
    pointer-events: none; /* クリック不可 */
}


@media screen and (max-width: 768px) {
    .fixed-entry-wrap{
        bottom: 10px;
    }
}

@media screen and (max-width: 1050px) {

}

.p-graduate__scrollDown {
    right: auto;
    left: 30px;
  }