#class .breadcrumb .breadcrumb_list {
  padding-top: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #class .breadcrumb .breadcrumb_list {
    padding-top: 20px;
  }
}
#class #result_reports {
  background-color: #fffbfb;
  position: relative;
}
#class #result_reports::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/result_info_bg.pc.png);
  background-size: 1000px 500px;
  background-repeat: repeat;
}
@media screen and (max-width: 767px) {
  #class #result_reports::before {
    background-size: 100%;
    background-image: url(/zemi-kobetsu/assets/img/list/class/common/result_info_bg.sp.png);
  }
}
#class #result_reports .result_reports_inner {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner {
    padding: 20px 15px;
  }
}
#class #result_reports .result_reports_inner h2 {
  text-align: center;
  font-weight: bold;
  color: #fe2100;
  background-color: #ffe9e8;
  display: inline-block;
  padding: 10px 20px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner h2 {
    font-size: 5.33333vw;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #result_reports .result_reports_inner h2 {
    font-size: 40.90667px;
  }
}
#class #result_reports .result_reports_inner .school_lists {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists {
    margin-top: 10px;
  }
}
#class #result_reports .result_reports_inner .school_lists .default_area .scholl_category,
#class #result_reports .result_reports_inner .school_lists .hideArea .scholl_category {
  text-align: left;
  font-weight: bold;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  #class #result_reports .result_reports_inner .school_lists .default_area .scholl_category,
  #class #result_reports .result_reports_inner .school_lists .hideArea .scholl_category {
    font-size: 18px;
    padding-left: 11%;
  }
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .default_area .scholl_category,
  #class #result_reports .result_reports_inner .school_lists .hideArea .scholl_category {
    font-size: 4.8vw;
    padding-left: 10.66667%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .default_area .scholl_category,
  #class #result_reports .result_reports_inner .school_lists .hideArea .scholl_category {
    font-size: 36.816px;
  }
}
#class #result_reports .result_reports_inner .school_lists .default_area ul,
#class #result_reports .result_reports_inner .school_lists .hideArea ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
#class #result_reports .result_reports_inner .school_lists .default_area ul li,
#class #result_reports .result_reports_inner .school_lists .hideArea ul li {
  line-height: 1.6;
  margin-top: 12px;
  text-align: left;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  #class #result_reports .result_reports_inner .school_lists .default_area ul li,
  #class #result_reports .result_reports_inner .school_lists .hideArea ul li {
    width: 33.33333%;
    padding-left: 11%;
  }
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .default_area ul li,
  #class #result_reports .result_reports_inner .school_lists .hideArea ul li {
    font-size: 4.8vw;
    width: 50%;
    padding-left: 10.66667%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .default_area ul li,
  #class #result_reports .result_reports_inner .school_lists .hideArea ul li {
    font-size: 36.816px;
  }
}
#class #result_reports .result_reports_inner .school_lists .hideArea {
  display: none;
}
#class #result_reports .result_reports_inner .school_lists .hideArea.show {
  display: block;
}
@media screen and (min-width: 768px) {
  #class #result_reports .result_reports_inner .school_lists .hideArea.pcDeafault {
    display: block;
  }
}
#class #result_reports .result_reports_inner .school_lists .showBtn {
  cursor: pointer;
  display: inline-block;
  color: #08c;
  border-bottom: 1px solid #08c;
  padding-right: 20px;
  position: relative;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .showBtn {
    font-size: 3.73333vw;
    padding-right: 14px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .showBtn {
    font-size: 28.63467px;
  }
}
#class #result_reports .result_reports_inner .school_lists .showBtn::before {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #08c transparent transparent transparent;
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_reports_inner .school_lists .showBtn::before {
    border-width: 10px 6px 0 6px;
  }
}
#class #result_reports .result_info {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #class #result_reports .result_info {
    margin-top: 20px;
    font-size: 3.73333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #result_reports .result_info {
    font-size: 28.63467px;
  }
}
#class #result_reports .result_info .modal_trigger {
  cursor: pointer;
  color: #08c;
}
#class #result_reports #modal_resultInfo {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
#class #result_reports #modal_resultInfo .modal_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#class #result_reports #modal_resultInfo .modal_inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
#class #result_reports #modal_resultInfo .modal_inner .modal_contents {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
#class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block {
  width: 100%;
  padding: 0 10.90909%;
  max-height: 70vh;
}
@media screen and (max-width: 767px) {
  #class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block {
    padding: 0 9.33333%;
  }
}
#class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap {
  background-color: #fff;
  padding: 6.97674% 15.11628% 6.27907%;
  position: relative;
  max-height: 70vh;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 767px) {
  #class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap {
    padding: 6.55738% 6.55738%;
  }
}
#class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap .close {
  width: 8.13953%;
  position: absolute;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap .close {
    top: 0;
    margin-top: -4%;
    right: -4%;
  }
}
@media screen and (max-width: 767px) {
  #class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap .close {
    top: -30px;
    width: 60px;
    right: -30px;
  }
}
@media screen and (max-width: 374px) {
  #class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap .close {
    top: -20px;
    width: 40px;
    right: -20px;
  }
}
#class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap .inner {
  overflow: auto;
}
#class
  #result_reports
  #modal_resultInfo
  .modal_inner
  .modal_contents
  .modal_block
  .wrap
  .inner
  .ttl {
  font-size: 2rem;
  padding-bottom: 20px;
  border-bottom: 2px solid #0075c1;
}
@media screen and (max-width: 767px) {
  #class
    #result_reports
    #modal_resultInfo
    .modal_inner
    .modal_contents
    .modal_block
    .wrap
    .inner
    .ttl {
    font-size: 1.8rem;
    line-height: 1.6;
    padding-bottom: 10px;
  }
}
#class #result_reports #modal_resultInfo .modal_inner .modal_contents .modal_block .wrap .inner p {
  font-size: 1.6rem;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  #class
    #result_reports
    #modal_resultInfo
    .modal_inner
    .modal_contents
    .modal_block
    .wrap
    .inner
    p {
    font-size: 1.2rem;
  }
}
#class
  #result_reports
  #modal_resultInfo
  .modal_inner
  .modal_contents
  .modal_block
  .wrap
  .inner
  .name {
  text-align: right;
  font-size: 1.6rem;
  padding-top: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #class
    #result_reports
    #modal_resultInfo
    .modal_inner
    .modal_contents
    .modal_block
    .wrap
    .inner
    .name {
    font-size: 1.2rem;
    padding-top: 10px;
  }
}
#class
  #result_reports
  #modal_resultInfo
  .modal_inner
  .modal_contents
  .modal_block
  .wrap
  .inner
  .note {
  font-size: 1.6rem;
  padding-top: 30px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #class
    #result_reports
    #modal_resultInfo
    .modal_inner
    .modal_contents
    .modal_block
    .wrap
    .inner
    .note {
    font-size: 1.2rem;
    padding-top: 15px;
  }
}
#class #mainvisual {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #class #mainvisual {
    margin-top: 20px;
  }
}
#class .lpBanner {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .lpBanner__wrap {
    padding: 0 10.90909%;
  }
}
#class .lpBanner__wrap__inner {
  background-color: #005bab;
}
@media screen and (min-width: 768px) {
  #class .lpBanner__wrap__inner {
    padding: 2.32558% 2.32558% 2.32558% 4.65116%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #class .lpBanner__wrap__inner {
    text-align: center;
    padding: 2.66667% 0 2%;
  }
}
#class .lpBanner__wrap__inner .pref {
  font-size: 1.23077vw;
  color: #fff;
}
@media screen and (min-width: 1300px) {
  #class .lpBanner__wrap__inner .pref {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #class .lpBanner__wrap__inner .pref {
    font-size: 9.45231px;
  }
}
@media screen and (max-width: 767px) {
  #class .lpBanner__wrap__inner .pref {
    font-size: 2.93333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .lpBanner__wrap__inner .pref {
    font-size: 22.49867px;
  }
}
#class .lpBanner__wrap__inner .pref span {
  color: #0075c1;
  display: inline-block;
  background-color: #fff;
  padding: 0.375em 0.625em;
  font-weight: bold;
  margin-right: 0.625em;
}
@media screen and (max-width: 767px) {
  #class .lpBanner__wrap__inner .pref span {
    padding: 0.27273em 0.72727em;
    margin-right: 0.45455em;
  }
}
#class .lpBanner__wrap__inner .pref span.new {
  background-color: #e6380d;
  color: #ffffff;
  border: 1px solid #ffffff;
}
#class .lpBanner__wrap__inner .texts {
  font-weight: bold;
  font-size: 1.81818vw;
  color: #fff;
  margin-top: 0.54545em;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 1100px) {
  #class .lpBanner__wrap__inner .texts {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #class .lpBanner__wrap__inner .texts {
    font-size: 13.96364px;
  }
}
@media screen and (max-width: 767px) {
  #class .lpBanner__wrap__inner .texts {
    margin: 0.58333em 0;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .lpBanner__wrap__inner .texts {
    font-size: 24.544px;
  }
}
#class .lpBanner__wrap__inner .texts span {
  color: #fff000;
}
#class .lpBanner__wrap__inner .linkBtn {
  font-size: 1.45455vw;
  line-height: 1.25;
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #39b816;
  padding: 0.625em 1.5625em 0.625em 0.9375em;
  border: 2px solid #ffffff;
  border-radius: 6px;
  position: relative;
}
@media screen and (min-width: 1100px) {
  #class .lpBanner__wrap__inner .linkBtn {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #class .lpBanner__wrap__inner .linkBtn {
    font-size: 11.17091px;
  }
}
@media screen and (max-width: 767px) {
  #class .lpBanner__wrap__inner .linkBtn {
    font-size: 2.66667vw;
    padding: 0.8em 2em;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .lpBanner__wrap__inner .linkBtn {
    font-size: 20.45333px;
  }
}
#class .lpBanner__wrap__inner .linkBtn::before {
  content: '';
  display: block;
  width: 0.5625em;
  padding-bottom: 0.4375em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 0.71429em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  #class .lpBanner__wrap__inner .linkBtn::before {
    right: 1em;
    width: 0.6em;
    padding-bottom: 0.4em;
  }
}
@media screen and (min-width: 768px) {
  #class .mv_wrap {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      color-stop(63%, transparent),
      color-stop(63%, #e0eef7),
      to(#e0eef7)
    );
    background: linear-gradient(180deg, transparent 0%, transparent 63%, #e0eef7 63%, #e0eef7 100%);
  }
}
#class .mv_wrap .mv_container {
  max-width: 1100px;
  margin: 0 auto;
}
#class .mv_wrap .mv_container .lead_text {
  padding: 20px 0;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  background-color: #0075c1;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #class .mv_wrap .mv_container .lead_text {
    margin: 0 10.90909%;
  }
}
@media screen and (max-width: 767px) {
  #class .mv_wrap .mv_container .lead_text {
    padding: 10px 0;
    font-size: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .mv_wrap .mv_container .lead_text {
    font-size: 32.72533px;
  }
}
#class .mv_wrap .mv_container .mv {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #class .mv_wrap .mv_container .mv {
    margin: 0 10.90909%;
    height: 48.18182vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1100px) {
  #class .mv_wrap .mv_container .mv {
    height: 530px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #class .mv_wrap .mv_container .mv {
    height: 369.55455px;
  }
}
@media screen and (max-width: 767px) {
  #class .mv_wrap .mv_container .mv {
    height: 61.33333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .mv_wrap .mv_container .mv {
    height: 470.42667px;
  }
}
#class .mv_wrap .mv_container .mv video {
  display: block;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}
#class .mv_wrap .mv_container .mv .thumbnail {
  cursor: pointer;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#class .mv_wrap .mv_container .mv .thumbnail .mark {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #class .mv_wrap .mv_container .mv .thumbnail .mark {
    width: 70px;
    height: 70px;
  }
}
#class .mv_wrap .mv_container .mv .thumbnail .mark::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin-left: 8px;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 34px solid #fff;
}
@media screen and (max-width: 767px) {
  #class .mv_wrap .mv_container .mv .thumbnail .mark::before {
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 28px solid #fff;
  }
}
#class .mv_wrap .mv_container .mv .thumbnail:hover .mark {
  opacity: 0.8;
}
#class .mv_wrap .mv_container .mv .thumbnail.isPlay {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #class .info_wrap {
    background-color: #e0eef7;
  }
}
#class .info_wrap .info_container {
  max-width: 1100px;
  margin: 0 auto;
}
#class .info_wrap .info_container .info_inner {
  padding: 4.72727% 10.90909% 5.45455%;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner {
    padding: 6.53333% 4% 0;
  }
}
#class .info_wrap .info_container .info_inner .class_name {
  font-size: 3.8rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .class_name {
    font-size: 6.4vw;
    padding: 0 5.7971% 2.31884%;
    line-height: 1.29167;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner .class_name {
    font-size: 49.088px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .info_wrap .info_container .info_inner .class_name {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .info_list {
    display: -webkit-box;
    display: flex;
    margin-top: 22px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list {
    padding: 0 5.7971%;
  }
}
#class .info_wrap .info_container .info_inner .info_list .note {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list .note {
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list .note {
    font-size: 20.45333px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .info_wrap .info_container .info_inner .info_list .note {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .info_list ul {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .info_list ul:first-child {
    margin-right: 4.65116%;
  }
}
#class .info_wrap .info_container .info_inner .info_list ul li {
  padding-left: 30px;
  font-size: 1.4rem;
  line-height: 1.57143;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li {
    padding-left: 5.90164%;
    font-size: 3.2vw;
    margin-bottom: 3.93443%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .info_wrap .info_container .info_inner .info_list ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .info_list ul li {
    margin-bottom: 2.43902%;
  }
}
#class .info_wrap .info_container .info_inner .info_list ul li::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
#class .info_wrap .info_container .info_inner .info_list ul li .list_ttl {
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li .list_ttl {
    font-size: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li .list_ttl {
    font-size: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .info_wrap .info_container .info_inner .info_list ul li .list_ttl {
    font-size: 13px;
  }
}
#class .info_wrap .info_container .info_inner .info_list ul li .access_anc {
  color: #0075c1;
  cursor: pointer;
  padding-right: 18px;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #0075c1;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .info_list ul li .access_anc {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li .access_anc {
    margin-top: 1.63934%;
    padding-right: 15px;
  }
}
#class .info_wrap .info_container .info_inner .info_list ul li .access_anc::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #0075c1;
  border-bottom: 1px solid #0075c1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 5px;
  top: 0%;
}
#class .info_wrap .info_container .info_inner .info_list ul li.pen::before {
  content: '';
  width: 18px;
  height: 19px;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/pen.png);
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li.pen::before {
    width: 4.70383%;
    height: 0;
    padding-bottom: 4.70383%;
  }
}
#class .info_wrap .info_container .info_inner .info_list ul li.address::before {
  content: '';
  width: 15px;
  height: 20px;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/point.png);
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li.address::before {
    width: 4.00697%;
    height: 0;
    padding-bottom: 5.4007%;
  }
}
#class .info_wrap .info_container .info_inner .info_list ul li.academic::before {
  content: '';
  width: 21px;
  height: 14px;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/academic.png);
  top: 4%;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .info_list ul li.academic::before {
    width: 5.05226%;
    height: 0;
    padding-bottom: 3.48432%;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion {
    padding: 6.53333% 0 0;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .class_name {
    padding: 0 9.33333% 2.13333%;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list {
    padding: 0;
  }
}
#class .info_wrap .info_container .info_inner.conversion .info_list ul:first-child {
  display: -webkit-box;
  display: flex;
  margin-right: 0;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul:first-child {
    padding: 0 9.33333%;
  }
}
#class .info_wrap .info_container .info_inner.conversion .info_list ul:last-child {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul li.pen::before {
    width: 3.46667vw;
    padding-bottom: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul li.pen::before {
    width: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul li.pen::before {
    padding-bottom: 26.58933px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul li.address::before {
    width: 3.2vw;
    padding-bottom: 4vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul li.address::before {
    width: 24.544px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .info_list ul li.address::before {
    padding-bottom: 30.68px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .ancr_lists {
    padding: 8.4% 4% 0;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel {
  font-size: 1.4rem;
  line-height: 1.57143;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel {
    padding: 0;
    background-color: #e0eef7;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .note:not(:first-child) {
    margin-top: 0.81967%;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel::before {
  display: none;
}
#class .info_wrap .info_container .info_inner.conversion .tel .list_ttl {
  font-weight: bold;
  background-color: #ffb200;
  height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl {
    font-size: 4.26667vw;
    height: 10.66667vw;
    line-height: 10.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl {
    height: 81.81333px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl {
    line-height: 81.81333px;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel .list_ttl::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 10px 0 10px;
  border-color: #ffb300 transparent transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl::before {
    border-top-width: 4.26667vw;
    border-right-width: 2.66667vw;
    border-bottom-width: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl::before {
    border-top-width: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl::before {
    border-right-width: 20.45333px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .list_ttl::before {
    border-bottom-width: 20.45333px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .tel_boxinner {
    margin-top: 0;
    padding-bottom: 5.33333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .tel_boxinner {
    padding-bottom: 40.90667px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .tel_boxinner {
    padding-left: 30.68px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .tel_boxinner {
    padding-right: 30.68px;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links {
    background-color: #fff;
    padding: 23px 40px 20px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links {
    margin: 0;
    padding-top: 6.4vw;
    padding-bottom: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links {
    padding-top: 49.088px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links {
    padding-bottom: 20.45333px;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a {
  display: block;
  height: 68px;
  line-height: 68px;
  background-color: #e6380d;
  border-radius: 10px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a {
    font-size: 4vw;
    height: 16vw;
    line-height: 16vw;
    border-width: 1em;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a {
    font-size: 30.68px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a {
    height: 122.72px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a {
    line-height: 122.72px;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a:hover {
    opacity: 0.7;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a span {
  position: relative;
  display: inline-block;
  padding-left: 35px;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a span {
    padding-left: 6.4vw;
    line-height: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a span {
    padding-left: 49.088px;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel .form_links .web_link a span::before {
  content: '';
  display: block;
  width: 22px;
  padding-top: 20px;
  background-image: url(/zemi-kobetsu/assets/img/top/freeTrial_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
@media screen and (max-width: 767px) {
  #class
    .info_wrap
    .info_container
    .info_inner.conversion
    .tel
    .form_links
    .web_link
    a
    span::before {
    width: 4.8vw;
    padding-top: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .info_wrap
    .info_container
    .info_inner.conversion
    .tel
    .form_links
    .web_link
    a
    span::before {
    width: 36.816px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .info_wrap
    .info_container
    .info_inner.conversion
    .tel
    .form_links
    .web_link
    a
    span::before {
    padding-top: 32.72533px;
  }
}
#class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: calc(30 / 780 * 100%);
}
#class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a {
  color: #08c;
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a {
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a {
    display: block;
    background-color: #08c;
    border-radius: 10px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 4vw;
    height: 16vw;
    line-height: 16vw;
    border-width: 1em;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a {
    font-size: 30.68px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a {
    height: 122.72px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a {
    line-height: 122.72px;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a span {
    position: relative;
    display: inline-block;
    padding-left: 6.4vw;
    line-height: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner.conversion .tel .form_links .tel_link a span {
    padding-left: 49.088px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .info_wrap
    .info_container
    .info_inner.conversion
    .tel
    .form_links
    .tel_link
    a
    span::before {
    content: '';
    display: block;
    background-image: url(/zemi-kobetsu/assets/img/list/class/common/tel_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 3.73333vw;
    padding-top: 5.33333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .info_wrap
    .info_container
    .info_inner.conversion
    .tel
    .form_links
    .tel_link
    a
    span::before {
    width: 28.63467px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .info_wrap
    .info_container
    .info_inner.conversion
    .tel
    .form_links
    .tel_link
    a
    span::before {
    padding-top: 40.90667px;
  }
}
#class .info_wrap .info_container .info_inner.conversion .banner {
  margin-top: calc(40 / 780 * 100%);
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner.conversion .banner {
    margin-bottom: 20px;
  }
}
#class .info_wrap .info_container .info_inner .tel::before {
  content: '';
  width: 16px;
  height: 20px;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/tel.png);
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .tel::before {
    width: 3.83275%;
    height: 0;
    padding-bottom: 4.87805%;
  }
}
#class .info_wrap .info_container .info_inner .personal-info {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .personal-info {
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner .personal-info {
    font-size: 20.45333px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .info_wrap .info_container .info_inner .personal-info {
    font-size: 10px;
  }
}
#class .info_wrap .info_container .info_inner .personal-info .accordion-head {
  margin: 7px 0;
  color: #08c;
  font-weight: normal;
}
#class .info_wrap .info_container .info_inner .personal-info .accordion-head .open-text {
  display: inline-block;
  cursor: pointer;
}
#class .info_wrap .info_container .info_inner .personal-info .accordion-head .close-text {
  display: none;
}
#class .info_wrap .info_container .info_inner .personal-info .accordion-body {
  display: none;
}
#class .info_wrap .info_container .info_inner .personal-info .accordion-body .cpo-signature {
  display: block;
  text-align: right;
  margin-top: 7px;
}
#class .info_wrap .info_container .info_inner .personal-info.active .accordion-head .open-text {
  display: none;
}
#class .info_wrap .info_container .info_inner .personal-info.active .accordion-head .close-text {
  display: inline-block;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .ancr_lists {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 4.4186%;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .ancr_lists {
    padding-top: 9.13043%;
  }
}
#class .info_wrap .info_container .info_inner .ancr_lists li {
  font-weight: bold;
  background-color: #0075c1;
  text-align: center;
  color: #fff;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li {
    width: 47.67442%;
    height: 80px;
    line-height: 80px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li {
    font-size: 4.26667vw;
    padding: 4.92754% 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li:not(:first-child) {
    margin-left: 4.65116%;
  }
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li:not(:first-child) {
    margin-top: 4.34783%;
  }
}
#class .info_wrap .info_container .info_inner .ancr_lists li::before {
  content: '';
  display: block;
  width: 16px;
  padding-top: 16px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  #class .info_wrap .info_container .info_inner .ancr_lists li::before {
    margin-top: -2%;
    right: 5.7971%;
    width: 2.31884%;
    padding-top: 2.31884%;
  }
}
@media screen and (max-width: 767px) {
  #class .banner_wrap {
    padding: 0 calc(30 / 750 * 100%);
  }
}
#class .banner {
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  max-width: 860px;
  margin: 40px auto 0;
}
@media screen and (min-width: 768px) {
  #class .banner:hover {
    opacity: 0.5;
  }
}
#class .banner .cp_banner_note {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#class #kinkyu .info_container {
  max-width: 1100px;
  margin: 0 auto;
}
#class #kinkyu .info_container .info_inner {
  padding: 0 10.90909% 2.72727%;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner {
    padding: 0 4% 1.33333%;
  }
}
#class #kinkyu .info_container .info_inner.p0 {
  padding: 0 0 2.72727%;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner.p0 {
    padding: 0 0 1.33333%;
  }
}
#class #kinkyu .info_container .info_inner .class_name {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #0075c1;
  border: 2px solid #0075c1;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .class_name {
    font-size: 4.8vw;
    padding: 1.15942%;
    line-height: 1.29167;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .class_name {
    font-size: 36.816px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .class_name {
    font-size: 18px;
  }
}
#class #kinkyu .info_container .info_inner .first_txt {
  margin-top: 10px;
  font-size: 1.4rem;
  color: #0075c1;
  line-height: 1.57143;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .first_txt {
    font-size: 3.2vw;
    margin-top: 2.89855%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .first_txt {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .first_txt {
    font-size: 12px;
  }
}
#class #kinkyu .info_container .info_inner .first_txt .font-bold {
  font-weight: bold;
}
#class #kinkyu .info_container .info_inner .small_ttl {
  color: #0075c1;
  font-weight: bold;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .small_ttl {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .small_ttl {
    font-size: 3.73333vw;
    margin-top: 5.33333%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .small_ttl {
    font-size: 28.63467px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .small_ttl {
    font-size: 14px;
  }
}
#class #kinkyu .info_container .info_inner .small_ttl.dummy {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .small_ttl.dummy {
    display: none;
  }
}
#class #kinkyu .info_container .info_inner .ttl_subtxt {
  color: #0075c1;
  font-size: 1.4rem;
  line-height: 1.57143;
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .ttl_subtxt {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .ttl_subtxt {
    font-size: 3.73333vw;
    line-height: 1.29167;
    margin-top: 1.33333%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .ttl_subtxt {
    font-size: 28.63467px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .ttl_subtxt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .info_list {
    display: -webkit-box;
    display: flex;
    margin-top: 5px;
  }
}
#class #kinkyu .info_container .info_inner .info_list .list {
  color: #0075c1;
  background-color: #e0eef7;
  font-size: 1.4rem;
  line-height: 1.57143;
  position: relative;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .info_list .list {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_list .list {
    font-size: 3.2vw;
    margin-top: 2.89855%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_list .list {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .info_list .list {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .info_list .list:not(:last-child) {
    margin-right: 3.48837%;
  }
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .info_list .list.no-flex-basis {
    flex-basis: 31.04651%;
  }
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .info_list .list.flex-basis-auto {
    flex-basis: auto;
  }
}
#class #kinkyu .info_container .info_inner .info_list .list .list_ttl {
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_list .list .list_ttl {
    font-size: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_list .list .list_ttl {
    font-size: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .info_list .list .list_ttl {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_container .info_inner .info_list .list .list_ttl.strong {
    font-size: 1.8rem;
    margin-bottom: 0.3em;
  }
}
#class #kinkyu .info_container .info_inner .info_list .list .finish {
  text-decoration: line-through;
}
#class #kinkyu .info_container .info_inner .info_list .list .finish::after {
  content: '蜿嶺ｻ倡ｵゆｺ�';
  display: inline-block;
  margin-left: 10px;
  font-size: 1.2rem;
  padding: 0 5px;
  border: 1px solid #0075c1;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_list .list .finish::after {
    font-size: 2.93333vw;
    padding: 0 0.45455em;
    margin-left: 0.90909em;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_list .list .finish::after {
    font-size: 22.49867px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .info_list .list .finish::after {
    font-size: 11px;
  }
}
#class #kinkyu .info_container .info_inner .note_bottom {
  color: #0075c1;
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.57143;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .note_bottom {
    margin-top: 2.32558%;
    margin-bottom: 2.32558%;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .note_bottom {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .note_bottom {
    font-size: 12px;
  }
}
#class #kinkyu .info_container .info_inner .present {
  color: #0075c1;
  padding-top: 10px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .present {
    padding-top: 1.74419%;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .present {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .present {
    font-size: 12px;
  }
}
#class #kinkyu .info_container .info_inner .info_ttl {
  font-weight: bold;
  margin-top: 20px;
  color: #0075c1;
  padding-bottom: 10px;
  border-bottom: 1px solid #0075c1;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_ttl {
    margin-top: 6.97674%;
    padding-bottom: 1.16279%;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .info_ttl {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .info_ttl {
    font-size: 12px;
  }
}
#class #kinkyu .info_container .info_inner .tel {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #0075c1;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .tel {
    margin-top: 1.16279%;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .tel {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .tel {
    font-size: 12px;
  }
}
#class #kinkyu .info_container .info_inner .tel a {
  color: #0075c1;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .tel a {
    font-size: 5.33333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .tel a {
    font-size: 40.90667px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .tel a {
    font-size: 20px;
  }
}
#class #kinkyu .info_container .info_inner .note {
  color: #0075c1;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #class #kinkyu .info_container .info_inner .note {
    margin-top: 2.32558%;
    margin-bottom: 2.32558%;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #kinkyu .info_container .info_inner .note {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #kinkyu .info_container .info_inner .note {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #class #kinkyu .info_holizontal {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  #class #kinkyu .info_holizontal_item {
    width: 48%;
  }
  #class #kinkyu .info_holizontal_item .info_list .list {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #class #kinkyu .info_holizontal .holizontal_fourItems {
    width: 23%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #class #kinkyu .info_holizontal .holizontal_fourItems .info_list {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
}
#class .news {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  #class .news {
    padding: 10.66667% 4% 0;
  }
}
#class .news .news_title {
  width: 163px;
  margin: 0 auto;
  padding-top: 7.27273%;
}
@media screen and (max-width: 767px) {
  #class .news .news_title {
    width: 29.85507%;
    padding-top: 11.5942%;
  }
}
@media screen and (min-width: 768px) {
  #class .news .news_lists {
    padding: 0 10.90909%;
    margin-bottom: 7.27273%;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists {
    padding: 1.44928% 0;
    margin-bottom: 11.5942%;
  }
}
@media screen and (min-width: 768px) {
  #class .news .news_lists .pointer {
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists {
    padding: 6.08696% 5.7971% 5.21739%;
  }
}
#class .news .news_lists dt {
  font-weight: bold;
  font-size: 2.2rem;
  padding-right: 40px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists dt {
    font-size: 4.26667vw;
    margin-bottom: 2.95082%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists dt {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .news .news_lists dt {
    font-size: 16px;
  }
}
#class .news .news_lists .title {
  font-weight: bold;
  font-size: 1.8rem;
  color: #0075c1;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .title {
    font-size: 3.73333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .title {
    font-size: 28.63467px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .news .news_lists .title {
    font-size: 14px;
  }
}
#class .news .news_lists .title.mt20 {
  margin-top: 20px;
}
#class .news .news_lists .title.mt10 {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .title.mt10 {
    margin-top: 10px;
  }
}
#class .news .news_lists .mt10 {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .mt10 {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  #class .news .news_lists .flex-box {
    display: -webkit-box;
    display: flex;
  }
}
#class .news .news_lists .flex-box .flex-image {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  #class .news .news_lists .flex-box .flex-image {
    width: 42.25352%;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .flex-box .flex-image {
    margin-top: 30px;
  }
}
#class .news .news_lists .text {
  font-size: 1.4rem;
  line-height: 1.85714;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .text {
    line-height: 1.75;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .text {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .news .news_lists .text {
    font-size: 12px;
  }
}
#class .news .news_lists .text .text_link {
  text-align: center;
}
#class .news .news_lists .text .text_link span {
  color: #197fd2;
  border-bottom: 1px solid #197fd2;
}
#class .news .news_lists .text .info_ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  line-height: 1.4;
}
#class .news .news_lists .text .tel {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
#class .news .news_lists .text .tel a {
  font-size: 2rem;
  font-weight: bold;
}
#class .news .news_lists .text .note {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
}
#class .news .news_lists .note {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
#class .news .news_lists .note:nth-child(n + 2) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .note {
    font-size: 2.93333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .note {
    font-size: 22.49867px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .news .news_lists .note {
    font-size: 11px;
  }
}
#class .news .news_lists .isFinished {
  position: relative;
}
#class .news .news_lists .isFinished::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.6;
  border-radius: 10px;
}
#class .news .news_lists .isFinished::after {
  content: '邨ゆｺ�＠縺ｾ縺励◆縲�';
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 2.09302vw;
}
@media screen and (min-width: 860px) {
  #class .news .news_lists .isFinished::after {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .isFinished::after {
    font-size: 16.05349px;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .isFinished::after {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .isFinished::after {
    font-size: 24.544px;
  }
}
#class .news .news_lists .accordion_news {
  padding: 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
  #class .news .news_lists .accordion_news {
    display: block;
  }
}
#class .news .news_lists .accordion_news .accordion-head {
  position: relative;
}
@media screen and (min-width: 768px) {
  #class .news .news_lists .accordion_news .accordion-head {
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    padding: 4.18605% 0;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head {
    padding: 6.08696% 5.7971% 5.21739%;
    margin-bottom: 0;
  }
}
#class .news .news_lists .accordion_news .accordion-head .date {
  font-weight: bold;
  font-size: 2.2rem;
  padding-right: 40px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head .date {
    font-size: 4.26667vw;
    margin-bottom: 2.95082%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head .date {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .news .news_lists .accordion_news .accordion-head .date {
    font-size: 16px;
  }
}
#class .news .news_lists .accordion_news .accordion-head .title {
  font-weight: bold;
  font-size: 1.8rem;
  color: #0075c1;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head .title {
    font-size: 3.73333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head .title {
    font-size: 28.63467px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .news .news_lists .accordion_news .accordion-head .title {
    font-size: 14px;
  }
}
#class .news .news_lists .accordion_news .accordion-head::before {
  font-size: 1.16279vw;
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background-color: #0075c1;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 860px) {
  #class .news .news_lists .accordion_news .accordion-head::before {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  #class .news .news_lists .accordion_news .accordion-head::before {
    font-size: 8.93023px;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head::before {
    font-size: 2.66667vw;
    width: 18px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head::before {
    font-size: 20.45333px;
  }
}
#class .news .news_lists .accordion_news .accordion-head::after {
  font-size: 1.16279vw;
  content: '';
  display: block;
  width: 4px;
  height: 20px;
  background-color: #0075c1;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 860px) {
  #class .news .news_lists .accordion_news .accordion-head::after {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  #class .news .news_lists .accordion_news .accordion-head::after {
    font-size: 8.93023px;
  }
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head::after {
    font-size: 2.66667vw;
    width: 2px;
    height: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .news .news_lists .accordion_news .accordion-head::after {
    font-size: 20.45333px;
  }
}
#class .news .news_lists .accordion_news dd {
  display: none;
}
#class .news .news_lists .accordion_news dd.padding {
  padding: 0 0 36px 150px;
}
@media screen and (max-width: 767px) {
  #class .news .news_lists .accordion_news dd.padding {
    padding: 0 5.7971% 5.21739%;
  }
}
#class .news .news_lists .accordion_news.active dt::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#class .news .news_lists .showBtn {
  text-align: center;
  margin-top: 2em;
}
#class .news .news_lists .showBtn span {
  cursor: pointer;
  padding-right: 1em;
  position: relative;
  font-weight: bold;
}
#class .news .news_lists .showBtn span::after {
  content: '';
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -0.3em;
}
#class .news .news_lists .showBtn.hide span::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#class .news .news_lists .hideArea {
  display: none;
}
#class .news .news_lists .hideArea.show {
  display: block;
}
#class .features {
  background-color: #e0eef7;
}
@media screen and (max-width: 767px) {
  #class .features {
    padding: 10.66667% 4% 0;
  }
}
@media screen and (min-width: 768px) {
  #class .features.pb80 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #class .features.pb80 {
    padding-bottom: 10.66667%;
  }
}
#class .features .features_wrap {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap {
    padding-top: 80px;
  }
}
#class .features .features_wrap .features_ttl {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_ttl {
    width: 202px;
    padding-top: 6.15385%;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_ttl {
    width: 36.81159%;
  }
}
#class .features .features_wrap .features_anchor_wrap {
  max-width: 860px;
  margin: 35px auto 0;
}
#class .features .features_wrap .features_anchor_wrap .features_anchor_list {
  background-color: #fff;
  border-radius: 10px;
  color: #000;
  position: relative;
  font-size: 1.23077vw;
  font-weight: bold;
  padding: 15px 20px;
  cursor: pointer;
  line-height: 1.5;
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list {
    font-size: 9.44px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list {
    font-size: 3.2vw;
    padding-top: calc(10 / 345 * 100%);
    padding-bottom: calc(10 / 345 * 100%);
    padding-right: calc(60 / 345 * 100%);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list {
    font-size: 12px;
  }
}
#class .features .features_wrap .features_anchor_wrap .features_anchor_list::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  width: 26px;
  height: 26px;
  background-image: url(/zemi-kobetsu/assets/img/list/icon_features_anchor.png);
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list::before {
    width: 21px;
    height: 21px;
  }
}
#class
  .features
  .features_wrap
  .features_anchor_wrap
  .features_anchor_list
  + .features_anchor_list {
  margin-top: 20px;
}
#class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title {
  font-size: 1.84615vw;
  line-height: calc(45 / 30);
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title {
    font-size: 14.16px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title {
    font-size: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title {
    font-size: 16px;
  }
}
#class .features .features_wrap .features_anchor_wrap .features_anchor_list .features_title span {
  color: #005bac;
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents {
    padding: 0 7.69231%;
  }
}
#class .features .features_wrap .features_contents ul li {
  position: relative;
  margin-top: 2.72727%;
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li {
    margin-top: calc(100 / 375 * 100%);
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li:nth-child(2n)
  .features_inner
  .features_num {
  left: auto;
}
#class .features .features_wrap .features_contents ul li[id] {
  padding-top: calc(30 / 1100 * 100%);
  margin-top: 2.72727%;
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li[id] {
    padding-top: calc(100 / 375 * 100%);
    margin-top: calc(40 / 375 * 100%);
  }
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents ul li .features_img {
    width: 45.45455%;
    position: absolute;
    top: 30px;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_img {
    padding-right: 5.7971%;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_img::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 15.94203%;
    background-image: url(/zemi-kobetsu/assets/img/list/class/common/features_bg.jpg);
    background-repeat: repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents ul li .features_inner {
    width: 60.36364%;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner {
    padding-left: 5.7971%;
  }
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_num {
    width: 22.89157%;
    margin: 0 auto 3.01205%;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_num {
    position: absolute;
    top: -16vw;
    left: 5.7971%;
    z-index: 1;
    width: 17.68116%;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_title_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title_wrap {
    margin: 0 0 calc(20 / 664 * 100%) calc(95 / 665 * 100%);
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title_wrap {
    position: absolute;
    left: 5.7971%;
    z-index: 1;
    top: 4vw;
    -webkit-box-align: end;
    align-items: flex-end;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_title_wrap
  .features_num {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_title_wrap
    .features_num {
    position: relative;
    width: auto;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_title_wrap
    .features_num {
    position: initial;
    width: 17.68116%;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_title {
  font-size: 2.30769vw;
  font-weight: bold;
  line-height: calc(45 / 30);
  margin-left: calc(10 / 665 * 100%);
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title {
    font-size: 17.7px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title {
    font-size: 5.33333vw;
    margin: 0;
    padding-top: calc(8 / 375 * 100%);
    padding-bottom: calc(40 / 375 * 100%);
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title {
    font-size: 40.90667px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_title {
    font-size: 20px;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_title span {
  color: #005bac;
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt {
  padding: 7.83133% 9.03614% 8.13253% 18.8253%;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/features_bg.jpg);
  background-repeat: repeat;
  background-size: contain;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt {
    padding: 7.69231% 9.23077% 8.30769%;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .features_lead {
  font-size: 2.30769vw;
  line-height: 1.53333;
  font-weight: bold;
  margin-bottom: 5.42797%;
}
@media screen and (min-width: 1300px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .features_lead {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .features_lead {
    font-size: 17.7px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .features_lead {
    margin-bottom: 4.74576%;
    text-align: center;
    line-height: 1.5;
    font-size: 5.33333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .features_lead {
    font-size: 40.90667px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .features_lead {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .showArea
    .showBtn {
    position: relative;
    text-align: center;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .showArea
    .showBtn {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .showArea
    .showBtn {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .showArea
    .showBtn::before {
    content: '';
    display: block;
    width: 0.66667em;
    height: 0.66667em;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-70%) rotate(45deg);
    transform: translateY(-70%) rotate(45deg);
    right: 32%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .showArea
    .hideArea {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .showArea
    .hideArea {
    margin-top: 1em;
    display: none;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .showArea
  .hideArea.show {
  display: block;
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .accordion-head {
  font-size: 1.07692vw;
  position: relative;
  text-align: center;
  margin: 10px 0 0;
}
@media screen and (min-width: 1300px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .accordion-head {
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .accordion-head {
    font-size: 10.76923px;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .accordion-head::before {
  content: '';
  display: block;
  width: 0.57143em;
  height: 0.57143em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-70%) rotate(45deg);
  transform: translateY(-70%) rotate(45deg);
  right: 38%;
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .accordion-head::before {
    -webkit-transform: translateY(-80%) rotate(45deg);
    transform: translateY(-80%) rotate(45deg);
    right: 36%;
    width: 0.66667em;
    height: 0.66667em;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .accordion-head
  .close-text {
  display: none;
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .active
  .accordion-head::before {
  -webkit-transform: translateY(-38%) rotate(-135deg);
  transform: translateY(-38%) rotate(-135deg);
  right: 42%;
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .active
    .accordion-head::before {
    right: 40%;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .active
  .accordion-head
  .open-text {
  display: none;
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .active
  .accordion-head
  .close-text {
  display: block;
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li
  .features_inner
  .features_txt
  .accordion-body {
  display: none;
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt p {
  font-size: 1.07692vw;
  line-height: 1.85714;
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt p {
    font-size: 10.76923px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt p {
    line-height: 1.75;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt p {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt p {
    font-size: 12px;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt p a {
  color: #fff;
  text-decoration: underline;
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt .note {
  font-size: 0.92308vw;
  line-height: 2;
  margin-top: 13px;
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .note {
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .note {
    font-size: 9.23077px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .note {
    margin-top: 3.07692%;
    line-height: 1.9;
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .note {
    font-size: 20.45333px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .note {
    font-size: 10px;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt .inner_img {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .inner_img {
    margin-top: 3.07692%;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt .note_list {
  font-size: 0.92308vw;
  line-height: 1.5;
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 1300px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .note_list {
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .note_list {
    font-size: 9.23077px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .note_list {
    margin-top: 3.07692%;
    line-height: 1.9;
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .note_list {
    font-size: 20.45333px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li
    .features_inner
    .features_txt
    .note_list {
    font-size: 10px;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt .est {
  margin-top: 18px;
  font-size: 1.23077vw;
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est {
    font-size: 16px;
  }
}
@media screen and (max-width: 1000px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est {
    font-size: 12.30769px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est {
    margin-top: 3.07692%;
    line-height: 1.46154;
    font-size: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est {
    font-size: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est {
    font-size: 13px;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link {
  font-size: 1.07692vw;
  margin-top: 14px;
}
@media screen and (min-width: 1300px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link {
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link {
    font-size: 10.76923px;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link {
    margin-top: 1.69492%;
    line-height: 1.91667;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link {
    font-size: 12px;
  }
}
#class .features .features_wrap .features_contents ul li .features_inner .features_txt .est_link a {
  color: #fff;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents ul li:nth-child(2n) .features_img {
    position: absolute;
    top: 30px;
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li:nth-child(2n) .features_img {
    padding-right: 0;
    padding-left: 5.7971%;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #class .features .features_wrap .features_contents ul li:nth-child(2n) .features_inner {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #class .features .features_wrap .features_contents ul li:nth-child(2n) .features_inner {
    padding-left: 0;
    padding-right: 5.7971%;
  }
}
#class
  .features
  .features_wrap
  .features_contents
  ul
  li:nth-child(2n)
  .features_inner
  .features_title_wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li:nth-child(2n)
    .features_inner
    .features_title_wrap {
    margin: 0 calc(150 / 665 * 100%) calc(20 / 664 * 100%) 0;
  }
}
@media screen and (max-width: 767px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li:nth-child(2n)
    .features_inner
    .features_title_wrap {
    position: absolute;
    z-index: 1;
    top: 4vw;
    left: auto;
    right: 5.7971%;
  }
}
@media screen and (min-width: 768px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li:nth-child(2n)
    .features_inner
    .features_title {
    margin-right: calc(20 / 665 * 100%);
  }
}
@media screen and (min-width: 768px) {
  #class
    .features
    .features_wrap
    .features_contents
    ul
    li:nth-child(2n)
    .features_inner
    .features_txt {
    padding: 7.83133% 18.8253% 8.13253% 9.03614%;
  }
}
#class .manager {
  background-color: #e0eef7;
}
@media screen and (max-width: 767px) {
  #class .manager {
    padding: 10.66667% 4% 12.8%;
  }
}
#class .manager .manager_wrap {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap {
    padding-top: 80px;
  }
}
#class .manager .manager_wrap .manager_title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_title {
    width: 196px;
    padding: 6.15385% 0 4.61538%;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_title {
    width: 35.94203%;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    padding: 4.61538% 7.69231% 6.15385%;
  }
}
#class .manager .manager_wrap .manager_contents .manager_prof {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents .manager_prof {
    min-width: 200px;
    margin-right: 55px;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents .manager_prof .manager_img {
    max-width: 200px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_prof .manager_img {
    width: 50.72464%;
    margin: 0 auto 3.76812%;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents .manager_prof .manager_name {
    font-size: 1.8rem;
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_prof .manager_name {
    margin: 0 0 1.73913%;
    font-size: 3.73333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_prof .manager_name {
    font-size: 28.63467px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .manager .manager_wrap .manager_contents .manager_prof .manager_name {
    font-size: 14px;
  }
}
#class .manager .manager_wrap .manager_contents .manager_prof p {
  font-size: 1.4rem;
  line-height: 1.42857;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_prof p {
    line-height: 1.45455;
    font-size: 2.93333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_prof p {
    font-size: 22.49867px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .manager .manager_wrap .manager_contents .manager_prof p {
    font-size: 11px;
  }
}
#class .manager .manager_wrap .manager_contents .manager_comment {
  -webkit-box-flex: 1;
  flex: 1;
  background-color: #0fa0e4;
  color: #fff;
  padding: 32px 40px 35px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment {
    padding: 7.24638% 5.7971%;
    margin: 8.69565% 0 9.42029%;
  }
}
#class .manager .manager_wrap .manager_contents .manager_comment .comment_lead {
  font-size: 2.2rem;
  line-height: 1.72727;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .comment_lead {
    margin-bottom: 3.60656%;
    line-height: 1.625;
    font-size: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .comment_lead {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .comment_lead {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea .showBtn {
    position: relative;
    text-align: center;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea .showBtn {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea .showBtn {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea .showBtn::before {
    content: '';
    display: block;
    width: 0.66667em;
    height: 0.66667em;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-70%) rotate(45deg);
    transform: translateY(-70%) rotate(45deg);
    right: 32%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea .hideArea {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea .hideArea {
    margin-top: 1em;
    display: none;
  }
}
#class .manager .manager_wrap .manager_contents .manager_comment .showArea .hideArea.show {
  display: block;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment .showArea.active .more::before {
    -webkit-transform: translateY(-30%) rotate(-135deg);
    transform: translateY(-30%) rotate(-135deg);
  }
}
#class .manager .manager_wrap .manager_contents .manager_comment p {
  font-size: 1.6rem;
  line-height: 1.85714;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment p {
    line-height: 1.75;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .manager .manager_wrap .manager_contents .manager_comment p {
    font-size: 24.544px;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents.flex-direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents.flex-direction-row {
    margin-top: 8.69565%;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents.flex-direction-row .manager_comment::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -24px;
    border-top: none;
    border-bottom: 24px solid #0fa0e4;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_contents.double_teacher {
    -webkit-box-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents.double_teacher .manager_prof {
    display: -webkit-box;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  #class
    .manager
    .manager_wrap
    .manager_contents.double_teacher
    .manager_prof
    li:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #class
    .manager
    .manager_wrap
    .manager_contents.double_teacher
    .manager_prof
    li:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_contents.double_teacher .manager_prof .manager_img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #class .manager .manager_wrap .manager_profile {
    padding: 0 calc(100 / 1300 * 100%) calc(80 / 1300 * 100%);
  }
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_profile {
    margin-top: 20px;
    font-size: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .manager .manager_wrap .manager_profile {
    font-size: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .manager .manager_wrap .manager_profile {
    font-size: 13px;
  }
}
#class .manager .manager_wrap .manager_profile .accordion {
  background-color: #eff6fb;
  border: 1px solid #ccc;
}
#class .manager .manager_wrap .manager_profile .accordion.active dt::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#class .manager .manager_wrap .manager_profile .accordion-head {
  padding: 20px;
  position: relative;
  cursor: pointer;
}
#class .manager .manager_wrap .manager_profile .accordion-head::before {
  font-size: 10px;
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_profile .accordion-head::before {
    width: 18px;
    height: 2px;
  }
}
#class .manager .manager_wrap .manager_profile .accordion-head::after {
  font-size: 10px;
  content: '';
  display: block;
  width: 4px;
  height: 20px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_profile .accordion-head::after {
    width: 2px;
    height: 18px;
  }
}
#class .manager .manager_wrap .manager_profile .accordion-body {
  padding: 0 20px 20px;
  display: none;
}
#class .manager .manager_wrap .manager_profile .accordion-body li {
  display: -webkit-box;
  display: flex;
  line-height: 1.2;
}
#class .manager .manager_wrap .manager_profile .accordion-body li + li {
  margin-top: 1rem;
}
#class .manager .manager_wrap .manager_profile .accordion-body .item_title {
  display: inline-block;
  width: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .manager .manager_wrap .manager_profile .accordion-body .item_title {
    width: 25%;
  }
}
#class .manager .manager_wrap .manager_profile .accordion-body .item_title::after {
  content: ':';
  position: absolute;
  right: 10px;
}
#class .manager .manager_wrap .manager_profile .accordion-body .item_text {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
}
#class .taikendan {
  max-width: 1300px;
  margin: 80px auto;
}
@media screen and (max-width: 767px) {
  #class .taikendan {
    margin: 10.66667% auto;
  }
}
#class .taikendan .last_year_note {
  font-size: 1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #class .taikendan .last_year_note {
    margin-bottom: 1em;
    margin-top: 3.84615%;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .last_year_note {
    margin-top: 1em;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper {
    padding: 0 7.69231%;
  }
}
#class .taikendan .taikendan_wrapper .mv_img {
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img {
    margin-top: 10.66667%;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title {
  position: absolute;
  top: 5.5em;
  left: 3.5em;
  display: inline-block;
  font-size: 1.53846vw;
  padding: 0.27273% 0.81818%;
  color: #0075c1;
  font-weight: bold;
  background-color: #fff;
  line-height: 1.4;
}
@media screen and (min-width: 1300px) {
  #class .taikendan .taikendan_wrapper .mv_img .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #class .taikendan .taikendan_wrapper .mv_img .title {
    font-size: 11.81538px;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title {
    top: 61.33333vw;
    left: 6.66667vw;
    padding: 1.33333% 2.66667%;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title {
    font-size: 30.68px;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn02 {
  top: 5.6em;
  left: 3em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn02 {
    top: 61.33333vw;
    left: 5.33333vw;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn03 {
  top: 5.6em;
  left: 3.3em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn03 {
    top: 61.33333vw;
    left: 6.66667vw;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn04 {
  top: 6em;
  left: 3em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn04 {
    top: 58.66667vw;
    left: 6.66667vw;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn05 {
  top: 4.7em;
  left: 2.5em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn05 {
    top: 61.33333vw;
    left: 6.66667vw;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn06 {
  top: 9.8em;
  left: 3.5em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn06 {
    top: 61.33333vw;
    left: 6.66667vw;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn07 {
  top: 9em;
  left: 3.45em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn07 {
    top: 58.4vw;
    left: 6.66667vw;
  }
}
#class .taikendan .taikendan_wrapper .mv_img .title.ptn08 {
  top: 6.75em;
  left: 2.5em;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .mv_img .title.ptn08 {
    top: 61.33333vw;
    left: 6.66667vw;
  }
}
#class .taikendan .taikendan_wrapper .point,
#class .taikendan .taikendan_wrapper .story {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .point,
  #class .taikendan .taikendan_wrapper .story {
    padding: 0 4%;
    margin-top: 13.33333%;
  }
}
#class .taikendan .taikendan_wrapper .point .sub_title,
#class .taikendan .taikendan_wrapper .story .sub_title {
  text-align: center;
  font-size: 2.61538vw;
  font-weight: bold;
}
@media screen and (min-width: 1300px) {
  #class .taikendan .taikendan_wrapper .point .sub_title,
  #class .taikendan .taikendan_wrapper .story .sub_title {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .sub_title,
  #class .taikendan .taikendan_wrapper .story .sub_title {
    font-size: 20.08615px;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .point .sub_title,
  #class .taikendan .taikendan_wrapper .story .sub_title {
    font-size: 5.86667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .sub_title,
  #class .taikendan .taikendan_wrapper .story .sub_title {
    font-size: 45.056px;
  }
}
#class .taikendan .taikendan_wrapper .point .sub_title .blue,
#class .taikendan .taikendan_wrapper .story .sub_title .blue {
  color: #0075c1;
  position: relative;
}
#class .taikendan .taikendan_wrapper .point .sub_title .blue::before,
#class .taikendan .taikendan_wrapper .story .sub_title .blue::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/blue_shape.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .sub_title .blue::before,
  #class .taikendan .taikendan_wrapper .story .sub_title .blue::before {
    top: -0.35294em;
    left: -0.29412em;
    max-width: 27px;
    max-height: 16px;
    width: 2.07692vw;
    height: 1.23077vw;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .point .sub_title .blue::before,
  #class .taikendan .taikendan_wrapper .story .sub_title .blue::before {
    width: 4.93333vw;
    height: 2.8vw;
    top: -0.45455em;
    left: -0.27273em;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point {
    padding: 0 10.90909%;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .point_text {
    display: -webkit-box;
    display: flex;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .point .point_text {
    margin: 6.08696% 0;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .point_text p {
    font-size: 1.38462vw;
    line-height: 1.55556;
    margin-right: 5.81395%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1300px) {
  #class .taikendan .taikendan_wrapper .point .point_text p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .point_text p {
    font-size: 10.63385px;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .point .point_text p {
    font-size: 4.26667vw;
    line-height: 1.5;
    margin-bottom: 6.08696%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .taikendan .taikendan_wrapper .point .point_text p {
    font-size: 32.72533px;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .point_text .image {
    width: 40.69767%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .point .point_text .image.ptn01 {
    width: 23.83721%;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .point .point_text .image.ptn01 {
    margin: 0 auto;
    width: 52.6087%;
  }
}
@media screen and (min-width: 768px) {
  #class .taikendan .taikendan_wrapper .story {
    padding: 0 10.90909%;
  }
}
#class .taikendan .taikendan_wrapper .story .story_image {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .story .story_image {
    margin: 7.24638% 0;
  }
}
#class .taikendan .taikendan_wrapper .detail {
  text-align: center;
  margin-top: 80px;
  font-size: 1.38462vw;
}
@media screen and (min-width: 1300px) {
  #class .taikendan .taikendan_wrapper .detail {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #class .taikendan .taikendan_wrapper .detail {
    font-size: 10.63385px;
  }
}
@media screen and (max-width: 767px) {
  #class .taikendan .taikendan_wrapper .detail {
    margin: 9.33333% 0;
    font-size: 4.53333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .taikendan .taikendan_wrapper .detail {
    font-size: 34.77067px;
  }
}
#class .taikendan .taikendan_wrapper .detail a {
  color: #0075c1;
  display: inline-block;
  border-bottom: 1px solid #0075c1;
  padding-bottom: 2px;
}
#class .garelly {
  background-color: #0075c1;
}
#class .garelly .garelly_wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
}
#class .garelly .garelly_wrap .garelly_container {
  padding: 7.27273% 0;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container {
    padding: 10.66667% 0 10.4%;
  }
  #class .garelly .garelly_wrap {
    padding: 0 30px;
  }
}
#class .garelly .garelly_wrap .garelly_container .garelly_title {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding-bottom: 5.81818%;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .garelly_title {
    font-size: 6.4vw;
    padding-bottom: 8.98551%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .garelly_title {
    font-size: 49.088px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .garelly .garelly_wrap .garelly_container .garelly_title {
    font-size: 24px;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists {
  padding: 0 6.81818%;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists {
    padding: 0 5.7971%;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-arrow {
  font-size: 0;
  display: block;
  width: 3.63636%;
  padding-bottom: 3.63636%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-arrow {
    top: 38%;
  }
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-arrow {
    top: 25vw;
    width: 11.5942%;
    padding-bottom: 11.5942%;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-prev {
  left: 0;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/prev.png);
}
@media screen and (max-width: 1300px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-prev {
    left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-prev {
    left: 0;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-next {
  right: 0;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/next.png);
}
@media screen and (max-width: 1300px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-next {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-next {
    right: 0;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots {
  font-size: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 2.52632%;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots {
    margin-top: 6.88525%;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots li {
  width: 12px;
  padding-top: 12px;
  background-color: #b8b8b8;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots li {
    width: 2.95082%;
    padding-top: 2.95082%;
    border-radius: 50%;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots li:not(:last-child) {
  margin-right: 10px;
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots li.slick-active {
  background-color: #fff;
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slick-dots.d-none {
  display: none;
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item {
    margin: 0 12px;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item:focus {
  outline: none;
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dt {
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dt {
    max-height: 230px;
    overflow: hidden;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dt::after {
  content: '';
  display: block;
  width: 10.23891%;
  padding-bottom: 10.23891%;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/zoom.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 4.54545%;
  right: 3.41297%;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dt::after {
    display: none;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dt img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dt img {
    height: 223px;
  }
}
#class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dd {
  margin-top: 19px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.85714;
}
@media screen and (max-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dd {
    margin-top: 3.93443%;
    font-size: 3.2vw;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dd {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item dd {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #class .garelly .garelly_wrap .garelly_container .slide_lists .slide_item:hover dt img {
    opacity: 0.7;
  }
}
#class .teach {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  #class .teach {
    padding: 10.66667vw 4% 0;
  }
}
#class .teach .teach_title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .teach .teach_title {
    width: 163px;
    padding-top: 7.27273%;
  }
}
@media screen and (max-width: 767px) {
  #class .teach .teach_title {
    width: 29.71014%;
  }
}
@media screen and (min-width: 768px) {
  #class .teach .teach_container {
    padding: 0 10.90909%;
    margin-top: 5.45455%;
  }
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container {
    margin-top: 8.69565%;
  }
}
#class .teach .teach_container:nth-child(n + 3) {
  margin-top: 4.90909%;
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container:nth-child(n + 3) {
    margin-top: 7.53623%;
  }
}
#class .teach .teach_container .teach_category {
  color: #fff;
  background-color: #ffb200;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container .teach_category {
    height: auto;
    line-height: 1;
    padding: 2.46377% 0;
    font-size: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .teach .teach_container .teach_category {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .teach .teach_container .teach_category {
    font-size: 16px;
  }
}
#class .teach .teach_container dl {
  margin-top: 3.48837%;
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container dl {
    padding: 0 5.7971%;
    margin-top: 4.92754%;
  }
}
#class .teach .teach_container dl:not(:first-of-type) {
  margin-top: 2.7907%;
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container dl:not(:first-of-type) {
    margin-top: 3.76812%;
  }
}
#class .teach .teach_container dl dt {
  font-size: 1.6rem;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container dl dt {
    margin-bottom: 2.29508%;
    font-size: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .teach .teach_container dl dt {
    font-size: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .teach .teach_container dl dt {
    font-size: 13px;
  }
}
#class .teach .teach_container dl dd {
  font-size: 1.4rem;
  line-height: 1.85714;
}
@media screen and (max-width: 767px) {
  #class .teach .teach_container dl dd {
    font-size: 3.2vw;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .teach .teach_container dl dd {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .teach .teach_container dl dd {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #class .teach .accordion {
    padding: 0 10.90909%;
  }
}
#class .teach .accordion .accordion-head {
  margin: 3.48837% 0 1.16279%;
  color: #0075c1;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  #class .teach .accordion .accordion-head {
    padding: 0 5.7971%;
    margin: 8.69565% 0 1.44928%;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .teach .accordion .accordion-head {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .teach .accordion .accordion-head {
    font-size: 12px;
  }
}
#class .teach .accordion .accordion-head .open-text {
  display: inline-block;
  cursor: pointer;
}
#class .teach .accordion .accordion-head .close-text {
  display: none;
}
#class .teach .accordion .accordion-body {
  display: none;
}
#class .teach .accordion .accordion-body p {
  font-size: 1.6rem;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  #class .teach .accordion .accordion-body p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .teach .accordion .accordion-body p {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .teach .accordion .accordion-body p {
    font-size: 12px;
  }
}
#class .teach .accordion.active .accordion-head .open-text {
  display: none;
}
#class .teach .accordion.active .accordion-head .close-text {
  display: inline-block;
  cursor: pointer;
}
#class .teach .result_link {
  padding: 0 10.90909%;
  text-align: right;
}
@media screen and (min-width: 768px) {
  #class .teach .result_link {
    margin-top: 3.63636%;
  }
}
@media screen and (max-width: 767px) {
  #class .teach .result_link {
    padding: 4.92754% 5.7971% 0;
  }
}
#class .teach .result_link a {
  display: inline-block;
  padding-right: 12px;
  font-size: 1.4rem;
  color: #0075c1;
  position: relative;
  border-bottom: 1px solid #0075c1;
}
@media screen and (max-width: 767px) {
  #class .teach .result_link a {
    padding-right: 3.27869%;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .teach .result_link a {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .teach .result_link a {
    font-size: 12px;
  }
}
#class .teach .result_link a::before {
  content: '';
  width: 8px;
  height: 8px;
  display: block;
  border-top: 1px solid #0075c1;
  border-right: 1px solid #0075c1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 1px;
  top: 8px;
}
@media screen and (max-width: 767px) {
  #class .teach .result_link a::before {
    top: 50%;
    height: auto;
    width: 6%;
    padding-bottom: 6%;
    right: 2%;
    margin-top: -3%;
  }
}
#class #result_area .teach_container .teach_category {
  background-color: #ffb200;
}
#class #result_area .tab {
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
#class #result_area .tab li {
  width: 50%;
}
#class #result_area .tab button {
  width: 100%;
  display: block;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #ccc;
  padding: 20px 0;
  border-bottom: 2px solid #ffb200;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.8rem;
}
#class #result_area .tab button.active {
  pointer-events: none;
  position: relative;
  border-bottom: none;
  background-color: #fff;
  border-top: 2px solid #ffb200;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #ffb200;
  border-right: 2px solid #ffb200;
}
#class #result_area .tab button.active a {
  pointer-events: none;
}
#class #result_area .tab_contents .teach_container {
  padding: 0;
}
#class .voice {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #class .voice {
    padding: 0 4%;
    margin: 10.66667% 0;
  }
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap {
    padding: 0 7.69231%;
    margin: 6.15385% 0;
  }
}
#class .voice .voice_wrap .voice_title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap .voice_title {
    width: 21.09091%;
    padding-bottom: 5.45455%;
  }
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_title {
    width: 42.46377%;
    padding-bottom: 8.69565%;
  }
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap .voice_contents {
    padding: 5.45455% 10.90909% 0;
  }
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents {
    padding-top: 8.69565%;
  }
}
#class .voice .voice_wrap .voice_contents li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
#class .voice .voice_wrap .voice_contents li:not(:first-child) {
  margin-top: 5.45455%;
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li:not(:first-child) {
    margin-top: 5.7971%;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_prof {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap .voice_contents li .voice_prof {
    min-width: 120px;
    max-width: 120px;
    margin-right: 35px;
  }
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_prof {
    width: 21.73913%;
    margin-right: 5.7971%;
  }
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap .voice_contents li .voice_prof .voice_img {
    max-width: 100px;
    margin: 0 auto 7px;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_prof p {
  font-size: 1.4rem;
  line-height: 1.42857;
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_prof p {
    line-height: 1.45455;
    font-size: 2.93333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_prof p {
    font-size: 22.49867px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .voice .voice_wrap .voice_contents li .voice_prof p {
    font-size: 11px;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_comment {
  -webkit-box-flex: 1;
  flex: 1;
  background-color: #0fa0e4;
  color: #fff;
  padding: 32px 40px 35px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment {
    padding: 4.49275% 5.7971%;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_comment::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment::before {
    left: -28px;
    border-top: 15px solid transparent;
    border-right: 30px solid #0fa0e4;
    border-bottom: 15px solid transparent;
  }
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment::before {
    left: -13px;
    border-top: 8px solid transparent;
    border-right: 13px solid #0fa0e4;
    border-bottom: 8px solid transparent;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_comment .comment_lead {
  font-size: 2.2rem;
  line-height: 1.72727;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .comment_lead {
    margin-bottom: 3.18841%;
    line-height: 1.625;
    font-size: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .comment_lead {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .comment_lead {
    font-size: 16px;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_comment p {
  font-size: 1.4rem;
  line-height: 1.85714;
}
#class .voice .voice_wrap .voice_contents li .voice_comment .voice_comment_title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .showArea .showBtn {
    margin-top: 1em;
    position: relative;
    text-align: center;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .showArea .showBtn {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .showArea .showBtn {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .showArea .showBtn::before {
    content: '';
    display: block;
    width: 0.66667em;
    height: 0.66667em;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-70%) rotate(45deg);
    transform: translateY(-70%) rotate(45deg);
    right: 28%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .showArea .hideArea {
    display: block !important;
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  #class .voice .voice_wrap .voice_contents li .voice_comment .showArea .hideArea {
    height: 5.33333vw;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#class .voice .voice_wrap .voice_contents li .voice_comment .showArea .hideArea.show {
  height: auto;
}
#class #schedule .schedule_title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class #schedule .schedule_title {
    width: 159px;
    padding: 0 0 5.45455%;
    margin-top: 7.27273%;
  }
}
@media screen and (max-width: 767px) {
  #class #schedule .schedule_title {
    width: 29.27536%;
  }
}
#class .class {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 76px;
}
@media screen and (max-width: 767px) {
  #class .class {
    padding: 10.66667% 4% 10.13333%;
  }
}
#class .class .class_title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #class .class .class_title {
    width: 258px;
    padding: 7.27273% 0 5.45455%;
  }
}
@media screen and (max-width: 767px) {
  #class .class .class_title {
    width: 47.10145%;
  }
}
@media screen and (min-width: 768px) {
  #class .class .map_wrap {
    padding: 5.45455% 10.90909% 3.63636%;
  }
}
@media screen and (max-width: 767px) {
  #class .class .map_wrap {
    padding: 8.69565% 0 8.11594%;
  }
}
#class .class .map_wrap #map {
  padding-bottom: 350px;
}
@media screen and (max-width: 767px) {
  #class .class .map_wrap #map {
    padding-bottom: 100%;
  }
}
#class .class .class_name {
  padding: 0 10.90909%;
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #class .class .class_name {
    font-size: 5.33333vw;
    line-height: 1.55;
    padding: 0 5.7971%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .class .class_name {
    font-size: 40.90667px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .class .class_name {
    font-size: 20px;
  }
}
#class .class .information {
  padding: 0 10.90909%;
}
@media screen and (max-width: 767px) {
  #class .class .information {
    padding: 0 5.7971%;
  }
}
#class .class .information li {
  margin-top: 28px;
  padding-left: 26px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .class .information li {
    margin-top: 3.93443%;
    padding-left: 6.55738%;
  }
}
#class .class .information li .list_ttl {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  #class .class .information li .list_ttl {
    font-size: 3.46667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .class .information li .list_ttl {
    font-size: 26.58933px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .class .information li .list_ttl {
    font-size: 13px;
  }
}
#class .class .information li .list_text {
  font-size: 1.4rem;
  line-height: 1.57143;
}
@media screen and (max-width: 767px) {
  #class .class .information li .list_text {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .class .information li .list_text {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .class .information li .list_text {
    font-size: 12px;
  }
}
#class .class .information li .note {
  font-size: 1.4rem;
  line-height: 1.57143;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  #class .class .information li .note {
    margin-top: 1.40351%;
    line-height: 1.75;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .class .information li .note {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class .class .information li .note {
    font-size: 12px;
  }
}
#class .class .information .address::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 15px;
  padding-bottom: 20px;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/point.png);
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #class .class .information .address::before {
    width: 4.03509%;
    padding-bottom: 5.4386%;
  }
}
#class .class .information .train::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 14px;
  padding-bottom: 20px;
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/train.png);
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #class .class .information .train::before {
    width: 3.85965%;
    padding-bottom: 5.4386%;
  }
}
#class #nearby_classes {
  background-color: #ebebeb;
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  #class #nearby_classes {
    padding: calc(30 / 375 * 100%) 0;
  }
}
#class #nearby_classes .class_link_list {
  max-width: 890px;
  margin: 40px auto 60px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  #class #nearby_classes .class_link_list {
    margin: calc(20 / 375 * 100%) auto calc(30 / 375 * 100%);
  }
}
#class #nearby_classes .class_link_list li {
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  min-width: 168px;
}
@media screen and (min-width: 768px) {
  #class #nearby_classes .class_link_list li {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #class #nearby_classes .class_link_list li:hover {
    box-shadow: none;
    opacity: 0.7;
  }
}
#class #nearby_classes .class_link_list li::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  background-image: url(/zemi-kobetsu/assets/img/top/arrow_blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  margin: auto;
}
#class #nearby_classes .class_link_list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  font-size: 1.23077vw;
  font-weight: bold;
}
@media screen and (min-width: 1300px) {
  #class #nearby_classes .class_link_list li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #class #nearby_classes .class_link_list li a {
    font-size: 9.45231px;
  }
}
@media screen and (max-width: 767px) {
  #class #nearby_classes .class_link_list li a {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #nearby_classes .class_link_list li a {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #nearby_classes .class_link_list li a {
    font-size: 12px;
  }
}
#class #after_lesson {
  padding: 100px 0 120px;
}
@media screen and (max-width: 767px) {
  #class #after_lesson {
    padding: calc(50 / 375 * 100%) calc(15 / 375 * 100%);
  }
}
#class #after_lesson .flow {
  max-width: 860px;
  margin: 40px auto 0;
}
#class #after_lesson .flow .flow_list {
  position: relative;
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
#class #after_lesson .flow .flow_list:first-child .flow_icon {
  height: 96px;
  padding-top: 0;
}
#class #after_lesson .flow .flow_list:last-child {
  padding-top: 10px;
}
#class #after_lesson .flow .flow_list:not(:last-child)::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 70%;
  background-image: linear-gradient(to top, #b9b9b9 4px, transparent 4px);
  background-size: 4px 9px;
  background-repeat: repeat-y;
  background-position: left bottom;
  left: calc(40 / 860 * 100%);
  top: 100px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list:not(:last-child)::after {
    top: 50%;
    width: 2px;
    height: 80%;
    background-image: linear-gradient(to top, #b9b9b9 2px, transparent 2px);
    background-size: 2px 4px;
    left: calc(36 / 345 * 100%);
  }
}
#class #after_lesson .flow .flow_list + .flow_list {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list + .flow_list {
    margin-top: calc(30 / 375 * 100%);
  }
}
#class #after_lesson .flow .flow_list .flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
#class #after_lesson .flow .flow_list .flex .image {
  width: 200px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  #class #after_lesson .flow .flow_list .flex .image {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list .flex .image {
    width: calc(119 / 260 * 100%);
    margin-top: -1rem;
  }
}
#class #after_lesson .flow .flow_list .flow_icon {
  width: 86px;
  height: 106px;
  flex-shrink: 0;
  z-index: 2;
  padding: 10px 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list .flow_icon {
    width: calc(82 / 375 * 100%);
    height: calc(82 / 375 * 100%);
  }
}
#class #after_lesson .flow .flow_list .title {
  color: #0075c1;
  font-size: 2vw;
  font-weight: bold;
}
@media screen and (min-width: 1300px) {
  #class #after_lesson .flow .flow_list .title {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  #class #after_lesson .flow .flow_list .title {
    font-size: 15.36px;
  }
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list .title {
    font-size: 4.26667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #after_lesson .flow .flow_list .title {
    font-size: 32.72533px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #after_lesson .flow .flow_list .title {
    font-size: 16px;
  }
}
#class #after_lesson .flow .flow_list .text {
  font-size: 1.23077vw;
  font-weight: bold;
  margin-top: 15px;
  line-height: calc(24 / 16 * 100%);
}
@media screen and (min-width: 1300px) {
  #class #after_lesson .flow .flow_list .text {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #class #after_lesson .flow .flow_list .text {
    font-size: 9.45231px;
  }
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list .text {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #after_lesson .flow .flow_list .text {
    font-size: 24.544px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #after_lesson .flow .flow_list .text {
    font-size: 12px;
  }
}
#class #after_lesson .flow .flow_list .note {
  font-size: 0.92308vw;
  color: #242424;
  margin-top: 15px;
  line-height: calc(18 / 12 * 100%);
}
@media screen and (min-width: 1300px) {
  #class #after_lesson .flow .flow_list .note {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #class #after_lesson .flow .flow_list .note {
    font-size: 7.08923px;
  }
}
@media screen and (max-width: 767px) {
  #class #after_lesson .flow .flow_list .note {
    margin-top: calc(10 / 375 * 100%);
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class #after_lesson .flow .flow_list .note {
    font-size: 20.45333px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  #class #after_lesson .flow .flow_list .note {
    font-size: 10px;
  }
}
#class .apply {
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/features_bg.jpg);
  background-size: contain;
  background-repeat: repeat;
}
@media screen and (min-width: 768px) {
  #class .apply {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  #class .apply {
    padding: 6.66667% 0 8%;
  }
}
#class .apply .apply_wrap {
  max-width: 1300px;
  margin: 0 auto;
}
#class .apply .apply_wrap .apply_block {
  display: -webkit-box;
  display: flex;
}
@media screen and (min-width: 768px) {
  #class .apply .apply_wrap .apply_block {
    -webkit-box-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #class .apply .apply_wrap .apply_block .apply_contents {
    width: 26.46154%;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents {
    margin: 0 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  #class .apply .apply_wrap .apply_block .apply_contents:not(:last-child) {
    margin-right: 3.07692%;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents.apply_contents_motohi {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents.apply_contents_support {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}
#class .apply .apply_wrap .apply_block .apply_contents .apply_title {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 1.38462vw;
  padding-bottom: 2.90698%;
}
@media screen and (min-width: 1300px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title {
    font-size: 10.62px;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title {
    font-size: 4.26667vw;
    line-height: 1.625;
    padding-bottom: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title {
    font-size: 32.72533px;
  }
}
#class .apply .apply_wrap .apply_block .apply_contents .apply_title.small {
  font-size: 1.23077vw;
  padding-bottom: 6.39535%;
}
@media screen and (min-width: 1300px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title.small {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title.small {
    font-size: 9.44px;
  }
}
@media screen and (max-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title.small {
    font-size: 3.73333vw;
    padding-bottom: 2.89855%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .apply .apply_wrap .apply_block .apply_contents .apply_title.small {
    font-size: 28.63467px;
  }
}
#class .apply .apply_wrap .apply_block .apply_contents .banner_image a {
  display: block;
  width: 100%;
  position: relative;
}
#class .cvBtn {
  max-width: 1084px;
  margin: 0 auto;
}
#class .cvBtn .apply_btn {
  width: 36.16236%;
  background-color: #e6380d;
  font-size: 1.69231vw;
  text-align: center;
  font-weight: bold;
  border-radius: 0.7em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin: 3.69004% auto 0;
}
@media screen and (min-width: 1300px) {
  #class .cvBtn .apply_btn {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  #class .cvBtn .apply_btn {
    font-size: 12.98px;
  }
}
@media screen and (max-width: 767px) {
  #class .cvBtn .apply_btn {
    margin: 6.66667vw auto 0;
    width: 81.33333vw;
    font-size: 4.26667vw;
    line-height: 1.375;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .cvBtn .apply_btn {
    font-size: 32.72533px;
  }
}
#class .cvBtn .apply_btn:hover {
  opacity: 0.7;
}
#class .cvBtn .apply_btn a {
  color: #fff;
  padding: 6.37755% 0;
  display: block;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  #class .cvBtn .apply_btn a {
    padding: 4.26667vw 0;
  }
}
#class .cvBtn .apply_btn a::before {
  content: '';
  display: block;
  width: 5.61224%;
  padding-top: 5.10204%;
  background-image: url(/zemi-kobetsu/assets/img/top/freeTrial_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 6%;
}
@media screen and (max-width: 767px) {
  #class .cvBtn .apply_btn a::before {
    left: 6%;
    width: 4.4vw;
    padding-top: 4vw;
  }
}
#class .cvBtn .apply_btn a::after {
  content: '';
  display: block;
  width: 3.57143%;
  padding-top: 5.86735%;
  background-image: url(/zemi-kobetsu/assets/img/top/freeTrial_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
}
@media screen and (max-width: 767px) {
  #class .cvBtn .apply_btn a::after {
    width: 2.4vw;
    padding-top: 3.86667vw;
  }
}
#class .class_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
#class .class_modal .modal_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#class .class_modal .modal_inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
#class .class_modal .modal_inner .modal_contents {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
#class .class_modal .modal_inner .modal_contents .modal_block {
  width: 100%;
  padding: 0 10.90909%;
}
#class .class_modal .modal_inner .modal_contents .modal_block .wrap {
  background-color: #fff;
  padding: 6.97674% 15.11628% 6.27907%;
  position: relative;
}
#class .class_modal .modal_inner .modal_contents .modal_block .wrap .close {
  width: 8.13953%;
  position: absolute;
  top: 0;
  margin-top: -4%;
  right: -4%;
  cursor: pointer;
}
#class .class_modal .modal_inner .modal_contents .modal_block .wrap p {
  margin-top: 3%;
  font-size: 1.4rem;
  line-height: 1.85714;
}
#class .classAncr_lists {
  display: block;
  background-color: rgba(129, 172, 214, 0.6);
}
#class .classAncr_lists .classAncr_contents {
  max-width: 1300px;
  margin: 0 auto;
}
#class .classAncr_lists .classAncr_contents ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul {
    -webkit-box-align: center;
    align-items: center;
    padding: 15px 7.69231% 15px 7.69231%;
  }
}
@media screen and (max-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul {
    position: relative;
    padding: 8px 15px;
  }
}
#class .classAncr_lists .classAncr_contents ul li {
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 19.27273%;
    padding: 6px 0 6px 0.90909%;
    border-radius: 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
@media screen and (max-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li {
    width: 18.84058%;
    padding: 5px 0 3px;
    border-radius: 5px;
  }
}
#class .classAncr_lists .classAncr_contents ul li.prevent {
  cursor: auto;
  pointer-events: none;
  opacity: 0.3;
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.75em 0.45em 0 0.45em;
    border-color: #2d75bb transparent transparent transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4.71698%;
    font-size: 1.53846vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1300px) {
  #class .classAncr_lists .classAncr_contents ul li::before {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li::before {
    font-size: 11.81538px;
  }
}
#class .classAncr_lists .classAncr_contents ul li:not(:last-child) {
  margin-right: 0.90909%;
}
@media screen and (max-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li:not(:last-child) {
    margin-right: 1.44928%;
  }
}
@media screen and (max-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li.new {
    position: relative;
  }
}
#class .classAncr_lists .classAncr_contents ul li.new .icon.icon01 {
  background-image: url(/zemi-kobetsu/assets/img/list/class/common/ancr_icon01.active.png);
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li.new .icon.icon01 {
    position: relative;
  }
}
#class .classAncr_lists .classAncr_contents ul li.new .icon.icon01::before {
  content: 'NEW';
  background-color: #ed1c24;
  color: #fff;
  padding: 2px 0.8em;
  border-radius: 10em;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li.new .icon.icon01::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -1.7em;
    font-size: 0.76923vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1300px) {
  #class .classAncr_lists .classAncr_contents ul li.new .icon.icon01::before {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li.new .icon.icon01::before {
    font-size: 5.90769px;
  }
}
@media screen and (max-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li.new .icon.icon01::before {
    padding: 1px 0.5em;
    top: -0.5em;
    right: -0.5em;
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li.new .icon.icon01::before {
    font-size: 20.45333px;
  }
}
#class .classAncr_lists .classAncr_contents ul li p {
  line-height: 1.2;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li p {
    margin-left: 4.71698%;
    font-size: 1.15385vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1300px) {
  #class .classAncr_lists .classAncr_contents ul li p {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #class .classAncr_lists .classAncr_contents ul li p {
    font-size: 8.86154px;
  }
}
@media screen and (max-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li p {
    margin-top: 5px;
    text-align: center;
    font-size: 2.66667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .classAncr_lists .classAncr_contents ul li p {
    font-size: 20.45333px;
  }
}
#class .head-title {
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  #class .head-title {
    text-align: center;
    font-size: 38px;
    padding-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  #class .head-title {
    font-size: 6.4vw;
    padding-bottom: 5.33333vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .head-title {
    font-size: 49.088px;
  }
}
#class .head-title::before {
  content: '';
  display: block;
  background-image: linear-gradient(to right, #015aae 0% 33%, #ffb200 33% 66%, #e7370e 66% 100%);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #class .head-title::before {
    width: 90px;
    padding-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  #class .head-title::before {
    width: 20vw;
    padding-bottom: 0.8vw;
  }
}
#class .subHead-title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  #class .subHead-title {
    font-size: 4.26667vw;
    margin-top: 3.73333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
  #class .subHead-title {
    font-size: 32.72533px;
  }
}

#class .btn.btn--cta .btn__link__text::before {
  background-image: url(/zemi-kobetsu/assets/img/common/icon_graph_wh.svg);
}
#class .btn.btn--simple .btn__link__text {
  color: #df0100;
}
#class .btn.btn--simple .btn__link__text::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="13" viewBox="0 0 9 13" fill="none"><path d="M1.5 1L7.5 6.5L1.5 12" stroke="%23DF0100" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
#class .section__group__head {
  border-bottom: 1px solid #bd0300;
}
#class ..section--target .section__group + .section__group {
  border-top: 2px dotted rgba(223, 1, 0, 0.6);
}
#class .section__group.section__group--noborder {
  border-top: none;
}
#class .section__group .banner {
  margin-top: -142px;
  padding-top: 166px;
}
#class .section.section--mv .section__wrap--bg::before {
  background-color: #fff;
}
#class .section.section--mv .section__wrap--bg::after {
  background-color: #950101;
}
#class .section.section--intro .section__wrap {
  background-color: #fff;
}
#class .section.section--intro .section__wrap--bg {
  background-color: #fff;
}
#class .section.section--intro .section__wrap--bg::before {
  background-color: #fff3f3;
}
#class .section.section--intro .section__wrap--bg::after {
  background-color: #fff;
}
#class .section.section--feature .section__wrap {
  background-color: #fff3f3;
}
#class .section.section--feature .section__wrap--bg {
  background-color: #fff3f3;
}
#class .section.section--feature .section__wrap--bg::before {
  background-color: #eee;
}
#class .section.section--feature .section__wrap--bg::after {
  background-color: #fff3f3;
}
#class .section.section--result .section__wrap {
  background-color: #fff9dd;
}
#class .section.section--result .section__wrap--bg {
  background-color: #fff9dd;
}
#class .section.section--result .section__wrap--bg::before {
  background-color: #eee;
}
#class .section.section--result .section__wrap--bg::after {
  background-color: #fff9dd;
}
#class .section.section--cta .section__wrap {
  background-color: #eee;
}
#class .section.section--cta .section__wrap--bg {
  background-color: #eee;
}
#class .section.section--cta .section__wrap--bg::before {
  background-color: #fff;
}
#class .section.section--cta .section__wrap--bg::after {
  background-color: #eee;
}
#class .heading.heading--simple .heading__text--main {
  color: #bd0300;
}
#class .heading.heading.fc-main .heading__text--main {
  color: #df0100;
}
#class .heading.heading.fc-strong .heading__text--main {
  color: #bd0300;
}
#class .section--target .heading.heading--deco .heading__head--number {
  color: #df0100;
  text-shadow: 4px 4px 0 #ffab09;
}
#class .section--target .heading.heading--deco .heading__head--text {
  color: #bd0300;
}
#class .section--target .heading.heading--deco .heading__balloon__inner {
  border: 2px solid #ffab09;
}
#class .section--target .heading.heading--deco .heading__balloon__inner::before {
  background-color: #df0100;
}
#class .section--target .heading.heading--deco .heading__balloon__inner::after {
  background-color: #ffab09;
}
#class .section--target .heading.heading--deco .heading__balloon__inner__box {
  background-color: #df0100;
}
#class .marker {
  background: linear-gradient(transparent 50%, rgba(255, 171, 9, 0.4) 50%);
}
#class .message__text.message__text--main {
  color: #df0100;
}
#class .flow__list__item--head__icon {
  border: 1px solid #df0100;
}
#class .flow__list__item--head__icon--main,
#class .flow__list__item--head__icon--sub {
  color: #df0100;
}
#class .flow__list__item--content__checklist__item {
  background-color: #fff7e8;
}
#class .flow__list__item--content__checklist__item__text::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="9" height="19" viewBox="0 0 9 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.028 14.9305C1.488 13.4665 0.84 12.1945 0 10.9825L0.744 10.4785C1.476 11.5825 2.1 12.8305 2.52 14.0305H2.568C3.516 10.8505 5.424 7.5625 7.548 5.4985L8.256 6.1585C6.132 8.1385 4.188 11.1865 3.168 14.7865L2.028 14.9305Z" fill="%23DF0100"/></svg>');
}
#class .flow__list__item + .flow__list__item::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="13" height="19" viewBox="0 0 13 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6"><path d="M12 1.6665L6.5 7.6665L1 1.6665" stroke="%23DF0100" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 11.6665L6.5 17.6665L1 11.6665" stroke="%23DF0100" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}
#class .cost__table__th {
  background-color: #ec9393;
}
#class .modal_trigger {
  position: relative;
}
#class .modal_trigger_btn {
  background-color: #ffab09;
}
#class .lesson-intro_list-item::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="9" height="19" viewBox="0 0 9 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.028 14.9305C1.488 13.4665 0.84 12.1945 0 10.9825L0.744 10.4785C1.476 11.5825 2.1 12.8305 2.52 14.0305H2.568C3.516 10.8505 5.424 7.5625 7.548 5.4985L8.256 6.1585C6.132 8.1385 4.188 11.1865 3.168 14.7865L2.028 14.9305Z" fill="%23DF0100"/></svg>');
}
#class .modal_trigger_btn {
  border-radius: 50%;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
}
#class .modal_trigger_btn_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#class .modal_trigger_btn_icon::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7719 12.7121H15.7241V9.6634C15.7241 8.97035 15.1611 8.4082 14.468 8.4082C13.7749 8.4082 13.2128 8.97035 13.2128 9.6634V12.7121H10.1641C9.47011 12.7121 8.90796 13.2742 8.90796 13.9682C8.90796 14.6613 9.47011 15.2234 10.1641 15.2234H13.2128V18.2721C13.2128 18.9652 13.7749 19.5273 14.468 19.5273C15.161 19.5273 15.7241 18.9652 15.7241 18.2721V15.2234H18.7719C19.4659 15.2234 20.0281 14.6613 20.0281 13.9682C20.028 13.2742 19.4659 12.7121 18.7719 12.7121Z" fill="%23FFFFFF"/><path d="M29.5129 24.246L26.4257 21.1588C27.7551 18.9505 28.4381 16.4557 28.4363 13.9673C28.4381 10.4023 27.0676 6.81157 24.3448 4.0906C21.6239 1.36874 18.0341 -0.00270317 14.4681 0.000988233C10.9021 -0.00364067 7.31235 1.36874 4.59137 4.0906C1.86858 6.81157 0.498069 10.4023 0.499885 13.9673C0.496194 17.5333 1.86858 21.124 4.59137 23.845C7.31141 26.5668 10.9021 27.9383 14.4681 27.9356C16.9565 27.9383 19.4504 27.2544 21.6596 25.926L24.7458 29.0113C26.0623 30.3278 28.1964 30.3278 29.5129 29.0113C30.8295 27.6957 30.8295 25.5616 29.5129 24.246ZM20.5316 20.0309C18.8498 21.7118 16.6718 22.5403 14.4681 22.5431C12.2645 22.5403 10.0873 21.7117 8.40459 20.0309C6.72453 18.349 5.89602 16.171 5.89326 13.9673C5.89602 11.7637 6.72459 9.58564 8.40453 7.90382C10.0863 6.22476 12.2644 5.39618 14.468 5.39255C16.6717 5.39624 18.8497 6.22476 20.5316 7.90382C22.2116 9.58564 23.0392 11.7637 23.0438 13.9673C23.0393 16.171 22.2116 18.349 20.5316 20.0309Z" fill="%23FFFFFF"/></svg>');
}
#class .lesson-step_list-item_icon {
  border: 2px solid #bd0300;
}
#class .lesson-step_list-item_icon span {
  color: #bd0300;
}
#class .lesson-acc_item {
  border-top: 1px solid #bd0300;
  border-bottom: 1px solid #bd0300;
}
#class .lesson-acc_ttl {
  color: #bd0300;
}
#class .lesson-acc_ttl::after,
#class .lesson-acc_ttl::before {
  background-color: #bd0300;
}
#class .lesson-acc_content.is-active {
  border-bottom: 1px solid #bd0300;
}
#class .lesson-acc-flow_list-item_icon {
  border: 2px solid #bd0300;
}
#class .lesson-acc-flow_list-item_icon span {
  color: #bd0300;
}
#class .lesson-flow_list-icon {
  background-color: #df0100;
}
#class .lesson-flow_list-ttl {
  color: #bd0300;
}
#class .review_list .slide-dots li button::before {
  border: 1px solid #bd0300;
}
#class .review_list .slide-dots li.slick-active button::before {
  background-color: #0080ca;
}
#class .support-point_list-item_ttl-icon {
  background-color: #df0100;
}
#class .support-point_list-item_ttl-txt span {
  color: #bd0300;
}
#class .support-point_list-item_2col-item_ttl span {
  color: #bd0300;
}
#class .link {
  border-bottom: 1px solid #bd0300;
  color: #bd0300;
}
#class .link::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 1.3125L5.5 5.3125L0.5 9.3125" stroke="%23BD0300" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
#class .faq-acc_ttl::after,
#class .faq-acc_ttl::before {
  background-color: #bd0300;
}
#class .faq-acc_ttl-icon {
  background-color: #df0100;
}
#class .classAncr_lists .classAncr_contents ul li .icon.icon01 {
  width: 16.50943%;
  padding-bottom: 13.67925%;
  background-size: cover;
  background-image: url(/zemi-kobetsu/assets/img/school-detail/ancr_icon01.png);
}
#class .classAncr_lists .classAncr_contents ul li .icon.icon02 {
  width: 15.09434%;
  padding-bottom: 14.15094%;
  background-size: cover;
  background-image: url(/zemi-kobetsu/assets/img/school-detail/ancr_icon02.png);
}
#class .classAncr_lists .classAncr_contents ul li .icon.icon03 {
  width: 15.56604%;
  padding-bottom: 14.62264%;
  background-size: cover;
  background-image: url(/zemi-kobetsu/assets/img/school-detail/ancr_icon03.png);
}
#class .classAncr_lists .classAncr_contents ul li .icon.icon04 {
  width: 12.26415%;
  padding-bottom: 14.62264%;
  background-size: cover;
  background-image: url(/zemi-kobetsu/assets/img/school-detail/ancr_icon04.png);
}
#class .classAncr_lists .classAncr_contents ul li .icon.icon05 {
  width: 12.73585%;
  padding-bottom: 15.56604%;
  background-size: cover;
  background-image: url(/zemi-kobetsu/assets/img/school-detail/ancr_icon05.png);
}
@media screen and (min-width: 768px), print {
  #class .btn.btn--cta .btn__link__text::before {
    width: 26px;
    height: 32px;
    left: 11px;
  }
  #class .btn.btn--simple .btn__link {
    border: 3px solid #df0100;
  }
  #class .section__group__head::before {
    border: 22px solid;
    border-top: 18px solid;
    border-color: transparent;
    border-top-color: #bd0300;
    margin-left: -20px;
  }
  #class .lesson-flow_list-btn_list {
    margin: 10px 0 0;
  }

  #class .modal_trigger_btn {
    bottom: 9px;
    right: 9px;
    width: 60px;
    height: 60px;
  }

  #class .modal_trigger_btn_icon {
    width: 30px;
    height: 30px;
  }
  #class .modal_trigger_btn_icon::before {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  #class .btn.btn--cta .btn__link__text::before {
    width: 5.8666666667vw;
    height: 6.9333333333vw;
    left: 2.4vw;
  }
  #class .btn.btn--simple .btn__link {
    border: 2px solid #df0100;
  }
  #class .section__group__head::before {
    border: 2.4vw solid;
    border-color: transparent;
    border-top-color: #bd0300;
    margin-left: -2.4vw;
  }
  #class .section__group .banner {
    margin-top: -67px;
    padding-top: 91px;
  }

  #class .modal_trigger_btn {
    bottom: 1.0666666667vw;
    right: 2.1333333333vw;
    width: 16vw;
    height: 16vw;
  }
  #class .modal_trigger_btn_icon {
    width: 8vw;
    height: 8vw;
  }
  #class .modal_trigger_btn_icon::before {
    width: 8vw;
    height: 8vw;
  }

  #class .classAncr_lists .classAncr_contents ul li .icon.icon01 {
    width: 43%;
    padding-bottom: 36.15385%;
    margin: 0 auto;
  }
  #class .classAncr_lists .classAncr_contents ul li .icon.icon02 {
    width: 39%;
    padding-bottom: 36.15385%;
    margin: 0 auto;
  }
  #class .classAncr_lists .classAncr_contents ul li .icon.icon03 {
    width: 39%;
    padding-bottom: 36.15385%;
    margin: 0 auto;
  }
  #class .classAncr_lists .classAncr_contents ul li .icon.icon04 {
    width: 30%;
    padding-bottom: 36.15385%;
    margin: 0 auto;
  }
  #class .classAncr_lists .classAncr_contents ul li .icon.icon05 {
    width: 29.5%;
    padding-bottom: 36.15385%;
    margin: 0 auto;
  }
}