/* ===========================
COMMON
=========================== */
.stepup-wrap {margin-top:-50px;}
.wrap_left_sky {display:none;}
.inner {width:1200px;margin:0 auto;position:relative;}
*[class^="cont0"] {padding:140px 0;text-align: center;}
*[class^="cont0"] h3 {padding-bottom:80px;}
/* ===========================
VISUAL
=========================== */
.visual-wrap {background:url("https://russeldata.megastudy.net/campus/images/russel_sm/event/step_up/v_bg.jpg") center no-repeat;background-size:cover;}
.visual {padding:150px 0 170px;}
.visual h3 {font-weight:500;font-size:28px;color:#bed7c9;animation: stepUpTitle 0.9s 1s ease-out forwards;opacity: 0;}
.visual h2 {padding-top:90px;animation: stepUpTitle 0.9s 1.5s ease-out forwards;opacity: 0;}
.visual .v-light {position:absolute;top:-5px;left:280px;    mix-blend-mode: screen;animation: stepUpTitle 0.9s 1.5s ease-out forwards;opacity: 0;}
.visual p {padding-top:55px;animation: stepUpTitle 0.9s 2s ease-out forwards;opacity: 0;}
 @keyframes stepUpTitle {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
    letter-spacing: 0.15em;
    filter: blur(4px);
  }
  60% {
    opacity: 1;
    transform: translateY(0) scale(1.03);
    letter-spacing: 0.04em;
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    letter-spacing: 0.02em;
  }
}
/* ===========================
CONTENTS
=========================== */
.cont01 {background-color:#010101}
.cont02 {background-color:#FFFFFF}
.cont03 {background-color:#010101;position:relative;}
.cont03 .inner {z-index: 1;}
.cont03 .obj {position:absolute;bottom:0;right:0;mix-blend-mode: luminosity;opacity: 0.6;}
.cont04 {background-color:#002C1D}
.cont05 {background-color:#E1EBDF;padding-bottom:0;}
.bottom-banner {padding:80px 0;background-color:#010101;text-align: center;}