/*==================================
body
==================================*/

/* pc */
@media(min-width:769px) {
  body::before {
    content: none;
  }

  body>img {
    display: none;
  }

  .body-inner {
    width: 960px;
    margin: 0 auto;
  }

  .cv-inner {
    text-align: center;
  }
}

/* sp */
@media(max-width:768px) {
  body::before {
    content: none;
  }

  body>img {
    display: none;
  }

  .cv-inner {
    text-align: center;
  }
}

/*==================================
kv
==================================*/

/* pc */
@media(min-width:769px) {
  .kv {
    margin-bottom: 100px;
  }

  .kv__main {
    text-align: center;
  }

  .kv__main-title {
    font-size: 38px;
    background-image: url(/zemi/challengeschool/online-dance/y01/special5/assets/img/230110_42771_kv_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
  }

  .kv__main-title p {
    padding-top: 148px;
    color: #FFFFFF;
  }

  .kv__main-title span {
    text-decoration: none;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 2px;
    font-weight: bold;
  }

  .kv__main-title .kv-font-small {
    font-size: 30px;
    border: none;
  }
}

/* sp */
@media(max-width:768px) {
  .kv__main {
    text-align: center;
  }

  .kv__main-title {
    font-size: 5.65vw;
    background-image: url(/zemi/challengeschool/online-dance/y01/special5/assets/img/230110_42771_kv_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 215px;
  }

  .kv__main-title p {
    padding-top: 20vw;
    color: #FFFFFF;
  }

  .kv__main-title span {
    font-size: 8vw;
    text-decoration: none;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 2px;
    font-weight: bold;
  }

  .kv__main-title .kv-font-small {
    font-size: 5.65vw;
    border: none;
  }
}

/*==================================
cost
==================================*/

/* pc */
@media(min-width:769px) {
  .cost {
    background-color: #E5F0FF;
  }

  .cost-inner {
    width: 860px;
    margin: 0 auto;
  }

  .cost__img {
    padding-top: 40px;
    padding-bottom: 15px;
  }

  .cost-item {
    padding-bottom: 40px;
  }
}

/* sp */
@media(max-width:768px) {

  .cost-inner {
    width: 335px;
    margin: 0 auto;
    background-color: #E5F0FF;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .cost__img {
    padding: 10vw 0vw 4vw;
  }

  .cost-item {
    padding-bottom: 8vw;
  }

}

/*==================================
cv
==================================*/

/* pc */
@media(min-width:769px) {
  .online-dance .cv {
    background-color: #FFFFFF;
  }

  .cv__btn {
    background-color: #8fc31f;
    color: #FFFFFF;
    justify-content: space-around;
  }

  .cv__btn::before {
    content: "";
    background-image: url(/zemi/challengeschool/_shared/img/icon_cv_study.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
  }

  .cv__btn::after {
    content: none;
    background-image: url(/zemi/challengeschool/_shared/img/220210/icon_cv_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
  }
}

/* sp */
@media(max-width:768px) {

  .online-dance .cv {
    background-color: #FFFFFF;
  }

  .cv__btn {
    background-color: #8fc31f;
    color: #FFFFFF;
    justify-content: space-around;
  }

  .cv__ttl {
    font-size: 3.6vw;
  }

  .cv__btn::before {
    content: "";
    background-image: url(/zemi/challengeschool/online-dance/y01/_shared/img/icon_cv_study.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
  }

  .cv__btn::after {
    content: none;
    background-image: url(/zemi/challengeschool/online-dance/y01/_shared/img/220210/icon_cv_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
  }

}

/*==================================
detail
==================================*/

@media(min-width:769px) {
  .detail {
    padding-top: 10px;
  }

  .detail__cont {
    max-width: 460px;
    margin: 0 auto;
    width: 50%;
  }
}

/*==================================
floating
==================================*/
@media(max-width:768px) {
  .floating-area__btn {
    background-color: ;
  }
}

/* 2023/01/17　メンテナンス通知 */
/*===== PC =====*/
@media only screen and (min-width: 769px),
print,
tv {
  .modal__notice {
    border: 1px #CF091A solid;
  }

  .modal__notice-ttl {
    color: #CF091A;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 17px;
  }

  .modal__notice-txt {
    color: #CF091A;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 19px;
  }

  .modal__notice-wrap {
    border: 2px #CF091A solid;
    padding: 7px;
    margin: 0 auto 52px;
    max-width: 840px;
    width: 100%;
  }

  .sp__only {
    display: none;
  }
}

/*===== SP =====*/
@media only screen and (max-width: 768px) {
  .modal__notice {
    border: 1px #CF091A solid;
  }

  .modal__notice-ttl {
    color: #CF091A;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 17px;
  }

  .modal__notice-txt {
    color: #CF091A;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 12px 0 17px;
  }

  .modal__notice-wrap {
    border: 2px #CF091A solid;
    padding: 7px;
    margin: 0 auto 25px;
    max-width: 265px;
    width: 100%;
  }
}