@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
#vision h3,
#class-feature h3,
#lesson h3 {
  margin-bottom: 50px; }

#class h3{font-size: 36px;}
  @media screen and (max-width: 768px) {
   #class h3{font-size: 180%;}
}
#class p{
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.8;}
#class-feature .feature-item.style-4 h4 {
  font-size: 16px;
  font-weight: 600; }

#class-feature .feature-item.style-4 i {
  color: #0C3484; }

#class-feature .lesson {
  padding-top: 80px;
  padding-bottom: 50px; }
  #class-feature .lesson h4 {
    color: #111; }
  @media screen and (max-width: 768px) {
    #class-feature .lesson.left {
      padding-bottom: 20px; } }
  @media screen and (max-width: 768px) {
    #class-feature .lesson.right {
      padding-top: 20px; } }

#class.kids video {
  max-width: 100%; }

#class.kids #lesson .offset-md-2 p {
  margin-bottom: 50px; }

#class.kids #lesson [class*="col-"] {
  margin-bottom: 30px; }
  #class.kids #lesson [class*="col-"] img {
    border-radius: 20px; }
  @media screen and (max-width: 768px) {
    #class.kids #lesson [class*="col-"].md-up {
      -ms-flex-order: 1;
          order: 1; } }
  @media screen and (max-width: 768px) {
    #class.kids #lesson [class*="col-"].md-bottom {
      -ms-flex-order: 2;
          order: 2; } }

#class.adult #coach-list {
  display: none; }

/*# sourceMappingURL=../_map/page/class.css.map */