@charset "UTF-8";

:root {
--art-main-color: #ffae2e;
--creator-main-color: #006cff;
--dance-main-color: #ff89a5;
--shuuji-main-color: #8ed93c;
--soroban-main-color: #fa333b;
--tankyu-main-color: #11a339;
--micralish-main-color: #01BBFF;
--micraming-main-color: #0AA5A5;
--game-main-color: #654CE6;
--speech-main-color: #21c8ff;
}

/*=========================
  caution
=========================*/
/*===== SP =====*/
@media only screen and (max-width: 768px) {
  body {
    font-family: "ヒラギノ角ゴ Pro", 游ゴシック, "Hiragino Kaku Gothic Pro", sans-serif, YuGothic;
  }
  /* main */
  .main{
    padding: 0 7.466666666666667vw;
    margin: 25.333333333333332vw 0 24vw 0;
    text-align: center;
  }
  .main__ttl{
    margin: 0 auto 0.4vw auto;
    height: auto;
  }
  .main__sub-ttl{
    text-align: center;
    font-size: 6.666666666666667vw;
    font-weight: bold;
    margin: 0 0 12vw 0;
    color: #252020;
  }
  .main__caution{
    width: 55vw;
    text-align: center;
    font-size: 3.7333333333333334vw;
    color: #7E7E7E;
    margin: 0 auto 4vw auto;
  }
  .main__btn{
    width: 77.33333333333333vw;
    height: 14.666666666666666vw;
    border-radius: 2.6666666666666665vw;
    position: relative;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    font-size: 4.8vw;
    /*font-size: 5.333333333333333vw;*/
    font-weight: bold;
    line-height: 14.666666666666666vw;
    text-align: center;
    margin: 0 auto 4vw;
  }
  .main__btn::after{
    position: absolute;
    content: "";
    right: 4vw;
    background-image: url(/zemi/challengeschool/kaiin/_assets/img/arrow.png);
    width: 2.933333333333333vw;
    height: 5.866666666666666vw;
    background-size: cover;
    background-position: center;
    top: calc(50% - (5.866666666666666vw / 2));

  }
  .main__btn-dance{
    background-color: var(--dance-main-color);
  }
  .main__btn-art{
    background-color: var(--art-main-color);
  }
  .main__btn-soroban{
    background-color: var(--soroban-main-color);
  }
  .main__btn-shuuji{
    background-color: var(--shuuji-main-color);
  }
  .main__btn-programming{
    background-color: #AB1AD5;
  }
  .main__btn-shinrocoaching{
    background-color: #86C43E;
  }
  .main__btn-tankyu{
    background-color: var(--tankyu-main-color);
  }
  .main__btn-creator{
    background-color: var(--creator-main-color);
    font-size: 4vw;
  }
  .main__btn-micraming{
    background-color: var(--micraming-main-color);
    font-size: 3.8vw;
  }
  .main__btn-speech{
    background-color: var(--speech-main-color);
  }
  .main__btn-game{
    background-color: var(--game-main-color);
    font-size: 4vw;
  }
  .main__btn-micralish{
    background-color: var(--micralish-main-color);
    font-size: 4vw;
  }
  .main__content{
    margin-bottom: 6vw;
  }
}
/*===== PC =====*/
@media only screen and (min-width: 769px), print, tv {
  body {
    font-family: "ヒラギノ角ゴ Pro", 游ゴシック, "Hiragino Kaku Gothic Pro", sans-serif, YuGothic;
  }

  /* main */
  .main{
    width: 740px;
    margin: 170px auto 150px;
    text-align: center;
  }
  .main__ttl{
    margin: 0 auto 20px auto;
    width: 450px;
    height: auto;
  }
  .main__sub-ttl{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 50px 0;
    color: #252020;
  }
  .main__caution{
    text-align: center;
    font-size: 14px;
    color: #7E7E7E;
    margin: 0 0 30px 0;
  }
  .main__content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .main__btn{
    width: 360px;
    height: 80px;
    border-radius: 10px;
    position: relative;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
  }
  .main__btn::after{
    position: absolute;
    content: url(/zemi/challengeschool/kaiin/_assets/img/arrow.png);
    right: 20px;
    top: 2px;
  }
  .main__btn:not(:last-of-type){
    margin-bottom: 25px;
  }

    .main__btn-dance{
    background-color: var(--dance-main-color);
  }
  .main__btn-art{
    background-color: var(--art-main-color);
  }
  .main__btn-soroban{
    background-color: var(--soroban-main-color);
  }
  .main__btn-shuuji{
    background-color: var(--shuuji-main-color);
  }
  .main__btn-programming{
    background-color: #AB1AD5;
  }
  .main__btn-shinrocoaching{
    background-color: #86C43E;
  }
  .main__btn-tankyu{
    background-color: var(--tankyu-main-color);
  }
  .main__btn-creator{
    background-color: var(--creator-main-color);
    font-size: 18px;
  }
  .main__btn-micraming{
    background-color: var(--micraming-main-color);
    font-size: 18px;
  }
  .main__btn-speech{
    background-color: var(--speech-main-color);
  }
  .main__btn-game{
    background-color: var(--game-main-color);
    font-size: 18px;
  }
  .main__btn-micralish{
    background-color: var(--micralish-main-color);
    font-size: 18px;
  }
  .pc-hidden{
    display: none;
  }
}

/* 20220707追加分 */
/*===== PC =====*/
@media only screen and (min-width: 769px), print, tv {
  .header-logo-img{
    width: 110px;
  }
  .header-logo-link + .header-logo-link .header-logo-img{
    width: 246px;
    margin-top: 5px;
  }
  .top_link{
    font-size: 20px;
    color: #333333;
  }
}
/*===== SP =====*/
@media only screen and (max-width: 768px) {
  .header-logo-img{
    width: 20vw;
  }
  .header-logo-link + .header-logo-link .header-logo-img{
    width: 38vw;
    margin-top: 0.4vw;
  }
  .top_link{
    font-size: 4vw;
    color: #333333;
  }

}
/* 20220707追加分 */
/*===== PC =====*/
@media only screen and (min-width: 769px), print, tv {
  .main__content{
    margin-bottom: 30px;
  }
}

/* 20230110追加分 */
.main__btn-art {
  background-color: #e7a02b;
}
.main__btn-shuuji {
  background-color: #86c43e;
}