@charset "UTF-8";

/* =====================================================
  VIP（TOP）
  Original Light Background #fbfbf8
===================================================== */

.vip{
  background:#fbfbf8;

  --vip-gap-2:80px;
  --vip-gap-3:34px;
  --vip-gap-5:44px;
}

@media (max-width:768px){
  .vip{
    --vip-gap-2:48px;
    --vip-gap-3:24px;
    --vip-gap-5:34px;
  }
}

.vip .container{
  text-align:center;
}

/* IMAGE */

.vip-image{
  margin:0 0 var(--vip-gap-3);
}

.vip-image img{
  width:100%;
  height:auto;
  display:block;
}

/* TEXT */

.vip-text{
  max-width:640px;
  margin:0 auto var(--vip-gap-5);

  opacity:0;
  transform:translate3d(0,14px,0);
  filter:blur(3px);

  transition:
    opacity var(--dur-3) var(--ease-out),
    transform var(--dur-3) var(--ease-out),
    filter var(--dur-3) var(--ease-out);
}

.js-reveal.is-inview .vip-text{
  opacity:1;
  transform:none;
  filter:none;
}

@media (prefers-reduced-motion: reduce){
  .vip-text{
    transition:none !important;
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
  }
}