/* =========================
   common
========================= */

html {
  font-size: 16px; 
}

@media (max-width: 1199px) {
  html {
    font-size: 16px; 
  }
}

@media (max-width: 600px) {
  html {
    font-size: 13px; 
  }
}


/* Çì´õ, ǪÅÍ Á¦°Å*/
.headerWrap, .wrap_right_sky, .wrap_left_sky, .information-box, #megaMoreSite, .footer{display:none !important;}
.footer #megaMoreSite * {letter-spacing:initial;}

.scroll-top-btn{display:none;position:fixed;bottom:66px !important;right:60px !important;cursor:pointer;z-index:5; }
.scroll-home-btn{display:none;position:fixed;bottom:134px;right:60px;cursor:pointer;z-index:5;}

.live-danka-wrap {position:relative;overflow:hidden;}
.inner {position:relative;max-width:1200px;margin:0 auto;box-sizing:border-box;height:100%;}

/* =========================
   Visual
========================= */
.visual-area {overflow:hidden;position:relative;box-sizing:border-box;background: url("https://russeldata.megastudy.net/campus/images/russel/event/2025/live_danka/visual_bg.jpg") no-repeat center top;background-size: 100% 100%;}
.visual-area .visual{text-align: center;}
.visual .v-obj-bg{max-width: 727px; margin: 0 auto; position: relative;}
.visual .v-obj-bg .v-top-txt{position: absolute; top:0; left: 0;}
.visual .v-tit { position: absolute; top: 25%; left: 50%; margin-left: -197px;  animation: fade-in 1.2s 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.visual .v-obj01{position: absolute; bottom:0; left: 50%; margin-left: -122px; transform: scale(0);transform-origin: center center;  animation: fade-in-up 1s 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; width:  auto;}
.visual .v-obj02{position: absolute;top: 59%;left: 50%;margin-left: -333px;transform: scale(0);transform-origin: center center; animation: scale-in-center 1s 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.visual .v-obj03{position: absolute; top:25%; left: 50%; margin-left: 210px; transform: scale(0);transform-origin: center center; animation: scale-in-center 1s 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes scale-in-center {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
     transform: scale(1)
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0); 
  }
  60% {
    opacity: 1;
    transform: translateY(-10px) scale(1.05); 
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1); 
  }
}

/* =========================
   Contents
========================= */

.accordion-menu section:nth-child(2n){background: #F0F4FF;}
.accordion-menu section dl{display: flex;padding: 8.75rem 0rem;flex-direction: column;gap: 5rem;align-self: stretch;}
.accordion-menu section dl dt > div{display: flex;gap: 1.5625rem;align-items: flex-start; padding-left: 1rem;}
.accordion-menu section dl dt .title{font-size: 2.875rem;font-weight: 800;word-break: keep-all;}
.accordion-menu section dl dt .title br{display: none;}
.accordion-menu section dl dd{display: flex; flex-direction: column; align-items: flex-end;gap: 1.875rem; margin-right: 1rem;}
.accordion-menu section dl dd.pc{display: flex !important;}
.accordion-menu section dl dd .box{display: flex; border-radius: 3.75rem; background: #FAFAFA;padding: 4.375rem 3.125rem 3.125rem 4.375rem;width: 62.25rem;gap: 0.625rem;flex-direction: column; justify-content: center; box-sizing: border-box;}
.accordion-menu section dl dd .box .txt{color: #222;font-size: 1.125rem;font-weight: 300; line-height: 1.6; word-break: keep-all;}
.accordion-menu section dl dd .box .txt strong{font-weight: 600;}
.accordion-menu section dl dd .stu-info{display: flex;justify-content: flex-end;align-items: center;gap: 0.625rem;}
.accordion-menu section dl dd .stu-info span{color: #222;font-size: 1rem; line-height: 1.6;}
.accordion-menu section dl dd .stu-info span strong{font-weight: 600;font-size: 1.1875rem;color: #222;}
.accordion-menu section dl dd .stu-info .stu-img{width: 5.42694rem; }


.tablet-only, .mo-only{ display: none;}
/*  tablet */
@media only screen and (max-width: 1199px) {
    .pc-only img{width: 100%;}
    .mo-only{ display: none;}
    .tablet-only{display: block;}
    .inner{width: 96%; margin: 0 auto;}
    .visual-area{background: #01ba43;}
    .accordion-menu{margin: 3.75rem 0 6.25rem 0;}
    .accordion-menu section dl{border-bottom: 1px solid #DFDFDF; gap: 1.875rem; padding: 2.5rem 1.5rem; }
    .accordion-menu section .question {width: 3.125rem;}
    .accordion-menu section .question object{width: 3.125rem;}
    .accordion-menu section .question img{width: 100%; min-width: 48px;}
    .accordion-menu section:nth-child(2n){background: #fff;}
    .accordion-menu section:last-child dl{border-bottom:none}
    .accordion-menu section dl dt{cursor: pointer;}
    .accordion-menu section dl dt > div{position: relative; align-items: flex-start;gap: 0.9375rem; padding-left: 0;}
    .accordion-menu section dl dt > div::after{content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/event/2025/live_danka/ico_arrow.svg") center top no-repeat;width: 32px;height: 19px;transform: rotate(180deg);background-size: contain;position: absolute;right: 0;bottom: 1rem;}
    .accordion-menu section dl.active dt > div::after{content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/event/2025/live_danka/ico_arrow.svg") center top no-repeat;width: 32px;height: 19px;transform: rotate(0deg);background-size: contain;position: absolute;right: 0;bottom: 1rem;}
    .accordion-menu section dl dt .title{font-size: 1.875rem; word-break: keep-all; padding-right: 80px;}
    .accordion-menu section dl dd{margin-right: 0;display: none;}
    .accordion-menu section dl.active dd{display: flex;}
    .accordion-menu section dl dd .box{padding: 3.125rem 3.125rem 1.875rem 3.125rem;gap: 0.625rem; width: 100%;padding-right: 80px;}
    .accordion-menu section dl dd .box .txt br{display: none;}
    .accordion-menu section dl dd .stu-info .stu-img{width: 6.5rem;}
    .accordion-menu section dl dd .stu-info span{font-size: 1rem;}
    .accordion-menu section dl dd .stu-info span strong{font-size: 1.1875rem;}
}

@media only screen and (max-width: 740px) {
    .visual img{width: 100%;}    
    .visual .v-tit{width: calc(395vw/8); margin-left: calc(-224.5vw/9);}
    .visual .v-obj01{width: calc(244vw/8); margin-left: calc(-122vw/9); }
    .visual .v-obj02{width: calc(112vw/8);margin-left: calc(-381vw/9);}
    .visual .v-obj03{width: calc(93vw/8);margin-left: calc(251.5vw/9);}
}

/*MO */
@media only screen and (max-width: 600px) {
    .pc-only {display:none}
    .tablet-only{display: none;}
    .mo-only {display:block}

    .scroll-top-btn{display:block;position:fixed;bottom:66px !important;right:15px !important;cursor:pointer;z-index:5; }
    .scroll-home-btn{display:block;position:fixed;bottom:134px;right:15px;cursor:pointer;z-index:5;}

    .visual-area{background: #01ba43;}

    .accordion-menu{margin: 1.88rem 0 4.38rem 0;}
    .accordion-menu section dl{border-bottom: 1px solid #DFDFDF; gap: 1.875rem; padding: 2.5rem 1.88rem; }
    .accordion-menu section .question{width: 2.25rem;}
    .accordion-menu section .question object{width: 2.25rem;}
    .accordion-menu section .question img{width: 100%; min-width: auto;}
    .accordion-menu section:nth-child(2n){background: #fff;}
    .accordion-menu section:last-child dl{border-bottom:none}
    .accordion-menu section dl dt{cursor: pointer;}
    .accordion-menu section dl dt > div{position: relative;align-items: flex-start;gap: 0.9375rem;}
    .accordion-menu section dl dt > div::after{content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/event/2025/live_danka/ico_arrow.svg") center top no-repeat;width: 1.5rem;height: 1rem;transform: rotate(180deg);background-size: contain;position: absolute;right: 0;bottom: 0.2rem;}
    .accordion-menu section dl.active dt > div::after{content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/event/2025/live_danka/ico_arrow.svg") center top no-repeat;width: 1.5rem;height: 1rem;transform: rotate(0deg);background-size: contain;position: absolute;right: 0;bottom: 0.2rem;}
    .accordion-menu section dl dt .title{font-size: 1.5rem; word-break: keep-all; padding-right:0;}
    .accordion-menu section dl dt .title br{display: block;}
    .accordion-menu section dl dd .box{padding: 2.5rem 1.88rem;gap: 0.62rem; width: 100%;}
    .accordion-menu section dl dd .box .txt br{display: none;}
    .accordion-menu section dl dd .stu-info .stu-img{width: 3.9rem;}
    .accordion-menu section dl dd .stu-info .stu-img img{width: 100%;}
    .accordion-menu section dl dd .stu-info span{font-size: 1rem;}
    .accordion-menu section dl dd .stu-info span strong{font-size: 1.1875rem;}

}