@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  topArea
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 白背景が開く */
.topArea_link{position: relative;}
.topArea_link::before{content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; z-index: 11;}
.topArea_left::before{content: ""; animation: left-open 0.8s ease-out 0.5s forwards;}
@keyframes left-open{
  0%{transform: translateX(0);}
  100%{transform: translateX(-100%);}
}
.topArea_right::before{content: ""; animation: right-open 0.8s ease-out 0.5s forwards;}
@keyframes right-open{
  0%{transform: translateX(0);}
  100%{transform: translateX(100%);}
}

/* テキスト */
.top_textArea p{animation: toptext-in 0.8s ease 1.5s forwards; opacity: 0;}
@keyframes toptext-in{
  0%{opacity: 0;}
  100%{opacity: 1;}
}