/* ==========================================================
   page.css
   ----------------------------------------------------------
   役割：
   ・ページ全体に関係する Animation だけを管理する
   ・ページを開いたときに、本文を自然に表示する

   設計方針（D-49-04）：
   ・毎日長く使う画面のため、ページの動きは表示のときの短いものだけにする
   ・大きな動き（回転・脈動）は、トップページのアークリアクターだけ
   ========================================================== */


/* ========================================
   Page Load
   ------------------------------------------------
   ページを開いたときに、本文を短く浮かび上がらせる。
   ヘッダーは動かさない。
   ======================================== */

.site-main {
    animation: pageLoad 0.35s ease-out both;
}

@keyframes pageLoad {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}