/* =========================
   common
========================= */
.wrap_right_sky, .wrap_left_sky {display:none;}
.expansion-wrap {margin-top:-20px;overflow:hidden;}

/* =========================
   visual
========================= */
.visual-area {position:relative;height:970px;background-color: #000;}

.visual-area *[class^="scene-"] {position:absolute;top:0;left:0;width: 100%;height:inherit;transition:1s;opacity: 0;}
.visual-area [class^="scene-"].on {opacity: 1;}
.visual-area *[class^="scene-"] .bg {display:flex;justify-content: center;}
.visual-area *[class^="scene-"] .tit {position:absolute;left:50%;transform:translateX(-50%);opacity: 0;}

@keyframes titFocus {
   0% {opacity: 0;}
   100% {opacity: 1;}
}
/* scene01 */
.visual-area .scene-01 .tit {top: 306px;}
.visual-area .scene-01.on .tit {animation: titFocus03 0.5s 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}

/* scene02 */
.visual-area .scene-02 .tit {top: 390px;}
.visual-area .scene-02.on .tit {animation: titFocus03 0.5s  0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}

@keyframes titFocus03 {
  0% {
   transform:translateX(-50%) scale(2);
   filter: blur(4px);
    opacity: 0;
  }
  100% {
   transform:translateX(-50%) scale(1);
   filter: blur(0px);
    opacity: 1;
  }
}

/* scene03 */
.visual-area .scene-03 .tit {top: 160px;}
.visual-area .scene-03.on .tit {animation: titFocus 1s 0.5s linear both;}
/* .visual-area .scene-03 .quick {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.visual-area .scene-03.on .quick {animation: titFocus 1s 0.5s linear both;z-index: 2;} */
.visual-area .scene-03 .confetti {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index: 1;}

@keyframes shine {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* fix-menu */
.expansion-wrap .container {position:relative;}
.expansion-wrap .fix-menu {z-index:4;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;background-color:#EEF4FF;position:absolute;top:0;left:0;}
.expansion-wrap .fix-menu.fix {z-index:3;position:fixed;top:0;left:0;transform:translateY(100px);transition:1s;}
.expansion-wrap .intro .fix-menu.fix {z-index:3;position:fixed;top:0;left:0;transform:translateY(104px);transition:1s;}
.expansion-wrap .container .fix-menu.fix-top {transform:translateY(0);transition:.4s;}
.expansion-wrap .fix-menu .menu {display:flex;justify-content:center;align-items:center;width:1200px;position:relative}
.expansion-wrap .fix-menu .menu a {height:70px; line-height: 1.3; color:#98A7C1;font-size:20px;font-weight:700;text-decoration:none;outline:none;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;letter-spacing:-0.4px;border-right:1px solid #ddd;}
.expansion-wrap .fix-menu .menu a:first-child {border-left:1px solid #ddd;}
.expansion-wrap .fix-menu .menu a.on{color:#fff;background-color:#00336B;border-left:none}
.expansion-wrap .fix-menu .menu a.on + a {border-left:none}
.expansion-wrap .fix-menu .menu a strong {display:block}

/* =========================
   Contents
========================= */
.expansion-wrap *[class^="cont0"] {padding:150px 0;text-align: center;}
.expansion-wrap .inner {width:1200px;margin:0 auto;}
.expansion-wrap h2 {font-size:52px;font-weight:800;color:#222;line-height:1.3;}
.expansion-wrap h2 span {font-weight:300;}
.expansion-wrap h2 strong {color:#004999;font-size:inherit;font-weight:inherit;}
.expansion-wrap h3 {font-size:42px;color:#222;font-weight:600;margin-top:60px;display:flex;justify-content: center;}
.expansion-wrap h3 .ico-green {display:inline-block;background-color:#3AB449;font-size:34px;color:#fff;font-weight:bold;border-radius:50px;padding:7px 13.5px;line-height:1;}
.expansion-wrap h3 .ico-orange {display:inline-block;background-color:#F77636;font-size:34px;color:#fff;font-weight:bold;border-radius:50px;padding:7px 13.5px;line-height:1;margin-left:4px;margin-right:12px;}
.expansion-wrap .r-txt {color:rgb(255, 255, 255, .4);font-size:14px;text-align: right;margin-top:40px;}

/* cont01 */
.cont01 {padding-top:220px;}
/* cont02 */
.cont02 {background: linear-gradient(180deg, #000002 23.5%, #0064D1 104.73%);position:relative;}
.cont02 .inner {position:relative;}
.cont02 div {z-index: 2;position:relative;}
.cont02 .bg-obj {position:absolute;bottom:-150px;right:-400px;z-index: 1;}
.cont02 h2 {color:#fff;}
/* cont03 */
.cont03 .mozip-list {display:flex;margin-top:80px;justify-content: center;}
.cont03 .mozip-list li {margin-left:40px;position:relative;}
.cont03 .mozip-list li:first-child {margin-left:0px;}
/* bottom */
.bottom-bar {text-align: center;background:#000A1C url("https://russeldata.megastudy.net/campus/images/russel/russel_gn/event/2025/expansion/bottom-bar.jpg") center no-repeat;}
.bottom-bar h2 {color:#fff;padding:100px 0;}
.bottom-bar h2 strong {color:#A9D3FF;}