@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : index.css                                 */
/* game_coll/index.html    it_coll/index.html         */
/* update : 2024                                      */
/* -------------------------------------------------- */
/* -------------------------*/
/* 定義 */
/* -------------------------*/
#coll_info.se rt {
  font-weight: 50%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #coll_info.se rt {
    font-size: 100%;
    zoom: 0.45;
  }
}
@supports (-ms-ime-align: auto) {
  #coll_info.se rt {
    font-size: 100%;
    zoom: 0.45;
  }
}
@-moz-document url-prefix() {
  #coll_info.se rt {
    font-size: 65%;
  }
}
#coll_info.se .h1 span {
  color: #8EC54A;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #coll_info.se .h1 span rt {
    font-size: 100%;
    zoom: 0.35;
  }
}
@supports (-ms-ime-align: auto) {
  #coll_info.se .h1 span rt {
    font-size: 100%;
    zoom: 0.35;
  }
}
@-moz-document url-prefix() {
  #coll_info.se .h1 span rt {
    font-size: 65%;
  }
}
#coll_info.se .h2 {
  color: #8EC54A;
  border-color: #8EC54A;
  margin-bottom: 30px;
}
#coll_info.se .h2 ruby {
  font-size: 40px;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 3px;
}
#coll_info.se .h2 ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  left: -2em;
  top: -0.7em;
  right: -2em;
  text-align: center;
  font-size: 0.25em;
}
#coll_info.se .h2 .small ruby {
  font-size: 14px;
  font-weight: bold;
}
#coll_info.se .h2 .small ruby[data-ruby]::before {
  content: attr(data-ruby);
  top: -0.7em;
  font-size: 0.5em;
}
#coll_info.se .coll_intro ruby[data-ruby]::before {
  content: attr(data-ruby);
  font-size: 0.4em;
}
#coll_info.se .canbe_li li span {
  color: #8EC54A;
}
#coll_info.se .point_li li .num {
  color: #8EC54A;
}
#coll_info.se .point_li li span {
  color: #8EC54A;
}
#coll_info.se .curriculum_detail a::before {
  background: #8EC54A;
}
#coll_info.se .line {
  background: #E9F4DB;
}
#coll_info.se .line::before {
  border-color: #E9F4DB transparent transparent transparent;
}
#coll_info.se .curriculum_year .num {
  fill: #E0EDCB;
}
#coll_info.se .curriculum_detail .title01 {
  color: #8EC54A;
}
#coll_info.se .btn03 a {
  background: #8EC54A;
  border: solid 3px #8EC54A;
}
#coll_info.se .btn03 a:hover {
  color: #8EC54A;
  background: #FFF;
}
#coll_info.se .btn03 a ruby {
  font-weight: bold;
}
#coll_info.se .pickup_h3 .num {
  background: #8EC54A;
}
#coll_info.se .pickup_h3 h3 ruby {
  font-size: 36px;
  font-weight: bold;
}
#coll_info.se .pickup_h3 h3 ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  left: -2em;
  top: -1em;
  right: -2em;
  text-align: center;
  font-size: 0.3em;
}
#coll_info.se .lesson_main {
  border-color: #8EC54A;
  line-height: 1.8;
}
#coll_info.se .lesson_main ruby {
  font-size: clamp(20px, 1.6vw, 24px);
  font-weight: bold;
  color: #333;
}
#coll_info.se .lesson_main ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  left: -2em;
  top: -0.8em;
  right: -2em;
  text-align: center;
  font-size: 0.4em;
}
#coll_info.se .slick-dots li button {
  background: rgba(142, 197, 74, 0.2);
}
#coll_info.se .senior_box {
  border: solid 2px #8EC54A;
}
#coll_info.se .senior_box .senior_tit {
  color: #8EC54A;
}
#coll_info.se .table01 td.td01 {
  background: #E2F1DA;
}
#coll_info.se .table_sub {
  color: #8EC54A;
}

#coll_info.it .slider_lesson01 .slick-dots li.slick-active button::before,
#coll_info.it .slider_lesson02 .slick-dots li.slick-active button::before,
#coll_info.it .slider_lesson03 .slick-dots li.slick-active button::before,
#coll_info.it .slider_lesson04 .slick-dots li.slick-active button::before {
  background: #8EC54A;
}

/*-------------------------------*/
/* SP用のCSS */
/*-------------------------------*/
@media screen and (max-width: 559px) {
  #coll_info.se rt {
    font-size: 65%;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
}
@media screen and (max-width: 559px) and (-webkit-min-device-pixel-ratio: 0) {
  #coll_info.se rt {
    font-size: 65%;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
}
@media screen and (max-width: 559px) {
  @supports (-ms-ime-align: auto) {
    #coll_info.se rt {
      font-size: 65%;
      font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    }
  }
  @-moz-document url-prefix() {
    #coll_info.se rt {
      font-size: 65%;
      font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    }
  }
  #coll_info.se .h1 span {
    color: #8EC54A;
  }
  #coll_info.se .h1 span.h1_small {
    padding: 5px;
  }
  #coll_info.se .h2 {
    color: #8EC54A;
    border-color: #8EC54A;
    margin-bottom: 15px;
  }
  #coll_info.se .h2 ruby {
    font-size: 20px;
  }
  #coll_info.se .h2 ruby[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    font-size: 0.3em;
  }
  #coll_info.se .h2 .small ruby {
    font-size: 14px;
    font-weight: bold;
  }
  #coll_info.se .h2 .small ruby rt {
    font-size: 65%;
  }
  #coll_info.se .pickup_h3 h3 ruby {
    font-size: 20px;
  }
  #coll_info.se .lesson_main ruby[data-ruby]::before {
    top: -0.7em;
    font-size: 0.3em;
  }
  #coll_info.se .point_li li {
    margin-left: 1.2em;
    padding-right: 15px;
  }
  #coll_info.se .point_li li span {
    margin-left: -1.2em;
  }
}/*# sourceMappingURL=it_internatinal.css.map */