@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
.inview_main_bg.show1 {
  background-color: #000;
  color: #fff; }

.inview_main_bg.show2 {
  background-color: #fff;
  color: #000; }

.inview_main_bg.show3 {
  background-color: #000;
  color: #fff; }

.inview_main_bg.show4 {
  background-color: #fff;
  color: #000; }

/*==========================================
 アニメーション
===========================================*/
.closeUp {
  animation: closeUp linear both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%; }

@keyframes closeUp {
  from {
    opacity: 0;
    transform: scale(1); }
  to {
    opacity: 1;
    transform: scale(1.2); } }
.viewIn {
  animation: viewIn linear both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%; }

@keyframes viewIn {
  from {
    opacity: 0;
    transform: scale(0.85); }
  to {
    opacity: 1;
    transform: scale(1); } }

/*# sourceMappingURL=animation.css.map */