@charset "UTF-8";
.pc-on {
  display: block;
}
.sp-on {
  display: none;
}
.pc-on-inline {
  display: inline-block;
}
.sp-on-inline {
  display: none;
}
section.feature {
  width: 942px !important;
}
/*	‐‐‐‐‐‐‐‐‐‐‐‐1p目‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.feature__title {
  font-size: 30px;
  text-align: center;
  margin: 60px 0 30px 0;
  letter-spacing: 5px;
  color: #333;
}
.feature__mv img {
  width: 778px;
}
.feature__mv h1 {
  margin: 0 auto;
  text-align: center;
  font-size: unset;
  padding: 0 !important;
  color: unset;
  border-bottom: none;
  font-weight: unset;
}
.feature__intro {
  font-size: 18px;
  line-height: 1.7;
  height: auto;
  margin: 0 auto;
  color: #666666;
  padding: 40px 0 100px 0;
  text-align: center;
}
/*contents02
-----------------------*/
.contents02 {
  margin: 0 auto 120px;
  text-align: center;
}
.contents02 > img {
  width: 24%;
  margin: 0 0 50px 0;
}
.contents02_flex01 {
  display: flex;
  justify-content: space-around;
  margin: 0 90px 40px 90px;
}
.contents02_flex02 {
  display: flex;
  justify-content: space-around;
  margin: 0 0 50px 0;
}
.contents02 .contents02_flex01 .pair_box {
  width: 42%;
}
.contents02 .contents02_flex01 .pair_box img {
  width: 70%;
  margin: 0 0 5px 0;
}
.contents02 .contents02_flex02 .pair_box {
  width: 40%;
}
.contents02 .contents02_flex02 .pair_box img {
  width: 72%;
  margin: 0 0 10px 0;
}
.contents02 .pair_box {
  line-height: 2;
}
.contents02 .pair_box p{
  font-size: 17px;
}

/*contents03
-----------------------*/
.contents03 {
  margin: 0 auto 120px;
  text-align: center;
}
.contents03 .comment {
  width: 320px;
  margin: 0 auto;
  text-align: left;
  font-size: 17px;
  line-height: 1.7;
}
.feature__adviser img {
  width: 160px;
  margin: 0 0 10px 0;
}
/*	‐‐‐‐‐‐‐‐‐‐‐‐2p目‐‐‐‐‐‐‐‐‐‐‐‐‐*/
/*	
‐‐‐‐‐‐‐‐‐‐‐‐contents04‐‐‐‐‐‐‐‐‐‐‐‐*/
.title02 {
  width: 83%;
  margin: 80px auto 40px;
}
.title02 img {
  width: 100%;
}
.contents04 {
  margin: 65px 0 120px 0;
}
.contents04 p {
  line-height: 1.8;
  font-size: 17px;
}
.contents04 h2 {
  font-size: 28px;
  font-weight: bold;
  color: #009bdd;
  border-bottom: none;
  padding: 0 0 20px 0;
}
.contents04 .name {
  color: #fff;
  background: #009bdd;
  border-radius: 20px;
  width: 16%;
  text-align: center;
  padding: 2px 0;
  font-size: 20px;
  font-weight: bold;
}
.contents04 .flex_area01 {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
}
.contents04 .flex_area02 {
  display: flex;
  justify-content: space-between;
}
.contents04 .text_area {
  width: 70%;
}
.contents04 .img_area_parent {
  width: 20%;
  margin: 0 auto;
}
.contents04 .img_area_parent_s {
  width: 22%;
  margin: 0 auto;
}
.contents04 .img_area_duck {
  width: 15%;
  margin: 0 auto;
}
.contents04 img {
  width: 100%;
}
.contents04 .text_box {
  margin: 0 0 30px 0;
}
/*	‐‐‐‐‐‐‐‐‐‐‐‐3p目‐‐‐‐‐‐‐‐‐‐‐‐‐*/
/*	
‐‐‐‐‐‐‐‐‐‐‐‐contents05‐‐‐‐‐‐‐‐‐‐‐‐*/
.contents05 {
  margin: 0px 0 80px 0;
}
.contents05 h2 {
  font-size: 27px;
  font-weight: bold;
  color: #009bdd;
  border-bottom: none;
  padding: 0 0 0px 0;
  margin: 0 0 10px 0 !important;
}
.contents05 p {
  line-height: 1.8;
  font-size: 17px;  
}
.contents05 .student_flex {
  display: flex;
  padding: 30px 0 30px 0;
}
.contents05 .student_prof {
  display: flex;
}
.contents05 .student_prof img {
  width: 100%;
}
.contents05 .student_prof p {
  margin: 60px 0 0 20px;
}
.contents05 .border_r {
  border-right: 1px #ccc solid;
}
.contents05 .border_b {
  border-bottom: 1px #ccc solid;
}
.contents05 .student_img {
  width: 115px;
}
.contents05 .student_box {
  padding: 15px 0px 30px 0;
}
.contents05 .student_box01 {
  padding: 0 40px 0 0;
  width: 100%;
}
.contents05 .student_box02 {
  padding: 0 0px 0 40px;
  width: 100%;
}
/*	
‐‐‐‐‐‐‐‐‐‐‐‐contents06‐‐‐‐‐‐‐‐‐‐‐‐*/
.contents06 {
  text-align: center;
  margin: 0 0 100px 0;
}
.contents06 h2 {
  text-align: center;
  border-bottom: none;
  margin: 0 0 45px 0 !important;
}
.contents06 h2 img {
  width: 64%;
  margin: 0 auto;
}
.contents06 h3 {
  font-size: 28px;
  font-weight: bold;
  color: #009bdd;
  border-bottom: #009bdd 1px solid;
  padding: 0 0 0px 0;
  display: inline-block;
  margin: 0 0 25px 0 !important;
}
.contents06 p {
  font-size: 22px;
  line-height: 1.8;
}
.contents06_text01 {
  margin: 0 0 60px 0;
}
.contents06 .lesson_type {
    border: #009bdd solid 3px;
    border-radius: 25px;
    padding: 1px 35px;
    font-size: 19px;
    font-weight: bold;
}
.lesson_type_wrap {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0 0;
}
/*	
‐‐‐‐‐‐‐‐‐‐‐‐contents07‐‐‐‐‐‐‐‐‐‐‐‐*/
.contents07 {
  background: #68c9f2;
}
.contents07 img {
  width: 100%;
}
.contents07_course {
  padding: 10px 60px;
  margin: 0 0 120px 0;
}
.contents07 .sub_title {
  color: #fff228;
  font-size: 16px;
}
.contents07 h2 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: none;
}
.contents07 p {
  line-height: 1.8;
}
.contents07 .lesson_icon {
  color: #68c9f2;
  background: #FFFFFF;
  border-radius: 25px;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: bold;
  height: 10%;
  margin: 56px 0 0px 10px;
}
.contents07_course_flex {
  display: flex;
}
.contents07 .comment {
  padding: 50px 0 0 0;
}
.contents07 .comment p {
  font-size: 14px;
}
/*	‐‐‐‐‐‐‐‐‐‐‐‐調整‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.mt50 {
  margin-top: 50px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.pl50 {
  padding-left: 50px;
}
.pt10 {
  padding-top: 10px;
}
.pt50 {
  padding-top: 50px;
}
.pt100 {
  padding-top: 100px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb100 {
  padding-bottom: 100px;
}
/*	‐‐‐‐‐‐‐‐‐‐‐‐スマホ指定‐‐‐‐‐‐‐‐‐‐‐‐‐*/
@media screen and (max-width:767px) {
  .pc-on {
    display: none;
  }
  .sp-on {
    display: block;
  }
  .pc-on-inline {
    display: none;
  }
  .sp-on-inline {
    display: inline-block;
  }
  .contents__inner {
    padding: 0px 15px;
  }
  section.feature {
    width: 100% !important;
  }
  /*	‐‐‐‐‐‐‐‐‐‐‐‐1p目‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .feature__title {
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
    letter-spacing: 5px;
    color: #333;
  }
  .feature__mv img {
    width: 100%;
  }
  .feature__mv h1 {
    margin: 0 auto;
    text-align: center;
    font-size: unset;
    padding: 0 !important;
    color: unset;
    border-bottom: unset;
    font-weight: unset;
  }
  .feature__intro {
    font-size: 4.2vw;
    line-height: 1.7;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    color: #666666;
    padding: 30px 0 80px;
    text-align: left;
  }
  .contents02 .comment {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    line-height: 1.7;
  }
  .feature__adviser img {
    width: 40%;
  }
  /* contents02
‐‐‐‐‐‐‐‐‐‐‐‐----------‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .contents02 {
    margin: 0 auto 80px;
    text-align: center;
  }
  .contents02 > img {
    width: 35%;
    margin: 0 0 30px 0;
  }
  .contents02_flex01 {
    display: block;
    justify-content: space-around;
    margin: 0 0 50px 0;
  }
  .contents02_flex02 {
    display: block;
    justify-content: space-around;
    margin: 0 0 50px 0;
  }
  .contents02 .contents02_flex01 .pair_box {
    width: 90%;
    margin: 0 auto 50px;
  }
  .contents02 .contents02_flex01 .pair_box img {
    width: 50%;
    margin: 0 0 10px 0;
  }
  .contents02 .contents02_flex02 .pair_box {
    width: 90%;
    margin: 0 auto 50px;
  }
  .contents02 .contents02_flex02 .pair_box img {
    width: 50%;
    margin: 0 0 10px 0;
  }
  .contents03 .comment {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 4vw;
    line-height: 1.8;
  }
  .contents02 .pair_box p {
    font-size: 4vw;
}
  
  /*	‐‐‐‐‐‐‐‐‐‐‐‐2p目‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  /*	contents04
  ‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  .title02 {
    width: 100%;
    margin: 40px auto 0;
  }
  .title02 img {
    width: 100%;
  }
  .contents04 {
    margin: 50px 0 120px 0;
  }
  .contents04 p {
    line-height: 1.8;
    font-size: 4vw;
  }
  .contents04 h2 {
    font-size: 5.6vw;
    font-weight: bold;
    color: #009bdd;
    border-bottom: none;
    padding: 0 0 20px 0;
  }
  .contents04 .name {
    color: #fff;
    background: #009bdd;
    border-radius: 20px;
    width: 26%;
    text-align: center;
    padding: 0px 0;
    font-size: 4vw;
    font-weight: bold;
    display: inline-block;
  }
  .contents04 .flex_area01 {
    display: block;
    flex-flow: row-reverse;
    justify-content: space-between;
  }
  .contents04 .flex_area02 {
    display: block;
    justify-content: space-between;
  }
  .contents04 .text_area {
    width: 100%;
  }
  .contents04 .img_area_parent {
    width: 42%;
    padding: 0 15px;
  }
  .contents04 .img_area_parent_s {
    width: 42%;
    padding: 0 15px;
  }
  .contents04 .img_area_duck {
    width: 40%;
    margin: 0 auto;
    padding: 0 20px;
  }
  .float_r {
    float: right;
  }
  .float_l {
    float: left;
  }
  .contents04 img {
    width: 100%;
  }
  .contents04 .text_box {
    margin: 0 0 30px 0;
  }
  /*	‐‐‐‐‐‐‐‐‐‐‐‐3p目‐‐‐‐‐‐‐‐‐‐‐‐‐*/
  /*	
‐‐‐‐‐‐‐‐‐‐‐‐contents05‐‐‐‐‐‐‐‐‐‐‐‐*/
  .contents05 {
    margin: 30px 0 60px 0;
  }
  .contents05 h2 {
    font-size: 5.6vw;
    font-weight: bold;
    color: #009bdd;
    border-bottom: none;
    padding: 0 0 0px 0;
    margin: 0 0 10px 0 !important;
  }
  .contents05 p {
    line-height: 1.8;
    font-size: 4vw;
  }
  .contents05 .student_flex {
    display: block;
    padding: 0 0 0px 0;
  }
  .contents05 .student_prof {
    display: flex;
  }
  .contents05 .student_prof img {
    width: 100%;
  }
  .contents05 .student_prof p {
    margin: 60px 0 0 20px;
  }
  .contents05 .border_r {
    border-right: none;
  }
  .contents05 .border_b {
    border-bottom: none;
  }
  .contents05 .student_img {
    width: 100px;
  }
  .contents05 .student_box {
    padding: 20px 0px 20px 0;
    border-bottom: 1px #ccc solid;
  }
  .contents05 .student_box01 {
    padding: 20px 0px 20px 0;
    width: 100%;
    border-bottom: 1px #ccc solid;
  }
  .contents05 .student_box02 {
    padding: 20px 0px 20px 0px;
    width: 100%;
    border-bottom: 1px #ccc solid;
  }
  .border_n{
    border-bottom: none!important;
  }
  
  
  /*	
‐‐‐‐‐‐‐‐‐‐‐‐contents06‐‐‐‐‐‐‐‐‐‐‐‐*/
  .contents06 {
    text-align: center;
    margin: 0 0 60px 0;
  }
  .contents06 h2 {
    text-align: center;
    border-bottom: none;
    margin: 0 0 25px 0 !important;
  }
  .contents06 h2 img {
    width: 100%;
    margin: 0 auto;
  }
  .contents06 h3 {
    font-size: 5.6vw;
    font-weight: bold;
    color: #009bdd;
    border-bottom: #009bdd 1px solid;
    padding: 0 0 0px 0;
    display: inline-block;
    margin: 0 0 25px 0 !important;
  }
  .contents06 p {
    font-size: 4vw;
    line-height: 1.8;
  }
  .contents06_text01 {
    margin: 0 0 30px 0;
  }
  .contents06_text01 p {
    text-align: left;
  }
  .contents06 .lesson_type {
    border: #009bdd solid 3px;
    border-radius: 25px;
    padding: 2px 2px;
    font-size: 4vw;
    font-weight: bold;
    width: 40%;
    margin: 0 5px;
  }
  .contents06 .type2 {
    border: #009bdd solid 3px;
    border-radius: 25px;
    padding: 2px 2px;
    font-size: 4vw;
    font-weight: bold;
    width: 100%;
    margin: 10px 0px;
  }
  .lesson_type_wrap {
    display: flex;
    justify-content: center;
    margin: 10px 0 0 0;
    flex-wrap: wrap;
  }
  /*	
‐‐‐‐‐‐‐‐‐‐‐‐contents07‐‐‐‐‐‐‐‐‐‐‐‐*/
  .contents07 {
    background: #68c9f2;
  }
  .contents07 img {
    width: 100%;
  }
  .contents07_course {
    padding: 10px 15px;
    margin: 0 0 120px 0;
  }
  .contents07 .sub_title {
    color: #fff228;
    font-size: 3.6vw;
  }
  .contents07 h2 {
    color: #fff;
    font-size: 5.6vw;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: none;
  }
  .contents07 p {
    line-height: 1.8;
    font-size: 4vw;
  }
  .contents07 .lesson_icon {
    color: #68c9f2;
    background: #FFFFFF;
    border-radius: 25px;
    padding: 5px 8px;
    font-size: 3.4vw;
    font-weight: bold;
    height: 10%;
    margin: 45px 0 0px 5px;
  }
  .contents07_course_flex {
    display: flex;
  }
  .contents07 .comment {
    padding: 50px 0 0 0;
  }
  .contents07 .comment p {
    font-size: 3.2vw;
  }
/*	‐‐‐‐‐‐‐‐‐‐‐‐調整‐‐‐‐‐‐‐‐‐‐‐‐‐*/
.mt50sp {
  margin-top: 50px !important;
}
.mt100sp {
  margin-top: 100px !important;
}  
}