.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
h1 {
  background: #ea4a53;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4;
  margin: auto;
  max-width: 630px;
}
h2 {
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
}

/*notes*/
header {
  background: center center / cover url(../img/bg_1.png) no-repeat;
}
header .header__top {
  margin: auto;
  max-width: 1000px;
  padding: 1em 0;
}
header .header__main {
  position: relative;
  font-weight: 700;
  margin: auto;
  max-width: 1000px;
  padding-bottom: 3em;
  text-align: center;
}
header .header__main p:nth-of-type(1) {
  color: #ea4a53;
  font-feature-settings: "palt";
  font-size: 7.0rem;
}
header .header__main p:nth-of-type(1) .t1 {
  font-size: 8.0rem;
}
header .header__main p:nth-of-type(1) .t2 {
  font-size: 6.0rem;
}
header .header__main p:nth-of-type(2) {
  background: linear-gradient(transparent 70%, #fcf000 70%, #fcf000 90%, transparent 90%);
  font-size: 4.0rem;
  margin: 0 auto 1em;
  max-width: 16em;
}
header .header__main p:nth-of-type(3) {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: .5em;
}
.mv_teacher_1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.mv_teacher_2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width:900px){
.mv_teacher_1 {
  width: 220px;
}
.mv_teacher_2 {
  width: 220px;
}
}

/*notes*/
.sec__01__wrap,
.sec__03__wrap {
  background: center center / 20px url(../img/bg_2.png) repeat;
  padding: 60px 5%;
}
.sec__01__wrap h2 {
  color: #fff;
  margin-bottom: .5em;
}
.sec__01__wrap h2 span {
  color: #fcf000;
}
.sec__01__wrap h2 span span {
  font-size: 6.4rem;
}
.sec__01__wrap ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 1em;
  max-width: 840px;
}
.sec__01__wrap li {
  background: #fff;
  border: 6px solid #f3f3f3;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.2));
  max-width: 31%;
  text-align: center;
  width: 100%;
}
.sec__01__wrap .ttl {
  background: #f3f3f3;
  color: #ea4a53;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 0 .2em;
}
.sec__01__wrap .ttl span {
  font-size: 1.4rem;
}
.sec__01__wrap .cur {
  padding: 0 .5em 1em;
}

.sec__01__wrap .cur div {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.sec__01__wrap .cur div p:nth-of-type(1) {
  background: #ea4a53;
  border-radius: 2em;
  color: #fff;
  font-weight: 700;
  margin-right: .3em;
  width: 3em;
  font-size: 1.2rem;
  line-height:2.4rem;
  padding: 0 .3em;
}
.sec__01__wrap .cur div p:nth-of-type(2) {
  font-size: 1.6rem;
}
.sec__01__wrap .cur div p:nth-of-type(2) span,
.sec__01__wrap .cur div p:nth-of-type(3) span {
  font-size: 1.6rem;
}
.sec__01__wrap .cur div p:nth-of-type(3) {
  font-size: 2rem;
  font-weight: 700;
}
.sec__01__wrap .cur div img {
  margin: 0 .5em;
}
.sec__01__wrap .price {
  background: linear-gradient(transparent 65%, #fcf000 65%, #fcf000 80%, transparent 80%);
  color: #ea4a53;
  font-size: 3.4rem;
  font-weight: 700;
  margin: auto;
  width: 7em;
}
.sec__01__wrap .price span {
  font-size: 2.2rem;
  font-weight: 700;
}
.cond {
  color: #fff;
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
}
.cond span {
  color: #fcf000;
}
.cond span span {
  font-size: 3.6rem;
}

/*notes*/
.sec__02__wrap {
  background: bottom center / cover url(../img/bg_3.png) no-repeat;
  padding: 60px 5%;
}
.sec__02__wrap h2 {
  background: #fff;
  border-radius: 10px;
  color: #ea4a53;
  margin : -100px auto 0;;
  max-width: 840px;
  padding: .6em 0;
}
.sec__02__wrap .rate {
  align-items: center;
  display: flex;
  margin: 1em auto 2em;
  max-width: 840px;
}
.sec__02__wrap .rate div:nth-child(1) {
  line-height: 1.4;
  max-width: 456px;
  text-align: center;
  width: 100%;
}
.sec__02__wrap .rate div:nth-child(1) p:nth-of-type(1) {
  font-size: 2.6rem;
  font-weight: 700;
}
.sec__02__wrap .rate div:nth-child(1) p:nth-of-type(2) {
  color: #ea4a53;
  font-size: 5.4rem;
  font-weight: 700;
}
.sec__02__wrap .rate div:nth-child(1) p:nth-of-type(3) {
  font-size: 1.4rem;
}
.sec__02__wrap .rate div:nth-child(2) {
  max-width: 384px;
  text-align: center;
  width: 100%;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(1) {
  color: #ea4a53;
  font-size: 17rem;
  font-weight: 700;
  line-height: 1;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(1) span:first-of-type {
  font-size: 6rem;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(1) span:last-of-type {
  font-size: 10rem;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(2) {
  background: #333;
  color: #fff;
  font-size: 3.0rem;
  font-weight: 700;
  margin: auto;
  max-width: 11em;
}
.sec__02__wrap .rating {
  align-items: center;
  display: flex;
  margin: auto;
  justify-content: center;
}
.sec__02__wrap .rating div:nth-child(1) {
  line-height: 1.4;
  max-width: 364px;
  text-align: center;
  width: 100%;
  margin-right: 20px;
}
.sec__02__wrap .rating div:nth-child(2) {
  max-width: 380px;
}
.sec__02__wrap .rating div:nth-child(2) img {
  width: 100%;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(1) {
  color: #ea4a53;
  font-size: 4.0rem;
  font-weight: 700;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(2) {
  position: relative;
  background: #ea4a53;
  border-radius: 10px;
  color: #fff;
  font-size: 2.0rem;
  font-weight: 700;
  padding: .2em 0;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(2):before {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ea4a53;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(3) {
  font-size: 2.6rem;
  font-weight: 700;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(3) span {
  color: #ea4a53;
  font-size: 7.4rem;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(3) span span {
  font-size: 3.6rem;
}

/*notes*/
.sec__03__wrap h2 {
  color: #fcf000;
}
.sec__03__wrap ul {
  margin: auto;
  max-width: 800px;
}
.sec__03__wrap li {
  background: #fff;
  border: 6px solid #f3f3f3;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.2));
  margin-bottom: 20px;
  padding: 20px;
}
.sec__03__wrap li .box {
  display: flex;
}
.sec__03__wrap .number {
  align-items: center;
  background: #ea4a53;
  color: #fff;
  display: flex;
  font-size: 5.6rem;
  font-weight: 700;
  height: 70px;
  justify-content: center;
  margin-right: .3em;
  max-width: 70px;
  width: 100%;
}
.sec__03__wrap li .box div p:nth-of-type(1) {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: .5em;
}

/*notes*/
.sec__04__wrap {
  background: center center / 20px url(../img/bg_4.png) repeat;
  padding: 60px 5%;
}
.sec__04__wrap ul {
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 910px;
}
.sec__04__wrap li {
  position: relative;
  align-items: center;
  background: #fff;
  border: 6px solid #ea4a53;
  display: flex;
  font-weight: 700;
  justify-content: center;
  height: 270px;
  max-width: 30.5%;
  text-align: center;
  width: 100%;
}
.sec__04__wrap li img {
  margin-bottom: 1em;
}
.sec__04__wrap li p:nth-of-type(2) {
  color: #ea4a53;
  font-size: 2.6rem;
}
.sec__04__wrap .number {
  position: absolute;
  top: -16px;
  left: -16px;
  align-items: center;
  background: #ea4a53;
  color: #fff;
  display: flex;
  font-size: 4.6rem;
  font-weight: 700;
  height: 70px;
  justify-content: center;
  margin-right: .3em;
  max-width: 70px;
  width: 100%;
}
.sec__04__wrap .number:before {
  position: absolute;
  top: 100%;
  right: 0;
  content: "";
  border: 7px solid transparent;
  border-top: 7px solid #ea4a53;
  border-right: 7px solid #ea4a53;
}
.sec__04__wrap .note {
  font-size: 1.3rem;
  margin: .5em auto 0;
  max-width: 910px;
  text-align: right;
}

/*notes*/
.sec__05__wrap {
  position: fixed;
  bottom: 0;
  background: #fafafa;
  padding: 10px 5%;
  width: 90%;
}
.sec__05__wrap div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec__05__wrap a {
  position: relative;
  background: linear-gradient(to right, #ff7381, #e7003c);
  border-radius: 2em;
  color: #fff;
  display: block;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.1));
  font-weight: 700;
  line-height: 1.2;
  margin: .5em;
  padding: .8em 2em .8em 4em;
  text-align: center;
}
.sec__05__wrap a:last-child {
  background: linear-gradient(to right, #ffb600, #ff7100);
}
.sec__05__wrap a:before {
  position: absolute;
  content: "";
  background: 100% / 100% url(../img/btn_1.png) no-repeat;
  width: 16px;
  height: 16px;
  top: .9em;
  left: 2em;
}
.sec__05__wrap a:nth-child(4):before {
  background: 100% / 100% url(../img/btn_2.png) no-repeat;
}

/*notes*/
footer {
  background: #fff;
  font-size: 1.2rem;
  padding: .5em 5% 7em;
  text-align: center;
}

@media screen and (max-width:720px){
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
body {
  font-size: 1.5rem;
}
h1 {
  font-size: 2.0rem;
}
h2 {
  font-size: 2.8rem;
}

/*notes*/
header .header__top {
  text-align: center;
}
header .header__top img {
  width: 40%;
}
header .header__main {
  position: relative;
  font-weight: 700;
  margin: auto;
  max-width: 1000px;
  padding-bottom: 11em;
  text-align: center;
}
header .header__main p:nth-of-type(1) {
  font-size: 3.4rem;
}
header .header__main p:nth-of-type(1) span {
  font-size: 2.4rem;
}
header .header__main p:nth-of-type(2) {
  font-size: 2.0rem;
}
header .header__main p:nth-of-type(3) {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: .5em;
}
.mv_teacher_1 {
  width: 35%;
}
.mv_teacher_2 {
  width: 35%;
}
@media screen and (max-width:400px){
.mv_teacher_1 {
  width: 40%;
}
.mv_teacher_2 {
  width: 40%;
}
}
.top__img {
  width: 60%;
}

/*notes*/
.sec__01__wrap h2 span span {
  font-size: 3.4rem;
}
.sec__01__wrap ul {
  display: block;
}
.sec__01__wrap li {
  margin-bottom: 20px;
  max-width: 96%;
}
.cond {
  font-size: 2.0rem;
}
.cond span span {
  font-size: 2.6rem;
}

/*notes*/
.sec__02__wrap h2 {
  font-size: 2.0rem;
}
.sec__02__wrap .rate {
  display: block;
}
.sec__02__wrap .rate div:nth-child(1) p:nth-of-type(1) {
  font-size: 2.0rem;
}
.sec__02__wrap .rate div:nth-child(1) p:nth-of-type(2) {
  font-size: 3.4rem;
}
.sec__02__wrap .rate div:nth-child(1) p:nth-of-type(3) {
  font-size: 1.2rem;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(1) {
  font-size: 7.5rem;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(1) span {
  font-size: 4.9rem;
}
.sec__02__wrap .rate div:nth-child(2) p:nth-of-type(2) {
  font-size: 2.0rem;
}
.sec__02__wrap .rating {
  display: block;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(1) {
  font-size: 3.0rem;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(2) {
  font-size: 1.8rem;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(3) {
  font-size: 2.0rem;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(3) span {
  font-size: 5.4rem;
}
.sec__02__wrap .rating div:nth-child(1) p:nth-of-type(3) span span {
  font-size: 2.6rem;
}
.sec__02__wrap .rating div:nth-child(2) {
  margin: auto;
  width: 60%;
}

/*notes*/
.sec__03__wrap li .box {
  display: block;
}
.sec__03__wrap .number {
  font-size: 4.6rem;
  height: 60px;
  margin: -10px auto 10px;
  max-width: 60px;
}
.sec__03__wrap li .box div p:nth-of-type(1) {
  font-size: 2.0rem;
  text-align: center;
}

/*notes*/
.sec__04__wrap ul {
  display: block;
}
.sec__04__wrap li {
  height: auto;
  margin: 0 auto 30px;
  max-width: 76%;
  padding: 1em 0;
}
.sec__04__wrap li:last-child {
  margin-bottom: 0;
}
.sec__04__wrap li p:nth-of-type(2) {
  font-size: 2.2rem;
}
.sec__04__wrap .number {
  font-size: 4.0rem;
  height: 60px;
  max-width: 60px;
}
.sec__04__wrap .note {
  max-width: 76%;
  font-size: 1.1rem;
}
.sec__04__wrap li img {
  width: 40%;
}

/*notes*/
.sec__05__wrap {
  padding: 10px 2%;
  width: 96%;
}
.sec__05__wrap a {
  border-radius: 1em;
  display: block;
  font-size: 1.2rem;
  margin: .4em;
  padding: .4em 2% .4em 10%;
  text-align: left;
  width: 35%;
}
.sec__05__wrap a:last-of-type {
  line-height: 2.3em;
}
.sec__05__wrap a:before {
  width: 12px;
  left: 1em;
}

/*notes*/
footer {
  font-size: 1.0rem;
  padding: .5em 5% 20%;
}
}

/*lp2用*/