@charset "utf-8";
/* CSS Document */

.m_onlinePerformanceNum{
  position: relative;
  display: block;
  line-height: 0;
}
.m_onlinePerformanceNum__numWrap{
  position: absolute;
  display: block;
  line-height: 1;
}

.m_onlinePerformanceNum--top{
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--aboutStudent{
  bottom: 16%;
  font-size: 26px;
  left: 20%;
  font-weight: bold;
  letter-spacing: -2px;
  color: #fff;
}
.m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--do{
  bottom: 17%;
  font-size: 24px;
  left: 73%;
  letter-spacing: -2px;
  color: #dab773;
}
.m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--student{
  bottom: 17%;
  font-size: 24px;
  left: 87%;
  letter-spacing: -2px;
  color: #dab773;
}
.m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--span{
  bottom: 5%;
  font-size: 10px;
  left: 81%;
  color: #d4b677;
  transform-origin: left bottom;
  transform: scale(.8);
  white-space: pre;
  word-break: keep-all;
  margin: 0;
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--aboutStudent{
    font-size: 3.2vw;
  }
  .m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--do{
    font-size: 3vw;
  }
  .m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--student{
    font-size: 3vw;
  }
  .m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--top .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.4);
  }
}


.m_onlinePerformanceNum--lp{
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--do{
  bottom: 4%;
  font-size: 34px;
  left: 6%;
  letter-spacing: -4px;
  color: #fff;
}
.m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--student{
  bottom: 4%;
  font-size: 34px;
  left: 21.3%;
  letter-spacing: -4px;
  color: #fff;
}
.m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--span{
  bottom: 10%;
  font-size: 10px;
  left: 39.2%;
  color: #d4b677;
  transform-origin: left bottom;
  transform: scale(.8);
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--do{
    font-size: 4.4vw;
  }
  .m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--student{
    font-size: 4.4vw;
  }
  .m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--span{
    left: 40.2%;
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--do{
    letter-spacing: -2px;
  }
  .m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--student{
    letter-spacing: -2px;
  }
  .m_onlinePerformanceNum--lp .m_onlinePerformanceNum__numWrap--span{
    bottom: 10.5%;
    transform: scale(.4);
  }
}






.m_onlinePerformanceNum--bupTop{
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--aboutStudent{
  bottom: 19%;
  font-size: 26px;
  left: 19.5%;
  font-weight: bold;
  letter-spacing: -2px;
  color: #fff;
}
.m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--do{
  bottom: 22%;
  font-size: 34px;
  left: 70%;
  letter-spacing: -2px;
  color: #dab773;
}
.m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--student{
  bottom: 22%;
  font-size: 34px;
  left: 84%;
  letter-spacing: -4px;
  color: #dab773;
}
.m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--span{
  bottom: 6%;
  font-size: 10px;
  left: 80%;
  color: #d4b677;
  transform-origin: left bottom;
  transform: scale(.8);
  white-space: pre;
  word-break: keep-all;
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--aboutStudent{
    font-size: 3.2vw;
  }
  .m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--do{
    font-size: 4.4vw;
  }
  .m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--student{
    font-size: 4.4vw;
  }
  .m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--student{
    letter-spacing: -3px;
  }
  .m_onlinePerformanceNum--bupTop .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.4);
  }
}


.m_onlinePerformanceNum--bupIda{
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--do{
  bottom: 3%;
  font-size: 34px;
  left: 18.4%;
  letter-spacing: -2px;
  color: #fff;
}
.m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--student{
  bottom: 3%;
  font-size: 34px;
  left: 41%;
  letter-spacing: -3px;
  color: #fff;
}
.m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--span{
  bottom: 3.4%;
  font-size: 10px;
  left: 56.8%;
  color: #fff;
  transform-origin: left bottom;
  transform: scale(.8);
  white-space: pre;
  word-break: keep-all;
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--do{
    font-size: 4.4vw;
  }
  .m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--student{
    font-size: 4.4vw;
  }
  .m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--bupIda .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.4);
  }
}


.m_onlinePerformanceNum--bupBottomTile{
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_onlinePerformanceNum--bupBottomTile .m_onlinePerformanceNum__numWrap--do{
  bottom: 28%;
  font-size: 18px;
  left: 13%;
  letter-spacing: 0;
  color: #003480;
}
.m_onlinePerformanceNum--bupBottomTile .m_onlinePerformanceNum__numWrap--student{
  bottom: 11%;
  font-size: 18px;
  left: 11%;
  letter-spacing: -1px;
  color: #003480;
}
.m_onlinePerformanceNum--bupBottomTile .m_onlinePerformanceNum__numWrap--span{
  bottom: 3%;
  font-size: 10px;
  left: 8%;
  color: #023480;
  transform-origin: left bottom;
  transform: scale(.8);
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--bupBottomTile .m_onlinePerformanceNum__numWrap--do{
    left: 16%;
  }
  .m_onlinePerformanceNum--bupBottomTile .m_onlinePerformanceNum__numWrap--student{
    left: 14%;
  }
  .m_onlinePerformanceNum--bupBottomTile .m_onlinePerformanceNum__numWrap--span{
    bottom: 3.5%;
  }
}


.m_onlinePerformanceNum--shien{
  font-family: 游明朝, serif;
}
.m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--do{
  bottom: 12%;
  font-size: 22px;
  left: 55.5%;
  letter-spacing: -1px;
  color: #5758ad;
}
.m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--student{
  bottom: 12%;
  font-size: 22px;
  left: 37.5%;
  letter-spacing: -2px;
  color: #5758ad;
}
.m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--span{
  bottom: 8.5%;
  font-size: 10px;
  left: 46%;
  color: #333;
  font-weight: bold;
  transform-origin: left bottom;
  transform: scale(.8);
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--do{
    font-size: 2.8vw;
  }
  .m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--student{
    font-size: 2.8vw;
  }
  .m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--span{
    bottom: 8.8%;
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--do{
    bottom: 15%;
  }
  .m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--student{
    bottom: 15%;
  }
  .m_onlinePerformanceNum--shien .m_onlinePerformanceNum__numWrap--span{
    bottom: 10%;
    transform: scale(.5);
  }
}

.m_onlinePerformanceNum--shienTopSlider{
  font-family: 游明朝, serif;
}
.m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--do{
  bottom: 11%;
  font-size: 26px;
  left: 57%;
  letter-spacing: -1px;
  color: #5758ad;
}
.m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--student{
  bottom: 11%;
  font-size: 26px;
  left: 41%;
  letter-spacing: -2px;
  color: #5758ad;
}
.m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--span{
  bottom: 5%;
  font-size: 10px;
  left: 49%;
  color: #333;
  font-weight: bold;
  transform-origin: left bottom;
  transform: scale(.8);
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--do{
    font-size: 2.4vw;
    left: 57%
  }
  .m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--student{
    font-size: 2.4vw;
    left: 42%;
  }
  .m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--do{
    bottom: 10.5%;
  }
  .m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--student{
    bottom: 10.5%;
  }
  .m_onlinePerformanceNum--shienTopSlider .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.5);
  }
}

.m_onlinePerformanceNum--shienTopTile{
  font-family: 游明朝, serif;
}
.m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--do{
  bottom: 15%;
  font-size: 18px;
  left: 28%;
  letter-spacing: -1px;
  color: #5758ad;
}
.m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--student{
  bottom: 24%;
  font-size: 18px;
  left: 27%;
  letter-spacing: -2px;
  color: #5758ad;
}
.m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--span{
  bottom: 5%;
  font-size: 10px;
  left: 9%;
  color: #333;
  font-weight: bold;
  transform-origin: left bottom;
  transform: scale(.7);
  white-space: pre;
  word-break: keep-all;
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--do{
    font-size: 2.4vw;
    left: 27%;
  }
  .m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--student{
    font-size: 2.4vw;
  }
  .m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--do{
    font-size: 3.4vw;
  }
  .m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--student{
    font-size: 3.4vw;
    left: 28%;
  }
  .m_onlinePerformanceNum--shienTopTile .m_onlinePerformanceNum__numWrap--span{
    bottom: 5%;
    transform: scale(.5);
  }
}

.m_onlinePerformanceNum--bupTopTile{
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--do{
  bottom: 29%;
  font-size: 18px;
  left: 16%;
  letter-spacing: 0;
  color: #003480;
}
.m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--student{
  bottom: 12%;
  font-size: 18px;
  left: 10%;
  letter-spacing: -1px;
  color: #003480;
}
.m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--span{
  bottom: 4%;
  font-size: 10px;
  left: 8%;
  color: #023480;
  transform-origin: left bottom;
  transform: scale(.8);
  white-space: pre;
  word-break: keep-all;
}
@media screen and (max-width: 768px){
  .m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--do{
    font-size: 2.4vw;
    left: 13%;
  }
  .m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--student{
    font-size: 2.4vw;
    left: 7%;
  }
  .m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.6);
  }
}
@media screen and (max-width: 599px){
  .m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--do{
    font-size: 3.4vw;
    left: 16%;
  }
  .m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--student{
    font-size: 3.4vw;
    left: 10%;
  }
  .m_onlinePerformanceNum--bupTopTile .m_onlinePerformanceNum__numWrap--span{
    transform: scale(.5);
  }
}