/* =========================
   °ψΕλ
========================= */
header {z-index: 36;}
.sub-tit {z-index:36;}
#btn-top {z-index: 36;}
#btn-floating {z-index: 36;}
.h-quality-wrap {overflow-x:hidden}
.h-quality-wrap img {width:100%}

:root {
   --key-color01: #5A38B7;
   --key-color02: #311C6A;
   --key-color03: #0F042D;
   }

/* =========================
   Visual
========================= */
.visual-area {position:relative;background:#0f0f18 url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_sm/2024/h_quality/v_bg.jpg") no-repeat 0 0;background-size:cover;padding-left:calc(74vw / 7.2)}
.visual-area .inner .v-tit {position:relative;z-index: 2;width:calc(416vw / 7.2);padding-top:calc(161vw / 7.2);padding-bottom:calc(167vw / 7.2)}
.visual-area .visual-slide {position:absolute;top:calc(50% + 15vw);right:5vw;transform:translateY(-50%);width:calc(422vw / 7.2);overflow:initial}

/* fix-menu */
.fix-wrap {height:105px;position:relative;}
.fix-menu {display:flex;flex-wrap:wrap;justify-content:center;padding:15px 3.5% 0;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;line-height:0;background:#fff;}
.fix-menu li {display:flex;justify-content:center;align-items:center;margin-left:1px;width:calc(219vw / 7.2);height:calc(90vw / 7.2);text-align:center;color:#f8f8f8;font-size:1.4rem;font-weight:bold;line-height:1.3;letter-spacing:-1.2px;background:#D7D7D7;}
.fix-menu li:nth-of-type(-n+3) {border-radius:6px 6px 0 0;}
.fix-menu li:nth-child(n+4) {margin-top:1px;}
.fix-menu li.on {color:#fff;border-radius:6px 6px 0 0;background:var(--key-color01)}
.fix-menu.fix {position:fixed;top:101px;z-index:10;}

/* =========================
   Contents
========================= */
.h-quality-wrap .container {position:relative}
*[class^="se0"] {position:relative}
*[class^="se0"] p {position:relative;z-index:2;}
*[class^="se1"] {position:relative}
*[class^="se1"] p {position:relative;z-index:2;}
*[class^="se2"] {position:relative}
*[class^="se2"] p {position:relative;z-index:2;}
*[class^="se3"] {position:relative}
*[class^="se3"] p {position:relative;z-index:2;}
*[class^="se4"] {position:relative}
*[class^="se4"] p {position:relative;z-index:2;}
*[class^="se5"] {position:relative}
*[class^="se5"] p {position:relative;z-index:2;}

.se00 {background-color:#2e2f34;}
.se01 {background-color:var(--key-color01)}
.se02 {background-color:var(--key-color02)}
.se03 {background-color:var(--key-color03)}
.se04 {background-color:var(--key-color01)}
.se05 {background-color:var(--key-color01)}
.se06 {background-color:var(--key-color02)}
.se07 {background-color:var(--key-color01)}
.se08 {background-color:var(--key-color01)}
.se09 {background-color:var(--key-color02)}
.se10 {background-color:var(--key-color03)}
.se11 {background-color:var(--key-color01)}
.se12 {background-color:var(--key-color02)}
.se13 {background-color:var(--key-color03)}
.se14 {background-color:var(--key-color01)}
.se15 {background-color:var(--key-color02)}
.se16 {background-color:var(--key-color01)}
.se17 {background-color:var(--key-color03)}
.se18 {background-color:var(--key-color02)}
.se19 {background-color:var(--key-color01)}
.se20 {background-color:var(--key-color01)}
.se21 {background-color:var(--key-color03)}
.se22 {background-color:var(--key-color01)}
.se23 {background-color:var(--key-color02)}
.se24 {background-color:var(--key-color03)}
.se25 {background-color:var(--key-color02)}
.se26 {background-color:var(--key-color03)}
.se27 {background-color:var(--key-color02)}
.se28 {background-color:var(--key-color03)}
.se29 {background-color:var(--key-color02)}
.se30 {background-color:var(--key-color03)}
.se31 {background-color:var(--key-color01)}
.se32 {background-color:var(--key-color01)}
.se33 {background-color:var(--key-color03)}
.se34 {background-color:var(--key-color01)}
.se35 {background-color:var(--key-color03)}
.se36 {background-color:var(--key-color02)}
.se37 {background-color:var(--key-color01)}
.se38 {background-color:var(--key-color03)}
.se39 {background-color:var(--key-color02)}
.se40 {background-color:var(--key-color03)}
.se41 {background-color:var(--key-color01)}
.se42 {background-color:var(--key-color02)}
.se43 {background-color:var(--key-color01)}
.se44 {background-color:var(--key-color03)}
.se45 {background-color:var(--key-color02)}
.se46 {background-color:var(--key-color03)}
.se47 {background-color:var(--key-color03)}
.se48 {background-color:var(--key-color02)}
.se49 {background-color:var(--key-color02)}
.se50 {background-color:var(--key-color01)}
.se51 {background-color:var(--key-color03)}
.se52 {background-color:var(--key-color02)}
.se53 {background-color:var(--key-color02)}
.se54 {background-color:var(--key-color01)}
.se55 {background-color:var(--key-color01)}
.se56 {background-color:var(--key-color02)}