body{margin:0;font-family:MS PMincho,MS \660e\671d,serif}.fade-in1{opacity:0;transition:opacity .6s ease-out}.fade-in-visible1{opacity:1}.fade-in2{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-visible2{opacity:1;transform:translateY(0)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.slide-in{animation:slide-in 1s forwards}.slide-out{animation:slide-out 1s forwards}.hover-slide{margin:20px;display:inline-block;padding:10px 20px;background-color:#3197a1;color:#fdfdfd;position:relative;overflow:hidden;z-index:1;border-radius:5px;border:2px solid #3197a1;text-decoration:none}.hover-slide:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background-color:#fdfdfd;transition:right .3s ease;z-index:-1}.hover-slide:hover{color:#3197a1}.hover-slide:hover:before{right:0}.wipe-in{opacity:0}.wipe-in-visible{position:relative;white-space:nowrap;opacity:1;animation:wipeEffect 1s forwards}@keyframes wipeEffect{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}