/* =========================
   common
========================= */
.expansion-wrap {overflow-x:hidden;}
.expansion-wrap img {width:100%;}
/* =========================
   visual
========================= */
.visual-area {position:relative;height: calc(860vw / 7.2);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: calc(305vw / 7.2);width: calc(574vw / 7.2);}
.visual-area .scene-01.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;
  }
}
/* scene02 */
.visual-area .scene-02 .tit {top: calc(324vw / 7.2);width: calc(445vw / 7.2);}
.visual-area .scene-02.on .tit {animation: titFocus03 0.5s 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}

/* scene03 */
.visual-area .scene-03 .tit {top: calc(143vw / 7.2);width: calc(621vw / 7.2);}
.visual-area .scene-03.on .tit {animation: titFocus 1s 0.5s linear both;}

.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 */
.fix-wrap {position:relative;height: 50px;}
.fix-menu {position:absolute;top:0;left:0;width:100%;display:flex;line-height:0;box-sizing:border-box;height: 50px;}
.fix-menu li {display:flex;justify-content:center;align-items:center;width:100%;text-align:center;color:#98A7C1;font-size:1.6rem;font-weight:bold;line-height:1.3;letter-spacing:-0.5px;background:#EEF4FF;border-right:1px solid #fff}
.fix-menu li:last-child {border-right:none;}
.fix-menu li.on {color:#fff;background:#00336B;}
.fix-menu.fix {position:fixed;top:101px;z-index:7;height: 50px;}

/* =========================
   Contents
========================= */
.expansion-wrap *[class^="cont0"] {padding:65px 0;text-align: center;}
.expansion-wrap .inner {margin:0 auto;padding:0 3%;}
.expansion-wrap h2 {font-size:calc(46vw / 7.2);font-weight:800;color:#222;line-height:1.4;}
.expansion-wrap h2 span {font-weight:300;}
.expansion-wrap h2 strong {color:#004999;font-size:inherit;font-weight:inherit;}
.expansion-wrap h3 {font-size:calc(42vw / 7.2);color:#222;font-weight:500;margin-top:15px;}
.expansion-wrap h3 > div {display:flex;align-items: center;justify-content: center;}
.expansion-wrap h3 .ico-green {background-color:#3AB449;font-size:calc(34vw / 7.2);color:#fff;font-weight:bold;border-radius:50px;line-height:1;display:inline-block;padding:1.25vw 1.95vw 0.7vw 1.95vw}
.expansion-wrap h3 .ico-orange {background-color:#F77636;font-size:calc(34vw / 7.2);color:#fff;font-weight:bold;border-radius:50px;line-height:1;margin-left:2px;margin-right:6px;display:inline-block;padding:1.25vw 1.95vw 0.7vw 1.95vw}
.expansion-wrap .r-txt {color:rgb(255, 255, 255, .6);font-size:calc(22vw / 7.2);padding-right:4%;margin-top:20px;text-align: right;}

/* cont01 */
.cont01 h2 {letter-spacing: -2px;}
/* 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 {margin-top:30px;}
.cont03 .mozip-list li {position:relative;margin-top:20px;}
.cont03 .mozip-list li:first-child {margin-top:0;}
/* bottom */
.bottom-bar {text-align: center;background:#000A1C url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/event/2025/expansion/bottom-bar.jpg") center no-repeat;background-size:100% 100%;}
.bottom-bar h2 {color:#fff;padding:28px 0;}
.bottom-bar h2 strong {color:#A9D3FF;}